.zw-template-inner {
    --translateAdjust: 1;
    --rotateAdjust: 0deg;
}

.i18n-ar .zw-template-inner {
    --translateAdjust: -1;
    --rotateAdjust: 180deg;
}

.zwrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.zwrapper h1,
.zwrapper h2,
.zwrapper h3,
.zwrapper h4,
.zwrapper h5 {
    font-family: var(--zf-primary-bold);
}

.main-container-wrapper #mini-panel-product_menu {
    display: none;
}

.zw-product-header {
    /* background: #e2f7fd; */
}

.footer-sec-wrap.two-column {
    /* display: none; */
}

.quick-connect-links-wrap {
    /* display: none !important */
}

.banner-content h1 {
    margin-top: 40px;
}

.common-links p {
    font-size: 16px;
    border-top: 1px solid #e6e6e6;
    padding: 20px 10px;
    margin: 0;
}

.czonefooter {
    padding-bottom: 0;
    background: #f5f5f5;
}

.zprd-logo {
    padding: 15px 0 10px 50px;
    background: url('/sites/zweb/images/producticon/workplace.svg');
    background-size: 44px;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    line-height: 1;
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #000;
    text-transform: none;
    pointer-events: none;
}

.zwrapper h1 {
    font-size: 55px;
    line-height: 1.1;
    max-width: 675px;
}

.zwrapper h2 {
    font-size: 45px;
}

.zwrapper h3 {
    font-size: 35px;
}

.zwrapper h4 {
    font-size: 25px;
}

.zwrapper h5 {
    font-size: 20px;
}

.em_tmp_tt {
    color: #fff;
}

section#block-panels-mini-product-menu {
    background: #e2f7fd;
}

.zwrapper {
    overflow: hidden;
    width: 100%;
}

.zwrapper p {
    margin: 0;
}

.text-center {
    text-align: center;
}

.zsection.banner-section {
    padding: 60px 0 120px 0;
    /* background: #e2f7fd; */
    position: relative;
    max-width: 2000px;
    margin: 0 auto;
    overflow: hidden;
}

.zsection.banner-section:after {
    content: "";
    position: absolute;
    display: grid;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background: url(/sites/zweb/images/workplace/pricing-campaign/header-section-bg.svg) bottom center no-repeat;
    background-size: contain;
    min-height: auto;
    padding-bottom: 50%;
}

.site-sprite {
    background: url('/sites/zweb/images/workplace/pricing-campaign/sprite-icon.png') top center no-repeat;
    background-size: 500px auto;
}

.zsection {
    padding: 100px 0 100px 0;
}

.banner-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.banner-content {
    width: 600px;
    max-width: 100%;
    padding-bottom: 120px;
    position: relative;
    z-index: 2;
}

.banner-content h1 {
    font-family: var(--zf-primary-semibold);
}

.banner-content p {
    max-width: 480px;
    line-height: 2;
}

.banner-content p span.txt-bold {
    font-family: var(--zf-primary-bold);
}

.banner-content h1+p {
    margin-top: 30px;
}

.banner-content p+p {
    margin-top: 40px;
}

.banner-bg-box {
    width: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    margin-top: 40px;
    -webkit-transform: scale(1.1) translate(calc(var(--translateAdjust) * -20px), 55px);
    -ms-transform: scale(1.1) translate(calc(var(--translateAdjust) * -20px), 55px);
    transform: scale(1.1) translate(calc(var(--translateAdjust) * -20px), 55px);
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

.bg-img-1 {
    width: 400px;
    height: 350px;
    inset-inline-start: 215px;
    position: absolute;
    top: 10px;
}

.bg-img-2 {
    width: 400px;
    height: 350px;
    inset-inline-start: 80px;
    position: absolute;
    top: 205px;
}

.bg-img-3 {
    width: 400px;
    height: 350px;
    inset-inline-start: 365px;
    position: absolute;
    top: 145px;
}

.inner-img {
    background: url('/sites/zweb/images/workplace/pricing-campaign/banner-img-1.png') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    inset: 0
}

.bg-img-1 .inner-img {
    background-image: url('/sites/zweb/images/workplace/pricing-campaign/banner-img-1.png');
}

.bg-img-2 .inner-img {
    background-image: url('/sites/zweb/images/workplace/pricing-campaign/banner-img-2.png');
}

.bg-img-3 .inner-img {
    background-image: url('/sites/zweb/images/workplace/pricing-campaign/banner-img-3.png');
}

.banner-cta-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

.banner-cta-box a.act-btn {
    line-height: 1.4;
    padding: 12px 30px;
    white-space: nowrap;
}

.banner-cta-box .start-btn {
    background: #000;
    color: #fff;
}

.banner-cta-box .getquote-btn {
    border: 1px solid;
}

.banner-cta-box>a {
    margin: 10px 10px;
    color: #000000;
}

.compare-plan-link-box {
    margin-top: 10px;
}

.compare-plan-link-box a {
    font-size: 16px;
    font-family: var(--zf-primary-semibold);
    color: #0841db;
    text-decoration: underline;
    line-height: 1.4;
    display: inline-block;
}

.zsection.banner-section .content-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
}

.popular-apps-box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px;
}

.popular-apps-box ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 35px;
}

.popular-apps-box ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-transition: -webkit-transform 0.6s ease-out;
    transition: -webkit-transform 0.6s ease-out;
    -o-transition: transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
    transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.popular-apps-box ul li+li {
    margin-inline-start: 30px;
}

.popular-apps-box ul li .global-sprite-icon {
    background: var(--product-icons) no-repeat;
    background-size: var(--zp-i-bs);
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    display: block;
    margin: 0 auto 10px;
}

.popular-apps-box ul li span.pa-name {
    width: 60px;
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
    position: absolute;
    top: 100%;
}

.popular-apps-box ul li .zmail-icon {
    background-position: var(--zp-mail-bp);
}

.popular-apps-box ul li .zcliq-icon {
    background-position: var(--zp-cliq-bp);
}

.popular-apps-box ul li .zoffice-icon {
    background-position: var(--zp-officesuite-bp);
}

.popular-apps-box ul li .zmeeting-icon {
    background-position: var(--zp-meeting-bp);
}

.popular-apps-box ul li .zvault-icon {
    background-position: var(--zp-vault-bp);
}

p.popular-apps-text {
    margin: 0 0 20px 0;
}

p.popular-apps-text span {
    font-family: var(--primaryfont-semibold);
}

section.benefits-feature-section {
    padding-bottom: 0;
    position: relative;
}

section.benefits-feature-section:before {
    /* background: #e2f7fd; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    content: "";
}

.benefits-feature-content-box {
    background: #000;
    padding: 50px 100px 50px 100px;
    text-align: center;
    color: #fff;
}

.benefits-feature-list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.benefits-feature-card {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.benefits-feature-card .b-feature-icon {
    font-family: var(--zf-primary-light);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 15px;
    line-height: 1;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background-position: -180px -60px;
}

.benefits-feature-card span.b-feature-icon.stable-icon {
    background-position: -185px -60px;
    width: 30px;
}

.benefits-feature-card span.b-feature-icon.secure-icon {
    background-position: -225px -60px;
    width: 30px;
}

.benefits-feature-card span.b-feature-icon.private-icon {
    background-position: -260px -60px;
    width: 40px;
}

.benefits-feature-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(33% - 50px);
    position: relative;
}

.trust-brands-content-box .oc-top {
    max-width: 800px;
    margin: 0 auto;
}

.trust-brands-content-box .oc-top>h4 {
    text-align: center;
}

.trust-brands-content-box .oc-top p {
    max-width: 650px;
    margin: 0 auto;
}

.trust-brands-content-box .oc-bot {
    max-width: 2000px;
    margin: 40px auto 0;
}

.trust-brands-wrap .trust-brand-list {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap row;
    flex-flow: wrap row;
    opacity: 0;
    height: 90px;
}

.trust-brand-list.is-slider-active {
    opacity: 1;
    height: auto;
}

.trust-brands-wrap .trust-brand-list:before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: -o-linear-gradient(left, white 50%, rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0));
    height: 100%;
    width: 250px;
    position: absolute;
    left: 0;
    z-index: 1;
}

.trust-brands-wrap .trust-brand-list:after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: -o-linear-gradient(right, white 50%, rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0));
    height: 100%;
    width: 250px;
    position: absolute;
    right: 0;
    z-index: 1;
}

.trust-brands-wrap .trust-brand-list li {
    display: inline-block;
    margin: 0 auto;
}

.trust-brands-wrap .trust-brand-list .slick-track span {
    height: 70px;
    display: inline-grid;
    margin: 10px 20px;
    text-indent: -9999px;
    font-size: 0;
    -webkit-transition: -webkit-filter 0.3s linear;
    transition: -webkit-filter 0.3s linear;
    -o-transition: filter 0.3s linear;
    transition: filter 0.3s linear;
    transition: filter 0.3s linear, -webkit-filter 0.3s linear;
    align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
}

.trust-brands-wrap .trust-brand-list .slick-track span img {
    transform: scale(.8);
}

.trust-brands-wrap ul .c-1 span {
    width: 145px;
    background-image: url(/sites/zweb/images/otherbrandlogos/worldwide-golf-shops.svg);
    background-size: 145px auto;
}

.trust-brands-wrap ul .c-2 span {
    width: 150px;
    background-image: url(/sites/zweb/images/otherbrandlogos/iifl.svg);
    background-size: 150px auto;
}

.trust-brands-wrap ul .c-3 span {
    width: 75px;
    background-image: url(/sites/zweb/images/otherbrandlogos/her-campus-media.png);
    background-size: 75px auto;
}

.trust-brands-wrap ul .c-4 span {
    width: 80px;
    background-image: url(/sites/zweb/images/otherbrandlogos/microcred.png);
    background-size: 80px auto;
}

.trust-brands-wrap ul .c-5 span {
    width: 110px;
    background-image: url(/sites/zweb/images/otherbrandlogos/hashtaqs.png);
    background-size: 110px auto;
}

.trust-brands-wrap ul .c-6 span {
    width: 80px;
    background-image: url(/sites/zweb/images/otherbrandlogos/accion.svg);
    background-size: 80px auto;
}

.trust-brands-wrap ul .c-7 span {
    width: 80px;
    background-image: url(/sites/zweb/images/otherbrandlogos/accion.svg);
    background-size: 80px auto;
}

.trust-brands-wrap ul .c-8 span {
    background-image: url(/sites/zweb/images/otherbrandlogos/steelcast.png);
    width: 80px;
    background-size: 80px auto;
}

.trust-brands-wrap ul .c-9 span {
    width: 80px;
    background-image: url(/sites/zweb/images/otherbrandlogos/ldpi.png);
    background-size: 80px auto;
}

.trust-brands-wrap ul .c-10 span {
    width: 70px;
    background-image: url(/sites/zweb/images/otherbrandlogos/carnival-group.png);
    background-size: 70px auto;
}

.trust-brand-list .slick-slide:hover span {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.zsection.dig-workplace-section {
    padding-top: 0;
}

.dig-workplace-content {
    text-align: center;
}

.dw-features-box video {
    max-width: 100%;
    border-radius: 17px;
    height: auto;
}

.dw-features-box {
    line-height: 0;
}

.dig-workplace-content .dw-content-head h2 {
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
}

.dig-workplace-content .dw-content-head h2 span {
    display: block;
}

.dig-workplace-content .dw-content-head p {
    max-width: 500px;
    margin: 0 auto;
}

.dig-workplace-content .dw-content-head {
    margin-bottom: 50px;
}

.workplace-bg {
    background: -o-linear-gradient(bottom, #e2f5fd, rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(#e2f5fd), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0, #e2f5fd, rgba(255, 255, 255, 0));
}

.dig-workplace-last-sec {
    background: #e2f5fd;
}

.zia-features-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.zia-feature-list {
    background: #c4dfe6;
    min-height: 500px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 32.5%;
    border-radius: 15px;
    padding: 35px 20px;
    overflow: hidden;
}

.zia-feature-mobile {
    max-width: 750px;
    margin: 0 auto;
}

.zia-feature-mobile picture.fea-img-mobile {
    line-height: 0;
    display: inline-block;
}

.fea-img-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.fea-img-box>picture {
    display: inline-block;
    line-height: 0;
}

.fea-img-box-1>picture.fea-img-1_1 {
    max-width: 350px;
}

.fea-img-box-1 picture.fea-img-1_2 {
    position: absolute;
    left: 50%;
    top: 130px;
    width: 230px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.fea-img-box-1 picture.fea-img-1_3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.fea-img-box>picture img {
    -webkit-box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
    border-radius: 15px;
}

.fea-img-box-2 {
    text-align: left;
}

.fea-img-box-2 .fea-img-1_1 {
    width: calc(100% - 55px);
    margin: 0;
}

.fea-img-box-2 .fea-img-1_2 {
    position: absolute;
    right: 0;
    top: 160px;
}

.fea-img-box>picture img.no-effect {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.fea-img-box-3 {
    padding-top: 30px;
}

.fea-img-box-3 .fea-img-1_2 {
    width: calc(100% - 40px);
    margin-top: 20px;
}

.prod-include-section {
    background: #e2f6fd;
    /* padding-top: 30px; */
    /* padding-top: 0px; */
    padding-bottom: 120px;

}

.prod-include-content-box {
    background: #fff;
    padding: 100px 130px;
    border-radius: 20px;
}

.prod-include-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 20px;
}

.pi-head-left {
    width: 50%;
    max-width: 450px;
}

.pi-head-left h2 {
    margin-bottom: 0;
}

.btn-wrap a.btn {
    background: #000;
    padding: 15px 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-family: var(--zf-secondary-medium);
    position: relative;
    line-height: 1;
    border: 1px solid #000 !important;
    margin: 0 5px;
}

.bg-dark .btn-wrap a.btn.download-btn {
    border: 1px solid #4f4f4f !important;
}

.btn-wrap a.btn.subscribe-btn {
    background: #3274de;
    border-color: #3274de !important;
}

.btn-wrap a.btn.icon {
    padding-block: 15px;
    padding-inline: 60px 30px;
}

.btn-wrap a.btn.icon span {
    text-align: left;
}

.btn-wrap a.btn.icon:before {
    background: url('/sites/zweb/images/workplace/pricing-campaign/sprite-icon.png') top center no-repeat;
    background-size: 450px auto;
}

.btn-wrap a.btn.icon:before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 21px;
    height: 21px;
    position: absolute;
    inset-inline-start: 25px;
    opacity: 0;
}

.btn-wrap a.btn.download-btn.icon:before {
    background-position: -377px -55px;
    -webkit-filter: invert(100%) grayscale(1);
    filter: invert(100%) grayscale(1);
}

.hb-download-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 22px;
    height: 22px;
    position: absolute;
    inset-inline-start: 25px;
}

.hb-download-icon:after,
.hb-download-icon:before {
    content: "";
    background: url('/sites/zweb/images/workplace/pricing-campaign/sprite-icon.png') center top / 450px no-repeat;
    position: absolute;
    -webkit-filter: invert(100%) grayscale(1);
    filter: invert(100%) grayscale(1);
    display: block;
}

.hb-download-icon:before {
    height: 16px;
    width: 10px;
    inset-inline-start: 6px;
    z-index: 1;
    background-position: -383px -55px;
}

.hb-download-icon:after {
    width: 22px;
    height: 6px;
    bottom: 0;
    background-position: -377px -70px;
}

.btn-wrap a.btn:hover .hb-download-icon:before {
    -webkit-animation: arrow-down 1s linear infinite;
    animation: arrow-down 1s linear infinite;
}

.dp-download-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 23px;
    height: 25px;
    position: absolute;
    inset-inline-start: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dp-download-icon:after,
.dp-download-icon:before {
    content: "";
    background: url('/sites/zweb/images/workplace/pricing-campaign/sprite-icon.png') center top / 500px no-repeat;
    position: absolute;
    display: block;
}

.dp-download-icon:before {
    height: 18px;
    width: 12px;
    left: 5px;
    z-index: 1;
    background-position: -425px -60px;
}

.dp-download-icon:after {
    width: 23px;
    height: 7px;
    bottom: 0;
    background-position: -420px -78px;
}

.detailed-btn:hover .dp-download-icon:before {
    -webkit-animation: arrow-down 1s linear infinite;
    animation: arrow-down 1s linear infinite;
}

@-webkit-keyframes arrow-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        z-index: 1;
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        z-index: 1;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        z-index: 1;
    }
}

@keyframes arrow-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        z-index: 1;
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        z-index: 1;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        z-index: 1;
    }
}

.include-product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.prod-box {
    width: calc(33.33% - 0px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0;
}

.prod-box>a.a-link {
    width: calc(100% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.prod-box>.prod-box-in {
    width: calc(100% - 20px);
}

.prod-box-in {
    background: #f7f7f7;
    padding: 30px;
    width: calc(100% - 0px);
    border-radius: 10px;
    position: relative;
    -webkit-transition: background 0.25s linear, -webkit-box-shadow 0.4s linear, -webkit-transform 0.25s linear;
    transition: background 0.25s linear, -webkit-box-shadow 0.4s linear, -webkit-transform 0.25s linear;
    -o-transition: background 0.25s linear, box-shadow 0.4s linear, transform 0.25s linear;
    transition: background 0.25s linear, box-shadow 0.4s linear, transform 0.25s linear;
    transition: background 0.25s linear, box-shadow 0.4s linear, transform 0.25s linear, -webkit-box-shadow 0.4s linear, -webkit-transform 0.25s linear;
    color: #000;
}

.prod-box-in:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.prod-box-content .compare-link.w-icon {
    position: relative;
}

.prod-box-content .compare-link.w-icon:before {
    content: "";
    width: 24px;
    height: 24px;
    display: none;
    position: absolute;
    left: 0;
    background: url('/sites/zweb/images/workplace/pricing-campaign/sprite-icon.png') top center no-repeat;
    background-size: 500px auto;
    background-position: -442px -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.prod-box-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    font-family: var(--zf-primary-semibold);
    font-size: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
}

.prod-box-head span.p-icon-box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 40px;
    height: 40px;
    margin-inline-end: 10px;
}

.prod-box-head .prod-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: var(--product-icons) no-repeat;
    background-size: var(--zp-i-bs);
    width: var(--zp-i-w);
    height: var(--zp-i-h);
}

.prod-box-head .zmail-icon {
    background-position: var(--zp-mail-bp);
}

.prod-box-head .zcliq-icon {
    background-position: var(--zp-cliq-bp);
}

.prod-box-head .zwriter-icon {
    background-position: var(--zp-writer-bp);
}

.prod-box-head .zsheet-icon {
    background-position: var(--zp-sheet-bp);
}

.prod-box-head .zshow-icon {
    background-position: var(--zp-show-bp);
}

.prod-box-head .zworkdrive-icon {
    background-position: var(--zp-workdrive-bp);
}

.prod-box-head .zconnect-icon {
    background-position: var(--zp-connect-bp);
}

.prod-box-head .zmeeting-icon {
    background-position: var(--zp-meeting-bp);
}

.prod-box-head .zvault-icon {
    background-position: var(--zp-vault-bp);
}

.prod-box-head .ztask-icon {
    background-position: var(--zp-tasks-bp);
}

.prod-box-head .zcalendar-icon {
    background-position: var(--zp-calendar-bp);
}

.prod-box-head .zoneauth-icon {
    background-position: var(--zp-oneauth-bp);
}

.prod-box-head .zdeluge-icon {
    background-position: var(--zp-deluge-bp);
}

.prod-box-head .zzia-icon {
    background-position: var(--zp-ziasearch-bp);
}



.prod-box-head .prod-icon.site-sprite {
    background: url('/sites/zweb/images/workplace/pricing-campaign/sprite-icon.png') top center no-repeat;
    background-size: 450px auto;
}

.prod-box-head .zoneauth-icon.site-sprite {
    background-position: 0 -117px;
}

.prod-box-head .zdeluge-icon.site-sprite {
    background-position: -46px -117px;
}

.prod-box-head .zzia-icon.site-sprite {
    background-position: -92px -117px;
}

.prod-box-head .custom-app-icon.site-sprite {
    background-position: -127px -110px;
}

.prod-box-content .prod-desc {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.prod-box-content .prod-desc:last-child {
    margin-bottom: 0;
}

.prod-box-content .compare-link {
    font-size: 14px;
    font-family: var(--zf-primary-semibold);
    color: #0841db;
    text-decoration: underline;
    line-height: 1.4;
    display: inline-block;
}

.prod-box-content .compare-link a {
    color: #0841db;
    text-decoration: underline;
    line-height: 1.4;
}

.prod-box-content .compare-link span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.is-active .prod-box-in {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}

.prod-include-foot {
    margin-top: 40px;
    position: relative;
}

.see-enterprise-feature-box {
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 50px;
    display: block;
    -webkit-transform: translate(-50%, 5px);
    -ms-transform: translate(-50%, 5px);
    transform: translate(-50%, 5px);
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0.45s linear, opacity 0.45s linear, -webkit-transform 0.45s linear;
    transition: visibility 0.45s linear, opacity 0.45s linear, -webkit-transform 0.45s linear;
    -o-transition: transform 0.45s linear, visibility 0.45s linear, opacity 0.45s linear;
    transition: transform 0.45s linear, visibility 0.45s linear, opacity 0.45s linear;
    transition: transform 0.45s linear, visibility 0.45s linear, opacity 0.45s linear, -webkit-transform 0.45s linear;
    padding-bottom: 40px;
}

.see-enterprise-feature-box.is-hide {
    -webkit-transform: translate(-50%, -35px);
    -ms-transform: translate(-50%, -35px);
    transform: translate(-50%, -35px);
    visibility: hidden;
    opacity: 0;
}

.see-enterprise-feature-box-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
    background: #ffdede;
    position: relative;
    border: 70px solid #ffdede;
}

.list-content-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.se-feature-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(33% - 25px);
    position: relative;
}

.se-feature-card h5 {
    font-size: 22px;
}

.se-feature-card p {
    font-size: 15px;
}

.se-feature-card p a.learn-link {
    text-decoration: underline;
    color: #144ed0;
    font-family: var(--primaryfont-semibold);
    font-size: 14px;
}

.se-feature-card p+p {
    margin-top: 10px;
}

.see-enterprise-link-box {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.see-enterprise-link-box a.see-enterprise-link {
    color: #000;
    text-decoration: underline;
    font-family: var(--zf-primary-semibold);
    position: relative;
    padding-block: 10px;
    padding-inline-start: 50px;
    cursor: pointer;
}

.see-enterprise-feature-box-in:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -85px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    left: 50%;
    border: 15px solid #ffdede;
    border-left-color: transparent;
    border-top-color: transparent;
}

.see-enterprise-feature-box:after {
    position: absolute;
    width: 100%;
    height: 300px;
    background: #ffdede;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 90px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
}

.se-btn {
    position: absolute;
    width: 35px;
    height: 35px;
    background: #000;
    top: 50%;
    inset-inline-start: 0;
    -webkit-transform: translate(0, -50%) rotate(0);
    -ms-transform: translate(0, -50%) rotate(0);
    transform: translate(0, -50%) rotate(0);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: 0.5s cubic-bezier(0.2, 0.6, 0.3, 1.1);
    -o-transition: 0.5s cubic-bezier(0.2, 0.6, 0.3, 1.1);
    transition: 0.5s cubic-bezier(0.2, 0.6, 0.3, 1.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.se-btn:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 27px;
    background: white;
    -webkit-transform: scale(0.55);
    -ms-transform: scale(0.55);
    transform: scale(0.55);
}

.se-btn:before {
    content: "";
    position: absolute;
    height: 27px;
    width: 5px;
    background: white;
    -webkit-transform: scale(0.55);
    -ms-transform: scale(0.55);
    transform: scale(0.55);
}

.se-btn.clicked {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.se-btn.clicked:before {
    width: 0;
}

.se-btn.clicked:after {
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent transparent #fff #fff;
    background: 0;
    transform: scale(1) translateY(2px) rotate(135deg);
    border-radius: 2px;
}

.additional-apps-section {
    padding: 120px 0;
}

.apps-feature-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 35px);
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    background: #f7f7f7;
}

.additional-apps-section .apps-feature-box * {
    text-align: center;
}

.additional-apps-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.fea-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mobile-apps-slide-list {
    width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url('/sites/zweb/images/workplace/pricing-campaign/mobile-frame.png') top center no-repeat;
    max-width: 100%;
    background-size: 100% auto;
    position: relative;
    padding-top: 95%;
}

.mobile-apps-slide-list::before {
    content: "";
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    background: -o-linear-gradient(bottom, #f7f7f7 10px, rgba(247, 247, 247, 0) 90%);
    background: linear-gradient(to top, #f7f7f7 10px, rgba(247, 247, 247, 0) 90%);
    position: absolute;
    bottom: -1px;
    z-index: 1;
}

.mobile-apps-feature-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 70px 40px 0;
}

.mobile-apps-slide-list-in {
    position: absolute;
    top: 4.5%;
    bottom: 0;
    left: 6%;
    right: 6%;
    background: #382f2f61;
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}

.mobile-apps-slide-list-in .slick-slide {
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}

.apps-feature-content {
    padding: 50px 50px 70px 50px;
}

.apps-feature-content h4 {
    font-size: 28px;
    margin-bottom: 20px;
}

.is-highlighted {
    background: #fbffdb;
}

.grow-apps-feature-box {
    height: 435px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.bg-ripple-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    z-index: 1;
}

.bg-rip {
    width: 100px;
    height: 100px;
    background: #dbdfc0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    border-radius: 100%;
}

span.bg-rip.r-row-1 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

span.bg-rip.r-row-2 {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0.6;
}

span.bg-rip.r-row-3 {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity: 0.4;
}

span.bg-rip.r-row-4 {
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
    opacity: 0.2;
}

span.hand-icon {
    width: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    z-index: 2;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 260px;
    pointer-events: none;
}

span.hand-icon:before {
    content: "";
    width: 100%;
    height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url('/sites/zweb/images/workplace/pricing-campaign/hand-icon.png') bottom center no-repeat;
    background-size: 100% auto;
}

span.hand-icon:after {
    content: "";
    height: 50px;
    width: 60px;
    background: -o-linear-gradient(bottom, #fbffda, rgba(251, 255, 218, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(#fbffda), to(rgba(251, 255, 218, 0)));
    background: linear-gradient(to top, #fbffda, rgba(251, 255, 218, 0));
    position: absolute;
    bottom: 0;
    left: 57%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.grow-apps-feature-box-in {
    width: 100%;
    height: 100%;
}

.grow-app-icon-li {
    width: 80px;
    height: 80px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100%;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.grow-app-icon-li span.grow-app-txt {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: -35px;
    width: 100px;
    font-size: 12px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grow-app-icon-li.g-icon-li-2 span.grow-app-txt {
    font-size: 14px;
    top: -40px;
}

.grow-app-icon-li.g-icon-li-3 span.grow-app-txt {
    font-size: 17px;
    top: -47px;
}

.grow-app-icon-li.g-icon-li-4 span.grow-app-txt {
    font-size: 16px;
    top: -45px;
    width: 155px;
}

.grow-app-icon-li.g-icon-li-5 span.grow-app-txt {
    font-size: 21px;
    top: -52px;
    width: 155px;
}

.grow-app-icon-li.g-icon-li-1 {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 130px;
}

.grow-app-icon-li.g-icon-li-2 {
    left: 50%;
    margin-left: 125px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100px;
    -webkit-transform: scale(0.85) translateX(-50%);
    -ms-transform: scale(0.85) translateX(-50%);
    transform: scale(0.85) translateX(-50%);
}

.grow-app-icon-li.g-icon-li-3 {
    left: 50%;
    margin-left: 100px;
    bottom: 85px;
    -webkit-transform: scale(0.7) translateX(-50%);
    -ms-transform: scale(0.7) translateX(-50%);
    transform: scale(0.7) translateX(-50%);
}

.grow-app-icon-li.g-icon-li-4 {
    left: 50%;
    top: 70px;
    -webkit-transform: scale(0.75) translateX(-50%);
    -ms-transform: scale(0.75) translateX(-50%);
    transform: scale(0.75) translateX(-50%);
    margin-left: -110px;
}

.grow-app-icon-li.g-icon-li-5 {
    margin-left: -150px;
    left: 50%;
    bottom: 120px;
    -webkit-transform: scale(0.6) translateX(-50%);
    -ms-transform: scale(0.6) translateX(-50%);
    transform: scale(0.6) translateX(-50%);
}

.grow-app-icon-li .grow-app-icon {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
    border: 8px solid #fff;
    background: #fff;
    border-radius: 100%;
}

.grow-app-icon-li .grow-app-icon:before {
    background: var(--product-icons) no-repeat;
    background-size: var(--zp-i-bs);
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    display: inline-block;
    content: "";
}

span.grow-app-icon.g-icon-1:before {
    background-position: var(--zp-crm-bp);
}

span.grow-app-icon.g-icon-2:before {
    background-position: var(--zp-creator-bp);
}

span.grow-app-icon.g-icon-3:before {
    background-position: var(--zp-books-bp);
}

span.grow-app-icon.g-icon-4:before {
    background-position: var(--zp-analytics-bp);
}

span.grow-app-icon.g-icon-5:before {
    background-position: var(--zp-people-bp);
}

.empowering-section {
    background: #000;
    max-width: 2000px;
    margin: 0 auto;
}

.empowering-content-box {
    padding-bottom: 20px;
}

.empowering-content {
    color: #fff;
    text-align: center;
}

.empowering-section .empowering-content * {
    text-align: center;
}

.empowering-content h2 span {
    display: block;
}

.empowering-content p {
    max-width: 670px;
    margin: 30px auto 0 auto;
}

.emp-feature-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 70px;
    color: #fff;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.emp-feature-card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 35px);
}

.emp-feature-content-box .emp-feature-card-list:last-child {
    display: none;
}

.emp-feature-card-list-in {
    height: 650px;
    overflow: hidden;
    position: relative;
}

.emp-feature-card-list-in .twitter-feed-listing-box {
    will-change: transform;
    -webkit-animation: scrollUp 30s linear infinite;
    animation: scrollUp 30s linear infinite;
}

.emp-feature-card-list-in:hover .twitter-feed-listing-box {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes scrollUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-1130px);
        transform: translateY(-1130px);
    }
}

@keyframes scrollUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-1130px);
        transform: translateY(-1130px);
    }
}

.trusted-box {
    background: #92d685;
    background: -o-linear-gradient(315deg, #92d685 0%, #face71 100%);
    background: linear-gradient(135deg, #e7ff39 35%, #80ff46);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92d685', endColorstr='#face71', GradientType=1);
    min-height: 300px;
    width: 100%;
    border-radius: 15px;
    padding: 50px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.trusted-box+.trusted-box {
    margin-top: 35px;
}

.trusted-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    font-family: var(--zf-primary-bold);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    z-index: 1;
}

.trusted-box .trusted-content * {
    text-align: center;
}

.trusted-box span.user-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 150px;
    line-height: 0.9;
    font-family: var(--primaryfont-bold);
}

.trusted-box span.workplace-cus-count {
    font-size: 70px;
    margin: 5px 0 15px;
}

.trusted-box span.million-txt {
    text-transform: uppercase;
    font-family: var(--primaryfont-bold);
    font-size: 24px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.support-lang-box {
    background: url('/sites/zweb/images/workplace/pricing-campaign/lang-support-bg.png') top center no-repeat;
    color: #fff;
    background-size: 100% auto;
}

.support-lang-box .trusted-content {
    color: #fff;
}

.support-lang-box .support-lang-list {
    display: block;
    padding-top: 5px;
    font-family: var(--primaryfont-regular);
    font-weight: bold;
}

.user-bg-list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}

.user-bg-list .user-bg {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
}

.user-bg-list .user-bg .t-user-icon {
    background: url('/sites/zweb/images/workplace/pricing-campaign/sprite-icon.png');
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100px;
    background-size: 500px auto;
    background-position: 0 0;
}

.user-bg-list .user-1 {
    top: 10px;
    left: 10px;
}

.user-bg-list .user-2 {
    top: 35px;
    left: 75px;
}

.user-bg-list .user-3 {
    bottom: 75px;
    left: 30px;
}

.user-bg-list .user-4 {
    bottom: 10px;
    left: 10px;
}

.user-bg-list .user-5 {
    right: 35px;
    top: 20px;
}

.user-bg-list .user-6 {
    right: 5px;
    top: 100px;
}

.user-bg-list .user-7 {
    right: 60px;
    bottom: 70px;
}

.user-bg-list .user-8 {
    right: 15px;
    bottom: 15px;
}

.user-bg-list .user-1 .t-user-icon {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.user-bg-list .user-2 .t-user-icon {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    background-position: -60px 0;
}

.user-bg-list .user-3 .t-user-icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-position: -120px 0;
}

.user-bg-list .user-4 .t-user-icon {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    background-position: -180px 0;
}

.user-bg-list .user-5 .t-user-icon {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    background-position: -240px 0;
}

.user-bg-list .user-6 .t-user-icon {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    background-position: -300px 0;
}

.user-bg-list .user-7 .t-user-icon {
    -webkit-transform: scale(0.45);
    -ms-transform: scale(0.45);
    transform: scale(0.45);
    background-position: -360px 0;
}

.user-bg-list .user-8 .t-user-icon {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    background-position: -420px 0;
}

.user-bg-list .user-bg.is-blur>.t-user-icon {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

.twitter-feed-listing-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.emp-feature-card-list-in:before {
    content: "";
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 130px;
    background: -o-linear-gradient(top, black, rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
    position: absolute;
    top: -1px;
    z-index: 1;
}

.emp-feature-card-list-in:after {
    content: "";
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    background: -o-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, black, rgba(0, 0, 0, 0));
    position: absolute;
    bottom: -1px;
}

.t-feed-card {
    color: #000;
    padding: 50px;
    background: #fff;
    border-radius: 20px;
}

.t-feed-list+.t-feed-list {
    margin-top: 50px;
}

.tf-head-content {
    position: relative;
    padding: 0 45px 0 65px;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--primaryfont-semibold);
}

.tf-head-content span.icon {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    background-position: 0 -50px;
    background-size: 415px;
}

.mothersoft-twit .tf-head-content span.icon {
    background-position: -50px -50px;
}

.austin-twit .tf-head-content span.icon {
    background-position: -100px -50px;
}

.tf-head-content span.tl {
    font-size: 18px;
}

.tf-head-content span.desc {
    font-size: 15px;
    color: #999;
}

.tf-body-content p {
    font-size: 15px;
    line-height: 1.8;
    font-family: var(--primaryfont-semibold);
}

.tf-body-content p .at-info {
    color: #144ed0;
    font-family: var(--primaryfont-semibold);
}

.tf-body-content p .at-info {
    color: #144ed0;
    font-family: var(--primaryfont-semibold);
}

.tf-head-content span.twit-icon {
    width: 32px;
    height: 28px;
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: -240px -50px;
    background-size: 400px auto;
}

.pricing-content {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}

.pricing-content-box .pricing-content * {
    text-align: center;
}

.pricing-content h2 {
    margin-bottom: 20px;
}

.pricing-content p span.nocatch-txt {
    display: block;
    font-family: var(--zf-primary-semibold);
    margin-top: 5px;
}

.plan-details-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px;
    position: relative;
}

.plan-details-cotnent-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 500px;
}

.plan-compare-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 1080px;
    margin: 0 auto;
}

.plan-compare-box .compare-box-head {
    width: 260px;
    /* background: #fff; */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.plan-compare-box .compare-box-body {
    width: calc(100% - 260px);
    /* background: #fff; */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
}

.plan-compare-box .compare-box-body-content {
    width: 100%;
    /* background: #fff; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.compare-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.plan-compare-box .com-head {
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--zf-primary-semibold);
    padding: 50px 0 10px 0;
    height: 115px;
}

.plan-compare-box .com-head.detail-txt {
    font-family: var(--zf-primary-semibold);
    font-size: 16px;
    padding: 65px 0 26px 0;
    height: 115px;
}

.plan-compare-box .compare-box-body-content .com-head {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.plan-compare-box .com-head .company-logo {
    position: relative;
    width: 100%;
    text-align: center;
}

.plan-compare-box .com-head .microsoft-logo::before {
   content: "";
    background-image: url(/sites/zweb/images/otherbrandlogos/microsoft-365.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 127px;
    height: 30px;
    display: block;
    margin: 0 auto;
    background-color: rgba(255,255,255,0);
    top: 6px;
    margin-bottom: 5px;
    position: relative;
}

.plan-compare-box .com-head .cur-prod-logo {
    display: block;
    margin-bottom: 5px;
    text-align: center;
}

.plan-compare-box .com-head .cur-prod-logo:before {
    content: "";
    background-image: var(--zp-workplace);
    background-repeat: no-repeat;
    width: 135px;
    height: 35px;
    display: inline-block;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0);
    vertical-align: middle;
}

.plan-compare-box .com-head .cur-prod-logo .cur-prod-name {
    position: relative;
    top: 4px;
    font-size: 0px;
    margin-left: 5px;
}

.com-subhead .price-detail {
    text-align: center;
}

.com-subhead .price-detail * {
    text-align: center;
}

.price-value {
    display: none;
}

body:not(.ccode-au) .price-au-value {
    display: none;
}

body:not(.ccode-au) .price-value,
.compare-list.cur-prod-plan .price-detail {
    display: block;
}

.price-detail .plan-price {
    display: block;
    font-size: 45px;
    font-family: var(--zf-primary-bold);
    line-height: 1;
    min-height: 45px;
}

.ccode-br .price-detail .plan-price {
    font-size: 38px;
}



span.double-star {
    font-family: var(--zf-primary-regular);
    font-size: 34px;
    position: relative;
    top: -7px;
    left: 3px;
    line-height: 0;
    display: inline-block;
}

.star-active .zprice-container:after {
    content: "*";
    display: inline-block;
    font-family: var(--zf-primary-regular);
    font-size: 34px;
    position: relative;
    top: -7px;
    left: 3px;
    line-height: 0;
}

.price-detail .plan-price span.zcurrency-symbol-common,
.price-detail .plan-price span.zprice-currency {
    margin-right: 5px;
}

.price-detail.price-au-value .plan-price span.zcurrency-symbol-common,
.price-detail.price-au-value .plan-price span.zcurrency-symbol,
.ccode-au .price-detail .plan-price span.zcurrency-symbol-common,
.ccode-au .price-detail .plan-price span.zprice-currency,
.ccode-sa .price-detail .plan-price span.zcurrency-symbol-common,
.ccode-mx .price-detail .plan-price span.zcurrency-symbol-common,
.ccode-sa .price-detail .plan-price span.zprice-currency,
.ccode-mx .price-detail .plan-price span.zprice-currency {
    font-size: 22px;
    vertical-align: top;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.price-detail .plan-validity {
    font-size: 14px;
}

.plan-compare-box .compare-box-body-content .com-subhead {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 150px;
}

.plan-compare-box .compare-box-head .com-subhead {
    padding: 43px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.plan-compare-box .com-subhead {
    border-bottom: 2px solid;
    min-height: 150px;
}

.plan-compare-box .compare-box-head .com-subhead.pricing-inf {
    font-family: var(--primaryfont-semibold);
    font-size: 15px;
    height: 150px;
}

.plan-compare-box .compare-box-head .com-subhead.pricing-inf span.from-text {
    display: block;
    font-size: 12px;
    color: red;
    margin-top: 5px;
}

.compare-list.cur-prod-plan {
    background: #fcffe8;
}

.plan-feature-list li {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    padding: 0 10px;
}

.plan-feature-list li span.d-block {
    display: block;
    text-align: center;
}

.plan-compare-box .compare-box-body-content .plan-feature-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

span.ztick-icon-box {
    width: 20px;
    height: 20px;
    background: #02d387;
    border-radius: 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.plan-compare-box .compare-box-head .plan-feature-list li {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: var(--primaryfont-semibold);
    font-size: 15px;
    padding: 0;
}

span.ztick-icon-box span.tick-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 12px;
    height: 7px;
    border: 2px solid #fff;
    position: relative;
    left: 0;
    top: -1px;
    border-radius: 2px;
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pricing-bottom-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 25px;
}

.pricing-bottom-info .pbi-left {
    width: calc(100% - 230px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.pricing-bottom-info .pbi-right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    inset-inline-end: 0;
    margin-top: 5px;
}

.plan-note-content p {
    font-size: 15px;
}

.plan-note-content p+p {
    margin-top: 5px;
}

.detailed-btn {
    color: #000;
    font-size: 15px;
    font-family: var(--primaryfont-semibold);
    position: relative;
    padding-inline-start: 35px;
    display: flex;
}

.detailed-btn:before {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    inset-inline-start: 0;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url('/sites/zweb/images/workplace/pricing-campaign/sprite-icon.png') top center no-repeat;
    background-size: 500px auto;
    background-position: -419px -60px;
    opacity: 0;
}

.t-feed-list.slick-slide {
    display: block;
    float: none;
    height: auto;
    min-height: auto;
}

.migration-section {
    /* padding-top: 0 */
}

.zsection.pricing-section {
    /* padding-top: 0; */
    background: linear-gradient(0deg, #f1fbfe, #ffffff00);
    max-width: 2000px;
    margin: 0 auto;
}

.trust-brands-section {
    padding-bottom: 0;
}

.trust-brands-section>.content-wrap {
    max-width: 2000px;
    width: 100%;
}

.migration-content-box {
    border-radius: 20px;
    background: #e2f7fd;
    padding: 100px 100px;
    position: relative;
    margin-top: 20px;
}

.migration-content {
    max-width: 480px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.migration-content p.see-enterprise-link-box {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 40px;
}

.migration-banner-box {
    position: absolute;
    width: 800px;
    height: 540px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inset-inline-end: 0;
    bottom: 0;
    transform: rotateY(var(--rotateAdjust));
}

span.mb-bg-shape {
    background: #ffdede;
    width: 300px;
    border-radius: 200px 200px 0 0;
    position: absolute;
    height: 100%;
    right: 100px;
    bottom: 0;
}

span.mb-user-shape {
    width: 160px;
    height: 160px;
    position: absolute;
    right: 310px;
    top: -15px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

span.mb-user-shape:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 100%;
    -webkit-animation: ripple1 3s linear infinite;
    animation: ripple1 3s linear infinite;
}

.middle-animated span.mb-user-shape:before {
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0.7rem rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 0.7rem rgba(0, 0, 0, 0.4);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5rem rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 5rem rgba(0, 0, 0, 0);
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0.7rem rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 0.7rem rgba(0, 0, 0, 0.4);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5rem rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 5rem rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes ripple1 {
    0% {
        width: 0;
        height: 0;
    }

    90% {
        width: 80%;
        height: 80%;
        opacity: 1;
    }

    100% {
        width: 80%;
        height: 80%;
        opacity: 0;
    }
}

@keyframes ripple1 {
    0% {
        width: 0;
        height: 0;
    }

    90% {
        width: 80%;
        height: 80%;
        opacity: 1;
    }

    100% {
        width: 80%;
        height: 80%;
        opacity: 0;
    }
}

span.mb-user-shape:after {
    content: "";
    background: url('/sites/zweb/images/workplace/pricing-campaign/sprite-icon.png') top center no-repeat;
    background-size: 800px auto;
    width: 92px;
    height: 92px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 20px -5px rgb(0 0 0 / 30%);
    box-shadow: 0 0 20px -5px rgb(0 0 0 / 30%);
    background-position: -577px -98px;
}

span.mb-main-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url('/sites/zweb/images/workplace/pricing-campaign/migration-banner.png') top center no-repeat;
    width: 690px;
    max-width: 100%;
    height: 380px;
    bottom: -50px;
    position: absolute;
    right: -20px;
    background-size: 100% auto;
    z-index: 1;
}

.faq-section.is-active {
    display: none;
}

.faq-section {
    padding-bottom: 50px;
    padding-top: 50px;
}

.faq-content h2 {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.faq-accordian {
    max-width: 900px;
    margin: 40px auto 0;
    min-height: 460px;
    counter-reset: number;
}

.faq-accordian li {
    border-top: 1px solid #ccc;
    padding: 40px 50px;
    cursor: pointer;
}

.faq-accordian li:last-child {
    border-bottom: 1px solid #ccc;
}

.faq-accordian h4 {
    position: relative;
    color: black;
    margin: 0;
    padding-inline-end: 30px;
    font-size: 21px;
}

.faq-accordian h4.active {
    color: #1976d2;
}

.faq-accordian h4:before {
    counter-increment: number;
    content: counter(number) ". ";
}

.faq-accordian h4:after {
    content: "+";
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    font-size: 19px;
    line-height: 28px;
}

.faq-accordian h4.active:after {
    content: "-";
}

.faq-accordian p {
    margin: 0;
    font-size: 15px;
    padding-top: 10px;
    padding-inline-end: 30px;
    display: none;
}

.faq-accordian p.active {
    display: block;
}

.faq-content .zwp-link {
    text-align: center;
    max-width: 575px;
    margin: 50px auto 0;
    font-size: 16px;
}

.zwp-link .faq-link {
    color: #1976d2;
    font-family: var(--zf-secondary-semibold);
}

.zwp-link .support-link {
    color: #000;
}

.zwp-link .support-link:hover {
    text-decoration: underline;
}

.zsection.bottom-section {
    padding-top: 50px;
}

.bottom-section-content {
    text-align: center;
    max-width: 725px;
    margin: 0 auto;
}

.bottom-section .bottom-section-content * {
    text-align: center;
}

.bottom-section-content h2 span {
    font-size: 80%;
    display: block;
    margin-top: 5px;
}

.bottom-section-content p {
    margin-bottom: 30px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.choose-plan-btn {
    background: #000;
    color: #fff;
}

.bottom-section-content .banner-cta-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popular-apps-box ul li {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
}

.popular-apps-box.is-active ul li {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.popular-apps-box ul li:nth-child(2) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.popular-apps-box ul li:nth-child(3) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.popular-apps-box ul li:nth-child(4) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.popular-apps-box ul li:nth-child(5) {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}

.bg-img-1 {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s linear, visibility 0.25s linear, -webkit-transform 0.5s linear;
    transition: opacity 0.4s linear, visibility 0.25s linear, -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear, opacity 0.4s linear, visibility 0.25s linear;
    transition: transform 0.5s linear, opacity 0.4s linear, visibility 0.25s linear;
    transition: transform 0.5s linear, opacity 0.4s linear, visibility 0.25s linear, -webkit-transform 0.5s linear;
}

.bg-img-2 {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s linear, visibility 0.25s linear, -webkit-transform 0.5s linear;
    transition: opacity 0.4s linear, visibility 0.25s linear, -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear, opacity 0.4s linear, visibility 0.25s linear;
    transition: transform 0.5s linear, opacity 0.4s linear, visibility 0.25s linear;
    transition: transform 0.5s linear, opacity 0.4s linear, visibility 0.25s linear, -webkit-transform 0.5s linear;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.bg-img-3 {
    -webkit-transform: translateX(calc(var(--translateAdjust) * 50px)) rotate(-1deg);
    -ms-transform: translateX(calc(var(--translateAdjust) * 50px)) rotate(-1deg);
    transform: translateX(calc(var(--translateAdjust) * 50px)) rotate(-1deg);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s linear, visibility 0.25s linear, -webkit-transform 0.5s linear;
    transition: opacity 0.4s linear, visibility 0.25s linear, -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear, opacity 0.4s linear, visibility 0.25s linear;
    transition: transform 0.5s linear, opacity 0.4s linear, visibility 0.25s linear;
    transition: transform 0.5s linear, opacity 0.4s linear, visibility 0.25s linear, -webkit-transform 0.5s linear;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.banner-bg-box.is-active .bg-img-1 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.banner-bg-box.is-active .bg-img-2 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.banner-bg-box.is-active .bg-img-1 .inner-img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.banner-bg-box.is-active .bg-img-2 .inner-img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.banner-bg-box.is-active .bg-img-3 {
    -webkit-transform: translateX(0) rotate(-1deg);
    -ms-transform: translateX(0) rotate(-1deg);
    transform: translateX(0) rotate(-1deg);
    opacity: 1;
    visibility: visible;
}

.banner-bg-box.is-active .bg-img-3 .inner-img {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

.benefits-feature-card .b-feature-icon {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.6s ease-in;
    transition: -webkit-transform 0.6s ease-in;
    -o-transition: transform 0.6s ease-in;
    transition: transform 0.6s ease-in;
    transition: transform 0.6s ease-in, -webkit-transform 0.6s ease-in;
}

.bottom-animated .benefits-feature-card .b-feature-icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.bottom-animated .benefits-feature-list:nth-child(2) .benefits-feature-card .b-feature-icon {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.bottom-animated .benefits-feature-list:nth-child(3) .benefits-feature-card .b-feature-icon {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.prod-box-head .prod-icon {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.6s ease-in;
    transition: -webkit-transform 0.6s ease-in;
    -o-transition: transform 0.6s ease-in;
    transition: transform 0.6s ease-in;
    transition: transform 0.6s ease-in, -webkit-transform 0.6s ease-in;
}

.zwe-ob .prod-box-head .prod-icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.fea-img-box-1>picture.fea-img-1_1,
.fea-img-box-2 .fea-img-1_1 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -o-transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -webkit-transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
}

.fea-img-box-1>picture.fea-img-1_2 img,
.fea-img-box-2 .fea-img-1_2 img {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: -webkit-transform 1.2s ease, opacity 0.7s ease, visibility 0.7s ease;
    transition: -webkit-transform 1.2s ease, opacity 0.7s ease, visibility 0.7s ease;
    -o-transition: transform 1.2s ease, opacity 0.7s ease, visibility 0.7s ease;
    -webkit-transition: opacity 0.7s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 0.7s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, opacity 0.7s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 0.7s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease, opacity 0.7s ease, visibility 0.7s ease;
}

.middle-animated .fea-img-box-1>picture.fea-img-1_1,
.middle-animated .fea-img-box-2 .fea-img-1_1,
.middle-animated .fea-img-box-2 .fea-img-1_2 img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.middle-animated .fea-img-box-1>picture.fea-img-1_1 {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.middle-animated .fea-img-box-2 .fea-img-1_1 {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.middle-animated .fea-img-box-2 .fea-img-1_2 img {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.middle-animated .fea-img-box-1>picture.fea-img-1_2 img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.middle-animated .fea-img-box-1>picture.fea-img-1_2 img {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.fea-img-box-1>picture.fea-img-1_3 img {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: -webkit-transform 0.5s ease, opacity 1.2s ease, visibility 0.7s ease;
    -o-transition: transform 0.5s ease, opacity 1.2s ease, visibility 0.7s ease;
    -webkit-transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 0.5s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 0.5s ease;
    transition: transform 0.5s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: transform 0.5s ease, opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
}

.middle-animated .fea-img-box-1>picture.fea-img-1_3 img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.middle-animated .fea-img-box-1>picture.fea-img-1_3 img {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.fea-img-box-3 .fea-img-1_1 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -o-transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -webkit-transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
}

.middle-animated .fea-img-box-3 .fea-img-1_1 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.middle-animated .fea-img-box-3 .fea-img-1_1 {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.fea-img-box-3 .fea-img-1_2 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -o-transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -webkit-transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
}

.middle-animated .fea-img-box-3 .fea-img-1_2 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.middle-animated .fea-img-box-3 .fea-img-1_2 {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

.middle-animated .apps-feature-box.is-highlighted {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.user-bg-list .user-bg {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.7s ease;
    transition: -webkit-transform 0.7s ease;
    -o-transition: transform 0.7s ease;
    transition: transform 0.7s ease;
    transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

.middle-animated .user-bg-list .user-bg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.middle-animated .user-bg-list .user-bg:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.middle-animated .user-bg-list .user-bg:nth-child(5) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.middle-animated .user-bg-list .user-bg:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.middle-animated .user-bg-list .user-bg:nth-child(7) {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.middle-animated .user-bg-list .user-bg:nth-child(3) {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.middle-animated .user-bg-list .user-bg:nth-child(6) {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.middle-animated .user-bg-list .user-bg:nth-child(2) {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.middle-animated .user-bg-list .user-bg:nth-child(8) {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}

span.mb-user-shape:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.6s linear;
    transition: -webkit-transform 0.6s linear;
    -o-transition: transform 0.6s linear;
    transition: transform 0.6s linear;
    transition: transform 0.6s linear, -webkit-transform 0.6s linear;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.middle-animated span.mb-user-shape:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

span.mb-user-shape:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1.2s ease, visibility 0.7s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease;
    -o-transition: opacity 1.2s ease, visibility 0.7s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease;
}

.middle-animated .mb-user-shape:before {
    opacity: 1;
    visibility: visible;
}

span.mb-bg-shape {
    height: 0;
    -webkit-transition: height 1.2s ease;
    -o-transition: height 1.2s ease;
    transition: height 1.2s ease;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.middle-animated span.mb-bg-shape {
    height: 100%;
}

.arrowAnim {
    width: 220px;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 50px);
    left: 260px;
    -webkit-transform: translateY(-50%) scale(1.3);
    -ms-transform: translateY(-50%) scale(1.3);
    transform: translateY(-50%) scale(1.3);
    margin-top: 50px;
}

.arrow {
    width: 100px;
    height: 100px;
    border: 50px solid;
    border-color: #fff transparent transparent #fff;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    border-radius: 10px 10px 10px 10px;
}

.arrowSliding {
    position: absolute;
    top: 30px;
    z-index: 1;
    -webkit-animation: slide 3s linear infinite;
    animation: slide 3s linear infinite;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

.delay1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.delay3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px) scale(0.4);
        transform: translateX(-80px) scale(0.4);
        z-index: 0;
    }

    20% {
        opacity: 0.4;
        -webkit-transform: translateX(-50px) scale(0.7);
        transform: translateX(-50px) scale(0.7);
        z-index: 1;
    }

    40% {
        opacity: 0.8;
        -webkit-transform: translateX(-20px) scale(1);
        transform: translateX(-20px) scale(1);
        z-index: 2;
    }

    60% {
        opacity: 0.8;
        -webkit-transform: translateX(20px) scale(1);
        transform: translateX(20px) scale(1);
        z-index: 3;
    }

    80% {
        opacity: 0.4;
        -webkit-transform: translateX(60px) scale(0.7);
        transform: translateX(60px) scale(0.7);
        z-index: 2;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100px) scale(0.4);
        transform: translateX(100px) scale(0.4);
        z-index: 1;
    }
}

@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px) scale(0.4);
        transform: translateX(-80px) scale(0.4);
        z-index: 0;
    }

    20% {
        opacity: 0.4;
        -webkit-transform: translateX(-50px) scale(0.7);
        transform: translateX(-50px) scale(0.7);
        z-index: 1;
    }

    40% {
        opacity: 0.8;
        -webkit-transform: translateX(-20px) scale(1);
        transform: translateX(-20px) scale(1);
        z-index: 2;
    }

    60% {
        opacity: 0.8;
        -webkit-transform: translateX(20px) scale(1);
        transform: translateX(20px) scale(1);
        z-index: 3;
    }

    80% {
        opacity: 0.4;
        -webkit-transform: translateX(60px) scale(0.7);
        transform: translateX(60px) scale(0.7);
        z-index: 2;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100px) scale(0.4);
        transform: translateX(100px) scale(0.4);
        z-index: 1;
    }
}

span.mb-main-bg {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: -webkit-transform 1.2s ease, opacity 0.5s ease, visibility 0.7s ease;
    transition: -webkit-transform 1.2s ease, opacity 0.5s ease, visibility 0.7s ease;
    -o-transition: transform 1.2s ease, opacity 0.5s ease, visibility 0.7s ease;
    -webkit-transition: opacity 0.5s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 0.5s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, opacity 0.5s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 0.5s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease, opacity 0.5s ease, visibility 0.7s ease;
}

.arrowAnim {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1s ease, visibility 0.7s ease;
    transition: opacity 1s ease, visibility 0.7s ease;
    -o-transition: opacity 1s ease, visibility 0.7s ease;
    -webkit-transition: opacity 1s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1s ease, visibility 0.7s ease;
    transition: opacity 1s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1s ease, visibility 0.7s ease;
}

.middle-animated .arrowAnim {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.middle-animated span.mb-main-bg {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.middle-animated span.mb-main-bg {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.banner-bg-box .inner-img {
    -webkit-transition: -webkit-transform 1.2s ease;
    transition: -webkit-transform 1.2s ease;
    -o-transition: transform 1.2s ease;
    transition: transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}

.banner-bg-box.active-slide-1 .bg-img-1 .inner-img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.banner-bg-box.active-slide-1 .bg-img-2 .inner-img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.banner-bg-box.active-slide-1 .bg-img-3 .inner-img {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

.banner-bg-box.active-slide-2 .bg-img-1 .inner-img {
    -webkit-transform: scale(0.8) translate(calc(var(--translateAdjust) * -15px), -45px);
    -ms-transform: scale(0.8) translate(calc(var(--translateAdjust) * -15px), -45px);
    transform: scale(0.8) translate(calc(var(--translateAdjust) * -15px), -45px);
}

.banner-bg-box.active-slide-2 .bg-img-2 .inner-img {
    -webkit-transform: scale(0.6) translate(calc(var(--translateAdjust) * -47px), -220px);
    -ms-transform: scale(0.6) translate(calc(var(--translateAdjust) * -47px), -220px);
    transform: scale(0.6) translate(calc(var(--translateAdjust) * -47px), -220px);
}

.banner-bg-box.active-slide-2 .bg-img-3 .inner-img {
    -webkit-transform: scale(1) translate(calc(var(--translateAdjust) * -25px), 25px);
    -ms-transform: scale(1) translate(calc(var(--translateAdjust) * -25px), 25px);
    transform: scale(1) translate(calc(var(--translateAdjust) * -25px), 25px);
}

.banner-bg-box.active-slide-3 .bg-img-1 .inner-img {
    -webkit-transform: scale(0.6) translate(calc(var(--translateAdjust) * -45px), -120px);
    -ms-transform: scale(0.6) translate(calc(var(--translateAdjust) * -45px), -120px);
    transform: scale(0.6) translate(calc(var(--translateAdjust) * -45px), -120px);
}

.banner-bg-box.active-slide-3 .bg-img-2 .inner-img {
    -webkit-transform: scale(1) translate(calc(var(--translateAdjust) * 14px), -30px);
    -ms-transform: scale(1) translate(calc(var(--translateAdjust) * 14px), -30px);
    transform: scale(1) translate(calc(var(--translateAdjust) * 14px), -30px);
}

.banner-bg-box.active-slide-3 .bg-img-3 .inner-img {
    -webkit-transform: scale(0.8) translate(calc(var(--translateAdjust) * -5px), -175px);
    -ms-transform: scale(0.8) translate(calc(var(--translateAdjust) * -5px), -175px);
    transform: scale(0.8) translate(calc(var(--translateAdjust) * -5px), -175px);
}

.grow-app-icon-li .grow-app-icon {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -o-transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -webkit-transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
}

.apps-feature-box.zwe-ob .grow-app-icon-li .grow-app-icon {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.grow-app-icon-li.g-icon-li-1 .grow-app-icon {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.grow-app-icon-li.g-icon-li-2 .grow-app-icon {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.grow-app-icon-li.g-icon-li-5 .grow-app-icon {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.grow-app-icon-li.g-icon-li-3 .grow-app-icon {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.grow-app-icon-li.g-icon-li-4 .grow-app-icon {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

span.hand-icon {
    transform: translateX(-50%) translateY(50px);
    -webkit-transform: translateX(-50%) translateY(50px);
    -ms-transform: translateX(-50%) translateY(50px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    -o-transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
}

.apps-feature-box.zwe-ob span.hand-icon {
    transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    visibility: visible;
    opacity: 1;
}

.apps-feature-box span.hand-icon {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.apps-feature-box span.bg-rip {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    -webkit-transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -o-transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -webkit-transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
}

.apps-feature-box span.bg-rip.r-row-1 {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.apps-feature-box span.bg-rip.r-row-2 {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.apps-feature-box span.bg-rip.r-row-3 {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.apps-feature-box span.bg-rip.r-row-4 {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.apps-feature-box span.bg-rip {
    visibility: visible;
}

.apps-feature-box.zwe-ob span.bg-rip.r-row-1 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.apps-feature-box.zwe-ob span.bg-rip.r-row-2 {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0.6;
}

.apps-feature-box.zwe-ob span.bg-rip.r-row-3 {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity: 0.4;
}

.apps-feature-box.zwe-ob span.bg-rip.r-row-4 {
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
    opacity: 0.2;
}

.test {
    -webkit-animation: floatingLR 3s infinite ease-in-out;
    animation: floatingLR 3s infinite ease-in-out;
}

.grow-app-icon-li.g-icon-li-2 .grow-app-icon {
    -webkit-animation: floatingRLU 15s infinite ease-in-out;
    animation: floatingRLU 15s infinite ease-in-out;
}

.grow-app-icon-li.g-icon-li-3 .grow-app-icon {
    -webkit-animation: floatingRLD 15s infinite ease-in-out;
    animation: floatingRLD 15s infinite ease-in-out;
}

.grow-app-icon-li.g-icon-li-4 .grow-app-icon {
    -webkit-animation: floatingLRD 15s infinite ease-in-out;
    animation: floatingLRD 15s infinite ease-in-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.grow-app-icon-li.g-icon-li-5 .grow-app-icon {
    -webkit-animation: floatingLRU 15s infinite ease-in-out;
    animation: floatingLRU 15s infinite ease-in-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes floatingRLU {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(10px, 30px);
        transform: translate(10px, 30px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@keyframes floatingRLU {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(10px, 30px);
        transform: translate(10px, 30px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@-webkit-keyframes floatingRLD {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(-20px, 30px);
        transform: translate(-20px, 30px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@keyframes floatingRLD {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(-20px, 30px);
        transform: translate(-20px, 30px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@-webkit-keyframes floatingLRD {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(30px, -20px);
        transform: translate(30px, -20px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@keyframes floatingLRD {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(30px, -20px);
        transform: translate(30px, -20px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@-webkit-keyframes floatingLRU {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(-10px, -30px);
        transform: translate(-10px, -30px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@keyframes floatingLRU {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(-10px, -30px);
        transform: translate(-10px, -30px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@-webkit-keyframes floatingLR {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@keyframes floatingLR {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@-webkit-keyframes floatingRL {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(10px, -10px);
        transform: translate(10px, -10px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

@keyframes floatingRL {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    65% {
        -webkit-transform: translate(10px, -10px);
        transform: translate(10px, -10px);
    }

    to {
        -webkit-transform: translate(0, -0px);
        transform: translate(0, -0px);
    }
}

.mobile-apps-slide-list {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -o-transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    -webkit-transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease, opacity 1.2s ease, visibility 0.7s ease;
}

.zwe-ob .mobile-apps-slide-list {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}


/* addition section start */

.addition-content-box {}

.addition-content-head {}

.addition-content-head h2 {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.addition-listing-box {
    display: grid;
    grid-template-columns: 35% 65%;
    padding: 70px 0 0 0;
}

.slide-title-list {}

.slide-title-list li {
    margin-bottom: 10px;
}

.slide-title-list li h3 {
    font-size: 20px;
    margin: 0;
    padding: 25px 30px;
    background: #eaeaea;
    font-family: var(--zf-secondary-medium);
    border-radius: 5px;
    cursor: pointer;
}

.slide-title-list li:last-child {
    margin-bottom: 0;
}

.slide-title-list-box {}

.slide-title-list-box+.slide-desc-list-box {
    padding-top: 40px;
}

.slide-desc-list {}

.slide-desc-list li {
    padding: 0 25px;
    display: none;
}

.slide-desc-list li p {}

.slide-desc-list li.active {
    display: block;
}

.slide-image-list {
    background: #dedede;
    padding: 50px;
    border-radius: 5px;
    display: block;
    width: 100%;
}

.slide-title-list li.active h3 {
    background: #b2eeff;
}

.addition-listing-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
}

.addition-listing-box p {
    color: #222;
    max-width: 600px;
    margin: 0 auto 60px auto;
}

.feature-section .cont-part {
    width: 375px;
}

.feature-section .img-part {
    width: calc(100% - 410px);
}

.feature-section .twocol {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.feature-section .colblock {
    width: 40%;
    margin: 60px 50px 0;
}

.tabimg .dw-features-box {
    display: none;
    max-width: 100%;
    padding-left: 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.tabimg .dw-features-box.active {
    display: block;
    animation: slide-left 1s ease;
}

.imgwrap {
    position: relative;
    padding: 0 50px;
    display: flex;
}

.imgwrap:before {
    /*content: "";*/
    position: absolute;
    top: 0px;
    left: 0;
    background: #dedede;
    border-radius: 2px;
    width: 100%;
    height: 100%;
}

ul.slide-list li {
    position: relative;
    padding: 20px 25px;
    cursor: pointer;
}

.zwrapper .feature-section h4 {
    font-size: 20px;
    font-family: var(--zf-secondary-medium);
    margin: 0;
    position: relative;
}

ul.slide-list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #eaeaea;
    width: 100%;
    height: 100%;
    border-radius: 2px;
}

ul.slide-list li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #b2eeff;
    width: 0;
    height: 100%;
    border-radius: 2px;
}

ul.slide-list li+li {
    margin-top: 10px;
}

ul.slide-list li:nth-child(4):before {
    height: 105px;
}

ul.slide-list li:nth-child(4):after {
    height: 105px;
}

ul.slide-list li.active:after {
    width: 100%;
}

.zmob,
.zmobimg {
    display: none;
}

.bottomtxt p {
    display: none;
    font-size: 16px;
    color: #222222;
}

.bottomtxt p.active {
    display: block;
}

.feature-section h4,
.addition-listing-box p,
.addition-listing-box .zmobimg {
    position: relative;
    z-index: 1;
}

.bottomtxt {
    padding: 30px 20px 0 20px;
    min-height: 150px;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

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

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }

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

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }

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

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
    }

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

.zsection.addition-section {
    /* padding-top: 0;
    background: linear-gradient(0deg, #e1f8fe, #f1fbfe); */
    position: relative;
    max-width: 2000px;
    margin: 0 auto;
}

.zsection.addition-section:after {
    content: "";
    position: absolute;
    display: grid;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background: url(/sites/zweb/images/workplace/pricing-campaign/addition-section-bg.svg) bottom center no-repeat;
    background-size: contain;
    min-height: auto;
    padding-bottom: 50%;
}

/* addition section end */

.include-product-list-box {
    display: flex;
    position: relative;
    max-height: 400px;
    overflow: hidden;
    flex-direction: column;
    transition: max-height 0.3s ease-out;
    padding: 0 20px;
}

.include-product-list-box.is-expend {}

.include-product-list-box:after {
    content: "";
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 110px;
    background: -o-linear-gradient(89deg, #fff 0%, #ffffff00 100%);
    background: linear-gradient(1deg, #fff 0%, #ffffff00 100%);
    position: absolute;
    bottom: 0;
}

.include-product-list-box.is-expend:after {
    display: none;
}

.show-more-btn-wrap {
    display: flex;
    justify-content: center;
    position: relative;
    top: 50px;
}

.show-more-btn-wrap a.see-more-link {
    border: 1px solid;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-family: var(--zf-primary-semibold);
    color: #0841db;
    position: relative;
    background: #eff4ff;
}

.show-more-btn-wrap a.see-more-link:after {
    width: 0px;
    height: 0px;
    content: "";
    display: inline-flex;
    border: 5px solid;
    border-color: #0841db transparent transparent transparent;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

.zwc-company-info-txt {
    display: block;
    font-size: 15px;
}

/* other languages */
.zw-other-lang .apps-feature-content h4 {}

.zw-other-lang .apps-feature-content h4 br,
.zw-other-lang .apps-feature-content p br {
    display: none;
}

.zw-other-lang .zwrapper .feature-section h4 {
    font-size: 18px;
}

.zw-other-lang .pricing-bottom-info .pbi-left {
    width: calc(100% - 300px);
}

.zw-other-lang .banner-section .banner-cta-box {
    flex-direction: column;
    align-items: flex-start;
}

.zw-other-lang .banner-cta-box>a {
    margin: 10px 0;
}

.zw-other-lang .bottom-section-content .banner-cta-box {
    flex-direction: column;
    align-items: center;
}


@media only screen and (min-width: 768px) {
    .zmore-features {
        display: none;
    }
}

@media only screen and (min-width: 1025px) {
    .include-product-list .prod-box:nth-child(3n + 2) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .include-product-list .prod-box:nth-child(3n + 3) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .apps-feature-content p {
        font-size: 16px;
    }

    .banner-cta-box>a:first-child {
        margin-left: 0;
    }

    .zia-feature-mobile {
        display: none;
    }

    .prod-box:nth-child(3n + 2) {
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .prod-box:nth-child(3n + 3) {
        -webkit-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    .prod-box:nth-child(3n + 2) .prod-box-head .prod-icon {
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .prod-box:nth-child(3n + 3) .prod-box-head .prod-icon {
        -webkit-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    .emp-feature-content-box .emp-feature-card-list:first-child {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .emp-feature-content-box .emp-feature-card-list:first-child .trusted-box+.trusted-box {
        margin-top: 0;
    }

    .emp-feature-content-box .emp-feature-card-list:first-child .trusted-box {
        width: calc(50% - 35px);
    }

    .emp-feature-content-box .emp-feature-card-list:first-child .trusted-box.support-lang-box {
        background-size: cover;
    }



}

@media(min-width: 1729px) {

    .zsection.banner-section,
    .zsection.pricing-section,
    .zsection.addition-section,
    .empowering-section {
        border-radius: 30px;
        overflow: hidden;
    }

    .zsection.banner-section:after {
        border-radius: 0 0 30px 30px;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .migration-content p {
        padding-inline-end: 70px;
    }

    .migration-banner-box {
        -webkit-transform: scale(0.9) translate(calc(var(--translateAdjust) * 15px), 30px) rotateY(var(--rotateAdjust));
        -ms-transform: scale(0.9) translate(calc(var(--translateAdjust) * 15px), 30px) rotateY(var(--rotateAdjust));
        transform: scale(0.9) translate(calc(var(--translateAdjust) * 15px), 30px) rotateY(var(--rotateAdjust));
    }

    .zsection.banner-section {
        padding-top: 70px;
    }

    .banner-bg-box {
        margin-top: 30px;
        -webkit-transform: scale(1) translate(0, 0);
        -ms-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@media only screen and (max-width: 1200px) {
    .prod-include-content-box {
        padding: 70px 80px 100px 80px;
    }

    .prod-include-content-box.zwc-is-active {
        padding-bottom: 70px;
    }

    .benefits-feature-content-box {
        padding-left: 100px;
        padding-right: 100px;
    }

    .prod-include-foot {
        margin-top: 50px;
    }

    .pricing-content-box {
        padding: 0;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    .trusted-box span.user-count {
        font-size: 120px;
    }

    .trusted-box span.workplace-cus-count {
        font-size: 68px;
    }

    .migration-content-box {
        padding: 50px 70px;
    }

    span.mb-bg-shape {
        right: 70px;
        width: 280px;
    }

    span.mb-user-shape {
        right: 255px;
    }

    span.mb-main-bg {
        width: 650px;
        height: 320px;
    }

    .migration-banner-box {
        width: 600px;
        height: 450px;
    }

    .banner-bg-box {
        -webkit-transform: scale(0.8) translate(0, 0);
        -ms-transform: scale(0.8) translate(0, 0);
        transform: scale(0.8) translate(0, 0);
    }

    .apps-feature-box {
        width: calc(50% - 15px);
    }

    .mobile-apps-slide-list {
        padding-top: 91%;
    }

    .arrowAnim {
        left: 130px;
        -webkit-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }

    .dw-features-box video {
        border-radius: 13px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .include-product-list .prod-box:nth-child(2n + 2) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .prod-box:nth-child(2n + 2) {
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .prod-box:nth-child(2n + 2) .prod-box-head .prod-icon {
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .zwrapper h1 {
        font-size: 52px;
    }

    .zwrapper h2 {
        font-size: 42px;
    }

    .zwrapper h3 {
        font-size: 26px;
    }

    .zwrapper h4 {
        font-size: 22px;
    }

    .price-detail .plan-price {
        font-size: 38px;
    }

    .ccode-br .price-detail .plan-price {
        font-size: 32px;
    }
.ccode-mx .price-detail .plan-price {
        font-size: 32px;
    }

    span.double-star {
        font-size: 28px;
        top: -4px;
    }

    .emp-feature-card-list {
        width: calc(50% - 15px);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
    .migration-content p {
        padding-inline-end: 100px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1100px) {
    .zwrapper h1 {
        font-size: 48px;
    }

    .banner-content {
        max-width: 550px;
    }

    .benefits-feature-content-box {
        padding: 60px 60px 70px 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .banner-content-box {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .banner-section .banner-content-box * {
        text-align: center;
    }

    .banner-content {
        padding-bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .popular-apps-box ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .banner-bg-box {
        position: relative;
        height: 500px;
        margin-top: 0;
        top: -30px;
        max-width: 100%;
    }

    .banner-bg-box.active-slide-1 {
        -webkit-transform: scale(0.8) translate(calc(var(--translateAdjust) * -50px), 0);
        -ms-transform: scale(0.8) translate(calc(var(--translateAdjust) * -50px), 0);
        transform: scale(0.8) translate(calc(var(--translateAdjust) * -50px), 0);
    }

    .banner-bg-box.active-slide-2 {
        -webkit-transform: scale(0.8) translate(calc(var(--translateAdjust) * -70px), 0);
        -ms-transform: scale(0.8) translate(calc(var(--translateAdjust) * -70px), 0);
        transform: scale(0.8) translate(calc(var(--translateAdjust) * -70px), 0);
    }

    .banner-bg-box.active-slide-3 {
        -webkit-transform: scale(0.8) translate(calc(var(--translateAdjust) * -60px), 0);
        -ms-transform: scale(0.8) translate(calc(var(--translateAdjust) * -60px), 0);
        transform: scale(0.8) translate(calc(var(--translateAdjust) * -60px), 0);
    }

    .zsection.banner-section {
        padding-bottom: 30px;
        padding-top: 40px;
    }

    .emp-feature-content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .emp-feature-card-list {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1105px);
            transform: translateY(-1105px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1105px);
            transform: translateY(-1105px);
        }
    }

    .emp-feature-card-list+.emp-feature-card-list {
        margin-top: 35px;
    }

    .zsection {
        padding: 60px 0 60px 0;
    }

    .zsection.prod-include-section {
        /* padding-top: 0; */
    }

    .prod-include-section {}

    .faq-section {
        padding-bottom: 0;
        padding-top: 60px;
    }

    .zsection.dig-workplace-section.dig-workplace-last-sec {
        padding-bottom: 20px;
    }

    .faq-content h2 {
        max-width: 720px;
    }

    .zia-features-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .zia-feature-list {
        width: 100%;
        max-width: 500px;
    }

    .fea-img-box-3 {
        padding-top: 0;
    }

    .zia-feature-list+.zia-feature-list {
        margin-top: 50px;
    }

    .fea-img-box {
        min-height: 430px;
    }

    .prod-box {
        width: 50%;
    }

    .prod-box>a.a-link,
    .prod-box>.prod-box-in {
        width: calc(100% - 15px);
    }

    .prod-box-in:hover {
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }

    .see-enterprise-feature-box-in {
        border-width: 50px;
    }

    .see-enterprise-feature-box-in:before {
        bottom: -65px;
    }

    .se-feature-list {
        width: calc(33% - 10px);
    }

    .plan-compare-box .compare-box-head {
        position: absolute;
        inset-inline-start: 0;
        z-index: 1;
    }

    .plan-compare-box .compare-box-body {
        margin-inline-start: 260px;
        overflow: auto;
    }

    .plan-compare-box .compare-box-body-content {
        width: 700px;
    }

    .compare-list {
        width: 180px;
    }

    .plan-compare-box .com-head .microsoft-logo::before {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    .plan-compare-box .com-head .cur-prod-logo:before {
        -webkit-transform: scale(0.8) translateX(0px) translateY(0px);
        -ms-transform: scale(0.8) translateX(0px) translateY(0px);
        transform: scale(0.8) translateX(0px) translateY(0px);
    }

    .plan-compare-box .com-head .cur-prod-logo .cur-prod-name {
        /* margin-left: 0; */
        margin-left: 3px;
        font-size: 0px;
        top: 2px;
    }

    .plan-compare-box .com-head .company-logo {
        font-size: 14px;
    }

    .plan-compare-box .com-head.detail-txt {
        font-size: 14px;
    }

    .apps-feature-content {
        padding: 35px 25px 35px 25px;
    }

    .apps-feature-content h4 br,
    .apps-feature-content p br {
        display: none;
    }

    .additional-apps-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .apps-feature-box {
        width: 100%;
        max-width: 500px;
    }

    .apps-feature-box+.apps-feature-box {
        margin-top: 50px;
    }

    .trusted-box+.trusted-box {
        margin-top: 50px;
    }

    .emp-feature-card-list+.emp-feature-card-list {
        margin-top: 50px;
    }

    .plan-note-content p {
        font-size: 13px;
        line-height: 1.4;
    }

    .plan-note-content p+p {
        margin-top: 10px;
    }

    .detailed-btn {
        font-size: 14px;
    }

    .prod-include-content-box {
        padding: 60px 30px 100px 30px;
    }

    .prod-include-content-box.zwc-is-active {
        padding-bottom: 60px;
    }

    .mobile-apps-slide-list {
        padding-top: 87%;
    }

    .zia-feature-list:nth-child(3) {
        min-height: 450px;
    }

    .zia-feature-list:nth-child(3) .fea-img-box {
        min-height: 385px;
    }

    .benefits-feature-list {
        width: calc(33% - 20px);
    }

    .benefits-feature-content-box {
        padding-left: 50px;
        padding-right: 50px;
    }

    .se-feature-card h5 {
        font-size: 18px;
    }

    .se-feature-card p {
        font-size: 14px;
    }

    .se-feature-card p a.learn-link {
        font-size: 13px;
    }

    .faq-accordian p {
        padding-right: 0;
    }

    .zsection.bottom-section {
        padding-top: 60px;
    }

    .zia-features-box {
        display: none;
    }

    .dw-features-box video {
        border-radius: 10px;
    }

    /* other languages */

    .zw-other-lang .banner-section .banner-cta-box {
        /* flex-direction: column; */
        align-items: center;
    }
}

@media only screen and (max-width: 991px) {
    .banner-content p+p {
        margin-top: 30px;
    }

    .migration-content {
        margin-top: 0;
        margin-inline: auto;
        text-align: center;
    }

    .migration-content-box .migration-content * {
        text-align: center;
    }

    .migration-content p.see-enterprise-link-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .migration-banner-box {
        width: 500px;
        height: 400px;
        position: relative;
        max-width: 100%;
        margin: 0 auto;
    }

    span.mb-user-shape {
        right: 230px;
    }

    .arrowAnim {
        left: 50px;
        -webkit-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        top: calc(50% - 30px);
    }

    .migration-content-box {
        padding-bottom: 0;
    }

    p.see-enterprise-link-box {
        margin-top: 20px;
    }

    span.mb-user-shape {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    span.mb-main-bg {
        width: 500px;
        height: 280px;
        right: 0;
        bottom: -60px;
    }

    .plan-details-box {
        margin-top: 30px;
    }

    .price-detail .plan-price {
        font-size: 35px;
    }

    .ccode-br .price-detail .plan-price {
        font-size: 30px;
    }

    span.double-star {
        font-size: 25px;
        top: -5px;
    }

    .dig-workplace-content .dw-content-head p br {
        display: none;
    }

    .benefits-feature-content-box {
        padding-left: 50px;
        padding-right: 50px;
    }

    .benefits-feature-list-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .benefits-feature-list-box .benefits-feature-list+.benefits-feature-list {
        margin-top: 50px;
    }

    .benefits-feature-list {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .benefits-feature-list.w-arrow:after,
    .benefits-feature-list.w-arrow:before {
        display: none;
    }

    .benefits-feature-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .benefits-feature-list-box .benefits-feature-card * {
        text-align: center;
    }

    .banner-content h1+p {
        margin-top: 10px;
    }

    span.mb-bg-shape {
        width: 240px;
    }

    /*  */

    .feature-section .img-part {
        display: none;
    }

    .feature-section .cont-part {
        width: 100%;
    }

    .bottomtxt {
        display: none;
    }

    ul.slide-list li p.zmob {
        display: block;
        padding: 15px 0;
        margin-bottom: 20px;
    }

    ul.slide-list li:before,
    ul.slide-list li:after,
    .imgwrap:before {
        content: none;
    }

    .zwrapper .feature-section h4 {
        font-size: 25px;
    }

    ul.slide-list li {
        text-align: center;
    }

    ul.slide-list li * {
        text-align: center;
    }

    ul.slide-list li img {
        width: 600px;
        max-width: 100%;
        margin: 0 auto;
        display: block;

    }

    ul.slide-list li video {
        width: 600px;
        max-width: 100%;
    }

    ul.slide-list li+li {
        margin-top: 30px;
    }

    .addition-listing-box {
        padding-top: 15px;
    }

    .zsection.addition-section {
        /* padding-top: 20px; */
        padding-bottom: 30px;
    }

    .addition-content-head h2 {
        max-width: 800px;
    }

    .addition-listing-box .zmobimg {
        display: block;
    }

    ul.slide-list li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .addition-listing-box .mobile-view-img {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    #block-panels-mini-product-menu {
        /* display:none */
    }

    .zmobile-menu-search {
        display: none;
    }

    .zmobile-menu-new ul {
        /* display: none */
    }

    .zmobile-menu-new ul {
        padding-top: 15px;
    }

    .zcommon-link-container {
        padding-top: 20px;
        padding-bottom: 25px;
        display: none;
    }

    .banner-content h1 {
        margin-top: 30px;
    }

    p.popular-apps-text {
        font-size: 18px;
    }

    .emp-feature-card-list+.emp-feature-card-list {
        margin-top: 50px;
    }

    .content-wrap {
        width: 90%;
    }

    .zwrapper h1 {
        font-size: 35px;
    }

    .zwrapper h2 {
        font-size: 30px;
    }

    .zwrapper h3 {
        font-size: 24px;
    }

    .zwrapper h4 {
        font-size: 17px;
    }

    .plan-details-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pricing-content {
        text-align: center;
        margin: 0 auto;
    }

    .pricing-content h2 span.txt-bold {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .benefits-feature-card .b-feature-icon {
        font-size: 55px;
        margin-bottom: 10px;
    }

    .faq-accordian h4 {
        font-size: 17px;
    }

    .faq-accordian {
        min-height: inherit;
    }

    .faq-section li {
        padding: 20px 10px;
    }

    .banner-bg-box {
        width: 500px;
    }

    .bg-img-1 {
        inset-inline-start: 50px;
    }

    .bg-img-2 {
        inset-inline-start: -90px;
    }

    .bg-img-3 {
        inset-inline-start: 192px;
    }

    .prod-include-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .prod-include-content .prod-include-head * {
        text-align: center;
    }

    .pi-head-right {
        margin-top: 30px;
    }

    .pi-head-left {
        width: 100%;
    }

    .prod-box-in {
        width: 100%;
        text-align: center;
    }

    .prod-box .prod-box-in * {
        text-align: center;
    }

    .prod-box {
        width: 100%;
    }

    .prod-box>a.a-link,
    .prod-box>.prod-box-in {
        width: 100%;
    }

    .prod-box-head {
        margin-bottom: 15px;
        text-align: left;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .prod-box-content .compare-link span {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .prod-box-content .compare-link.w-icon:before {
        top: 0;
        inset-inline-start: 50%;
        -webkit-transform: translateX(calc(var(--translateAdjust) * -50%));
        -ms-transform: translateX(calc(var(--translateAdjust) * -50%));
        transform: translateX(calc(var(--translateAdjust) * -50%));
    }

    .see-enterprise-feature-box-in {
        border-width: 30px;
    }

    .see-enterprise-feature-box-in:before {
        bottom: -45px;
    }

    .list-content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .se-feature-list {
        width: 100%;
        text-align: center;
    }

    .list-content-box .se-feature-list * {
        text-align: center;
    }

    .se-feature-list+.se-feature-list {
        margin-top: 30px;
    }

    .list-content-box {
        max-height: 300px;
        overflow: auto;
        padding: 0 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .plan-compare-box .compare-box-head .plan-feature-list li {
        font-size: 14px;
    }

    .plan-compare-box .compare-box-head {
        width: 200px;
    }

    .plan-compare-box .compare-box-body {
        margin-inline-start: 200px;
        overflow: auto;
        width: calc(100% - 200px);
    }

    .plan-compare-box .com-subhead {
        min-height: 120px;
    }

    .plan-feature-list li {
        height: 60px;
        font-size: 13px;
        line-height: 1.4;
    }

    .pricing-bottom-info .pbi-right {
        position: relative;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 25px;
    }

    .pricing-bottom-info {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .pricing-bottom-info .pbi-left {
        width: 100%;
    }

    .faq-section {
        padding-top: 60px;
    }

    .prod-include-content-box {
        padding: 60px 20px 100px 20px;
        margin: 10px 0;
    }

    .additional-apps-content-box {
        margin: 10px 0;
    }

    .prod-include-content-box.zwc-is-active {
        padding-bottom: 60px;
    }

    .trusted-box span.user-count {
        font-size: 120px;
    }

    .trusted-box span.workplace-cus-count {
        font-size: 65px;
    }

    .t-feed-card {
        padding: 35px 35px;
    }

    .ft-card-body {
        height: 140px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1005px);
            transform: translateY(-1005px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1005px);
            transform: translateY(-1005px);
        }
    }

    .zsection.migration-section {
        /* padding-top: 0 */
    }

    .emp-feature-content-box {
        margin-top: 40px;
    }

    .plan-compare-box .compare-box-body-content .com-subhead {
        height: 120px;
    }

    .plan-compare-box .compare-box-head .com-subhead.pricing-inf {
        height: 120px;
        padding: 10px 0;
    }

    .plan-compare-box .com-head.detail-txt {
        height: 85px;
    }

    .plan-compare-box .com-head {
        height: 85px;
    }

    .mobile-apps-slide-list {
        width: 250px;
        padding-top: 287px;
    }

    .apps-feature-content h4 {
        margin-bottom: 15px;
    }

    .mobile-apps-slide-list-in {
        border-radius: 25px 25px 0 0;
    }

    .mobile-apps-feature-box {
        padding: 50px 20px 0;
    }

    .apps-feature-content {
        padding-bottom: 50px;
    }

    .banner-cta-box>a {
        margin: 8px 10px;
    }

    .popular-apps-box {
        margin-bottom: 30px;
    }

    .banner-bg-box.active-slide-2 {
        -webkit-transform: scale(0.6) translate(calc(var(--translateAdjust) * -10px), -30px);
        -ms-transform: scale(0.6) translate(calc(var(--translateAdjust) * -10px), -30px);
        transform: scale(0.6) translate(calc(var(--translateAdjust) * -10px), -30px);
    }

    .banner-bg-box.active-slide-1 {
        -webkit-transform: scale(0.6) translate(calc(var(--translateAdjust) * 10px), -30px);
        -ms-transform: scale(0.6) translate(calc(var(--translateAdjust) * 10px), -30px);
        transform: scale(0.6) translate(calc(var(--translateAdjust) * 10px), -30px);
    }

    .banner-bg-box.active-slide-3 {
        -webkit-transform: scale(0.6) translate(calc(var(--translateAdjust) * 20px), -30px);
        -ms-transform: scale(0.6) translate(calc(var(--translateAdjust) * 20px), -30px);
        transform: scale(0.6) translate(calc(var(--translateAdjust) * 20px), -30px);
    }

    .dig-workplace-content .dw-content-head {
        margin-bottom: 30px;
    }

    .se-feature-card {
        width: 100%;
    }

    .banner-bg-box {
        height: 420px;
    }

    .arrowAnim {
        -webkit-transform: translateY(-50%) scale(0.8);
        -ms-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
        left: auto;
        right: 205px;
    }

    span.mb-bg-shape {
        right: 70px;
        width: 220px;
    }

    span.mb-user-shape {
        right: 205px;
    }

    .support-lang-box {
        background-size: cover;
        background-position: center center;
    }

    footer {
        padding-bottom: 50px;
    }

    .trust-brands-section.zsection {
        padding-bottom: 0;
    }

    ul.slide-list li+li {
        margin-top: 20px;
    }

    ul.slide-list li p.zmob {
        display: block;
        padding: 10px 0;
        margin-bottom: 15px;
    }

    ul.slide-list li {
        padding-inline: 15px;
    }

    .trust-brands-wrap ul:before,
    .trust-brands-wrap ul:after {
        width: 150px;
    }

    .trust-brands-wrap .trust-brand-list:before,
    .trust-brands-wrap .trust-brand-list:after {
        width: 150px;
    }
}

@media only screen and (max-width: 600px) {
    .migration-banner-box {
        display: none;
    }

    .migration-section.zsection {
        padding-bottom: 0;
    }

    .migration-content-box {
        padding-bottom: 50px;
    }

    .migration-content {
        margin-bottom: 0;
    }

    .faq-section {}

    .empowering-content h2 span {
        display: initial;
    }
}

@media only screen and (max-width: 535px) {
    .ft-card-body {
        height: 165px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1080px);
            transform: translateY(-1080px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1080px);
            transform: translateY(-1080px);
        }
    }
}

@media only screen and (max-width: 480px) {
    .zsection {
        padding: 50px 0 50px 0;
    }

    .prod-include-section {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .zsection.banner-section {
        padding-top: 30px;
    }

    .faq-section {
        padding-bottom: 0;
        padding-top: 60px;
    }

    .zsection.dig-workplace-section.dig-workplace-last-sec {
        padding-bottom: 10px;
    }

    .zwrapper h1 {
        font-size: 30px;
        padding: 0 10px;
        margin-bottom: 0;
    }

    .zwrapper h2 {
        font-size: 26px;
    }

    .zwrapper h3 {
        font-size: 22px;
    }

    .zwrapper h4 {
        font-size: 20px;
    }

    .zwrapper h5 {
        font-size: 18px;
    }

    .wc-feature-card {
        padding: 40px 25px;
    }

    .zwrapper h2>br {
        display: none;
    }

    .banner-content {
        padding-bottom: 50px;
    }

    .popular-apps-box {
        margin-bottom: 20px;
    }

    .banner-content h1+p {
        margin-top: 20px;
    }

    .pricing-content-box {
        padding-inline: 0;
    }

    .benefits-content-box {
        padding-inline: 20px;
        padding-top: 50px;
    }

    .banner-bg-box {
        -webkit-transform: scale(0.5) translate(calc(var(--translateAdjust) * -15px), -30px);
        -ms-transform: scale(0.5) translate(calc(var(--translateAdjust) * -15px), -30px);
        transform: scale(0.5) translate(calc(var(--translateAdjust) * -15px), -30px);
        height: 400px;
    }

    .dig-workplace-content .dw-content-head {
        margin-bottom: 30px;
    }

    .trust-brands-content-box .oc-bot {
        margin-top: 20px;
    }

    .zia-feature-list+.zia-feature-list {
        margin-top: 30px;
    }

    .se-feature-card h5 {
        font-size: 18px;
    }

    .see-enterprise-link-box a.see-enterprise-link {
        font-size: 14px;
    }

    .see-enterprise-link-box a.see-enterprise-link {
        padding-left: 40px;
    }

    .see-enterprise-link-box a.see-enterprise-link:before {
        width: 30px;
        height: 30px;
        font-size: 22px;
    }

    .prod-include-foot {
        margin-top: 20px;
    }

    .trusted-box span.user-count {
        font-size: 100px;
    }

    .trusted-box span.workplace-cus-count {
        font-size: 58px;
    }

    .user-bg-list .user-6 {
        top: 130px;
    }

    .trusted-box {
        min-height: 260px;
    }

    .plan-compare-box .compare-box-head {
        width: 170px;
    }

    .plan-compare-box .compare-box-body {
        margin-inline-start: 170px;
        width: calc(100% - 170px);
    }

    .migration-content-box {
        padding: 50px 30px;
    }

    .migration-content p.see-enterprise-link-box {
        margin-top: 20px;
    }

    .user-bg-list .user-3 {
        bottom: 100px;
    }

    .compare-list {
        width: 160px;
    }

    .zsection.migration-section {
        padding-bottom: 10px;
    }

    .faq-section {
        padding-top: 50px;
    }

    .prod-include-content-box {
        padding: 50px 0px 100px 0;
    }

    .prod-include-content-box.zwc-is-active {
        padding-bottom: 50px;
    }

    .banner-cta-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .benefits-feature-content-box {
        padding-left: 30px;
        padding-right: 30px;
    }

    .fea-img-box-2 .fea-img-1_2 {
        width: calc(100% - 90px);
        text-align: right;
    }

    .t-feed-list+.t-feed-list {
        margin-top: 30px;
    }

    .middle-animated .user-bg-list .user-bg:nth-child(2),
    .middle-animated .user-bg-list .user-bg:nth-child(3) {
        display: none;
    }

    .user-bg-list .user-5 {
        right: 20px;
    }

    .user-bg-list .user-7 {
        right: auto;
        left: 20px;
    }

    .user-bg-list {
        opacity: 0.3;
    }

    .banner-bg-box.active-slide-1 {
        -webkit-transform: scale(0.5) translate(calc(var(--translateAdjust) * -45px), -30px);
        -ms-transform: scale(0.5) translate(calc(var(--translateAdjust) * -45px), -30px);
        transform: scale(0.5) translate(calc(var(--translateAdjust) * -45px), -30px);
    }

    .banner-bg-box.active-slide-2 {
        -webkit-transform: scale(0.5) translate(calc(var(--translateAdjust) * -70px), -30px);
        -ms-transform: scale(0.5) translate(calc(var(--translateAdjust) * -70px), -30px);
        transform: scale(0.5) translate(calc(var(--translateAdjust) * -70px), -30px);
    }

    .banner-bg-box.active-slide-3 {
        -webkit-transform: scale(0.5) translate(calc(var(--translateAdjust) * -40px), -30px);
        -ms-transform: scale(0.5) translate(calc(var(--translateAdjust) * -40px), -30px);
        transform: scale(0.5) translate(calc(var(--translateAdjust) * -40px), -30px);
    }

    .bg-img-3 {
        left: 202px;
    }

    p.popular-apps-text {
        font-size: 16px;
    }

    .empowering-content h2 span {
        display: initial;
    }

    .grow-apps-feature-box {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
        margin: 0 0 -30px;
    }

    .see-enterprise-feature-box {
        padding-bottom: 20px;
    }

    .see-enterprise-feature-box-in:before {
        bottom: -40px;
        border-width: 10px;
    }

    .se-btn {
        width: 30px;
        height: 30px;
    }

    .se-btn:after {
        width: 23px;
        height: 3px;
    }

    .se-btn:before {
        height: 23px;
        width: 3px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1020px);
            transform: translateY(-1020px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1020px);
            transform: translateY(-1020px);
        }
    }

    .ft-card-body {
        height: 165px;
    }

    .zw-only-copyright p {}

    ul.slide-list li+li {
        margin-top: 0;
    }

    .zwrapper .feature-section h4 {
        font-size: 20px;
    }

    ul.slide-list li {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 450px) {
    .ft-card-body {
        height: 190px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1095px);
            transform: translateY(-1095px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1095px);
            transform: translateY(-1095px);
        }
    }
}

@media only screen and (max-width: 400px) {
    .ft-card-body {
        height: 215px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1170px);
            transform: translateY(-1170px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1170px);
            transform: translateY(-1170px);
        }
    }
}

@media only screen and (max-width: 375px) {
    .banner-cta-box a.act-btn {
        font-size: 14px;
        white-space: normal;
    }

    .popular-apps-box ul li+li {
        margin-inline-start: 22px;
    }

    .banner-bg-box {
        -webkit-transform: scale(0.5) translate(calc(var(--translateAdjust) * -60px), -40px);
        -ms-transform: scale(0.5) translate(calc(var(--translateAdjust) * -60px), -40px);
        transform: scale(0.5) translate(calc(var(--translateAdjust) * -60px), -40px);
        height: 360px;
    }

    .trust-brands-wrap ul li span {
        margin: 0 20px;
    }

    .trust-brands-wrap .trust-brand-list .slick-track span {
        margin: 0 10px;
    }

    .zia-feature-list {
        min-height: 420px;
    }

    .fea-img-box {
        min-height: 360px;
    }

    .zia-feature-list:nth-child(1) {
        min-height: 370px;
    }

    .zia-feature-list:nth-child(1) .fea-img-box {
        min-height: 320px;
    }

    .prod-box {
        margin: 10px 0;
    }

    .se-feature-card h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .btn-wrap a.btn.icon {
        padding-block: 15px;
        padding-inline: 45px 15px;
    }

    .btn-wrap a.btn.icon:before {
        inset-inline-start: 15px;
    }

    .hb-download-icon {
        inset-inline-start: 15px;
    }

    .fea-img-box-1 picture.fea-img-1_2 {
        top: 100px;
        width: 150px;
    }

    .mobile-apps-slide-list {
        width: 210px;
        padding-top: 240px;
    }

    .mobile-apps-slide-list-in {
        border-radius: 20px 20px 0 0;
    }

    .prod-box-in {
        padding: 15px 15px 20px 15px;
    }

    .prod-box-head {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .prod-box-head span.p-icon-box {
        -webkit-transform: scale(0.7) translateX(0);
        -ms-transform: scale(0.7) translateX(0);
        transform: scale(0.7) translateX(0);
        margin-right: 0;
    }

    .apps-feature-content {
        padding: 35px 15px 35px 15px;
    }

    .zia-feature-list:nth-child(3) {
        min-height: 350px;
    }

    .zia-feature-list:nth-child(3) .fea-img-box {
        min-height: 285px;
    }

    .banner-content {
        padding-bottom: 40px;
    }

    .banner-bg-box.active-slide-1 {
        -webkit-transform: scale(0.4) translate(calc(var(--translateAdjust) * -75px), -40px);
        -ms-transform: scale(0.4) translate(calc(var(--translateAdjust) * -75px), -40px);
        transform: scale(0.4) translate(calc(var(--translateAdjust) * -75px), -40px);
    }

    .banner-bg-box.active-slide-2 {
        -webkit-transform: scale(0.4) translate(calc(var(--translateAdjust) * -105px), -40px);
        -ms-transform: scale(0.4) translate(calc(var(--translateAdjust) * -105px), -40px);
        transform: scale(0.4) translate(calc(var(--translateAdjust) * -105px), -40px);
    }

    .banner-bg-box.active-slide-3 {
        -webkit-transform: scale(0.4) translate(calc(var(--translateAdjust) * -80px), -40px);
        -ms-transform: scale(0.4) translate(calc(var(--translateAdjust) * -80px), -40px);
        transform: scale(0.4) translate(calc(var(--translateAdjust) * -80px), -40px);
    }

    .bg-img-3 {
        left: 205px;
    }

    .see-enterprise-feature-box-in {
        border-width: 30px 20px 30px 20px;
    }

    .trusted-box span.user-count {
        font-size: 80px;
    }

    .trusted-box span.workplace-cus-count {
        font-size: 50px;
        margin-bottom: 10px;
    }

    .trusted-box span.million-txt {
        font-size: 22px;
        margin-top: 3px;
    }

    .user-bg-list .user-8 .t-user-icon {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }

    .user-bg-list .user-8 {
        right: 0;
        bottom: 0;
    }

    .zwrapper h2 {
        font-size: 24px;
    }

    .zwrapper h3 {
        font-size: 21px;
    }

    .zwrapper h4 {
        font-size: 19px;
    }

    .zwrapper h5 {
        font-size: 17px;
    }

    .grow-apps-feature-box {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        margin: -50px 0 -70px;
    }

    .apps-feature-box+.apps-feature-box {
        margin-top: 40px;
    }

    .trusted-box+.trusted-box {
        margin-top: 40px;
    }

    .ft-card-body {
        height: 240px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1270px);
            transform: translateY(-1270px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1270px);
            transform: translateY(-1270px);
        }
    }
}

@media only screen and (max-width: 350px) {
    .ft-card-body {
        height: 270px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1360px);
            transform: translateY(-1360px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1360px);
            transform: translateY(-1360px);
        }
    }
}

@media only screen and (max-width: 320px) {
    .banner-bg-box {
        -webkit-transform: scale(0.45) translate(calc(var(--translateAdjust) * -90px), -60px);
        -ms-transform: scale(0.45) translate(calc(var(--translateAdjust) * -90px), -60px);
        transform: scale(0.45) translate(calc(var(--translateAdjust) * -90px), -60px);
        height: 300px;
        -webkit-transition: -webkit-transform 0.3s linear;
        transition: -webkit-transform 0.3s linear;
        -o-transition: transform 0.3s linear;
        transition: transform 0.3s linear;
        transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    }

    .banner-bg-box.active-slide-1 {
        -webkit-transform: scale(0.35) translate(calc(var(--translateAdjust) * -95px), -60px);
        -ms-transform: scale(0.35) translate(calc(var(--translateAdjust) * -95px), -60px);
        transform: scale(0.35) translate(calc(var(--translateAdjust) * -95px), -60px);
    }

    .banner-bg-box.active-slide-2 {
        -webkit-transform: scale(0.35) translate(calc(var(--translateAdjust) * -125px), -60px);
        -ms-transform: scale(0.35) translate(calc(var(--translateAdjust) * -125px), -60px);
        transform: scale(0.35) translate(calc(var(--translateAdjust) * -125px), -60px);
    }

    .banner-bg-box.active-slide-3 {
        -webkit-transform: scale(0.35) translate(calc(var(--translateAdjust) * -100px), -60px);
        -ms-transform: scale(0.35) translate(calc(var(--translateAdjust) * -100px), -60px);
        transform: scale(0.35) translate(calc(var(--translateAdjust) * -100px), -60px);
    }

    .plan-compare-box .compare-box-head .plan-feature-list li {
        font-size: 11px;
    }

    .plan-compare-box .compare-box-head .com-subhead.pricing-inf {
        font-size: 13px;
    }

    .popular-apps-box ul li+li {
        margin-inline-start: 22px;
    }

    .plan-feature-list li {
        height: 45px;
        font-size: 12px;
        line-height: 1.2;
    }

    span.ztick-icon-box {
        width: 17px;
        height: 17px;
    }

    span.ztick-icon-box span.tick-icon {
        width: 11px;
        height: 6px;
        left: 0;
        top: -1.5px;
    }

    .detailed-btn {
        font-size: 13px;
    }

    .migration-content-box {
        padding: 35px 20px;
    }

    .tf-head-content span.desc {
        font-size: 14px;
    }

    .tf-body-content p {
        font-size: 13px;
        line-height: 1.6;
    }

    .trusted-box {
        padding-inline: 20px;
    }

    .tf-head-content span.icon {
        -webkit-transform: scale(0.8) translateX(-10px);
        -ms-transform: scale(0.8) translateX(-10px);
        transform: scale(0.8) translateX(-10px);
    }

    .tf-head-content {
        padding-left: 50px;
    }

    .tf-head-content span.tl {
        font-size: 16px;
    }

    .tf-head-content span.twit-icon {
        -webkit-transform: scale(0.7) translate(15px, -70%);
        -ms-transform: scale(0.7) translate(15px, -70%);
        transform: scale(0.7) translate(15px, -70%);
    }

    .t-feed-card {
        padding: 25px 25px;
    }

    .fea-img-box {
        min-height: 310px;
    }

    .zia-feature-list {
        min-height: 370px;
    }

    .see-enterprise-link-box a.see-enterprise-link:before {
        width: 25px;
        height: 25px;
        font-size: 18px;
    }

    .see-enterprise-link-box a.see-enterprise-link {
        padding-left: 35px;
        font-size: 13px;
    }

    .list-content-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .price-detail .plan-price {
        font-size: 28px;
    }

    span.double-star {
        font-size: 20px;
    }

    .price-detail .plan-validity {
        font-size: 12px;
    }

    .zia-feature-list:nth-child(3) {
        min-height: 290px;
    }

    .zia-feature-list:nth-child(3) .fea-img-box {
        min-height: 235px;
    }

    .grow-apps-feature-box {
        -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
        transform: scale(0.65);
        margin: -50px 0 -70px;
    }

    .ft-card-body {
        height: 170px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-985px);
            transform: translateY(-985px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-985px);
            transform: translateY(-985px);
        }
    }
}

@media only screen and (max-width: 310px) {
    .ft-card-body {
        height: 190px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1045px);
            transform: translateY(-1045px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1045px);
            transform: translateY(-1045px);
        }
    }
}

@media only screen and (max-width: 300px) {
    .ft-card-body {
        height: 210px;
    }

    @-webkit-keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1105px);
            transform: translateY(-1105px);
        }
    }

    @keyframes scrollUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-1105px);
            transform: translateY(-1105px);
        }
    }
}


.i18n-ar .zsection.banner-section:after {
    transform: rotateY(180deg);
}

.i18n-ar .plan-compare-box .com-head .cur-prod-logo {
    direction: ltr;
}

@media only screen and (min-width: 1025px) and (max-width: 1100px) {
    .i18n-de .banner-content {
        max-width: 500px;
    }
}

@media only screen and (max-width: 767px) {
    .zw-other-lang .pricing-bottom-info .pbi-left {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .zw-other-lang .banner-cta-box a.act-btn {
        font-size: 14px;
        white-space: normal;
    }
}