.header-section,.zw-product-header {
    background: #040e31
}

.signup-box .za-email-container a {
    color: #fff
}

.signup-box .za-newsletter-container #signup-newsletter,.signup-box .za-tos-container #signup-termservice {
    border: 1px solid #b5b5b5
}

.tabindex-link {
    border-bottom: 1px solid #01a9f5
}

.signup-box #signup-newsletter.checked::before,.signup-box #signup-termservice.checked::before,.signup-box #signup-newsletter.checked::after,.signup-box #signup-termservice.checked::after {
    background: #b5b5b5
}

h2 {
    font-family: var(--zf-secondary-bold);
    font-size: 46px
}

.zcollaborate-section h2+p {
    margin: 0 auto;
    max-width: 740px;
    margin-bottom: 25px
}

.zcollaborate-section h2 {
    max-width: 800px
}

.bottom-section {
    color: #fff;
    text-align: center;
    padding: 80px 0 80px;
    background-image: -webkit-linear-gradient(90deg,#041b26 0%,#083349 100%);
    background-image: -ms-linear-gradient(90deg,#041b26 0%,#083349 100%)
}

.bottom-section h2 {
    max-width: 800px;
    color: #fff
}

.zcollaborate-section ul {
    padding-top: 40px
}

.zcollaborate-section ul li {
    margin-bottom: 40px
}

.branding-logos,.trust-section,.testimonial-section,.connectors-section,.branding-section {
    display: none
}

.testimonial-wraps {
    max-width: 820px;
    margin: 0 auto;
    padding-left: 80px
}

.testimonial-block .table-wrap {
    width: auto;
    padding-top: 30px;
    display: flex
}

.testimonial-block .table-wrap .colum.avatar-img {
    width: 60px;
    margin-right: 15px
}

.testimonial-block .table-wrap .column.right {
    width: auto;
    padding-top: 7px
}

.table-wrap>.column {
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.testimonial-block .table-wrap .avatar-img img {
    border-radius: 100%;
    width: 60px;
    height: 60px
}

.testimonial-block .table-wrap h6 {
    font-size: 17px;
    margin-bottom: 0;
    color: #9a8247;
    font-weight: bold
}

.testimonial-block .table-wrap h6+p {
    font-size: 13px;
    margin-bottom: 0
}

.testimonial-block p {
    color: #000;
    font-family: var(--zf-secondary-regular);
    font-size: 25px;
    margin-bottom: 0;
    position: relative
}

.testimonial-block {
    width: 850px;
    margin: 100px auto;
    position: relative
}

h2 {
    font-family: var(--zf-secondary-bold);
    font-size: 46px
}

.feature-common-title {
    margin-top: 0;
    margin-bottom: 0;
    background: #fff;
    padding: 80px 0;
    max-width: unset
}

.feature-common-title p {
    max-width: 780px !important;
    margin: 0 auto
}

.common-section.feature-accordian-section {
    margin: 0 0 120px 0;
    padding-bottom: 80px
}

.feature-accordian-section .tabs-stage>div {
    background: #fff
}

.feature-accordian-section #tabs-nav h3:after {
    border-top: 6px solid #e3f4ff
}

.header-section,#block-panels-mini-product-menu {
    background: #040e31;
    color: #fff
}

.signup-box h5,.signup-box .dc-info,.signup-box .sign_agree,.signup-box label,.signup-box .sign_agree a,.signup-box p.zcountry-info,.signup-box span#zip-countryname-change,.signup-box .socl-signup p {
    color: #fff
}

.hb-slider {
    padding: 20px 30px 50px;
    border-radius: 5px
}

.umain h1 {
    color: #fff
}

.umain h1+p {
    max-width: 700px !important;
    color: #fff
}

.sf-icon {
    background-image: url(//www.zohowebstatic.com/sites/zweb/images/dataprep/features/features-icon.png);
    width: 55px;
    height: 55px;
    background-size: 340px auto;
    background-position: -2px -5px;
    /* background-size:360px auto; */
}

.sf-icon1 {
    background-position: -2px 3px;
}

.sf-icon2 {
    background-position: 2px -74px;
}

.sf-icon3 {
    background-position: -70px 2px;
}

.sf-icon4 {
    background-position: -210px -3px;
}

.sf-icon5 {
    background-position: -143px -4px;
}

.sf-icon6 {
    background-position: -212px -77px;
}

.dashboard-section {
    padding: 30px 0 60px
}

.dashboard-section .title-sec h2 {
    padding-right: 50px
}

.zdashboard-img>div:before {
    background: rgb(0 0 0 / 0%)
}

.header-banner-slider {
    margin: 80px 0 50px
}

#mini-panel-product_menu .menu-icon-help-header .product-title a,#mini-panel-product_menu .product-nav-links .menu>li>a {
    color: #fff
}

#mini-panel-product_menu .product-nav-links .menu>li>span {
    color: #fff
}

.expanded.dropdown .caret {
    background: url(//www.zohowebstatic.com/sites/zweb/images/commonroot/zgheader-footer-sprite.png) no-repeat -168px 0px/990px auto
}

.product-header-top .menu li.expanded.dropdown .caret {
    background: url(//www.zohowebstatic.com/sites/zweb/images/commonroot/zgheader-footer-sprite.png) no-repeat -168px -6px/990px auto
}

.header-banner-slider:after {
    display: none
}

.menu-icon-help-header>a img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1)
}

.act-btn.blk-btn {
    transition: all .15s ease-in;
    border-color: #bbb
}

.act-btn.blk-btn:hover {
    background: #08c7fb;
    color: #fff;
    border: 1px solid #08c7fb
}

@media only screen and (max-width: 1299px) {
    h2 {
        font-size:36px
    }

    .common-section.feature-accordian-section {
        padding-bottom: 0
    }

    .common-section.dashboard-section {
        padding-bottom: 30px
    }

    .bottom-section h2 {
        max-width: 600px
    }
}

@media only screen and (max-width: 1024px) {
    .dashboard-section .title-sec h2 {
        padding-right:40px
    }
}

@media only screen and (max-width: 992px) {
    .testimonial-block {
        max-width:90%;
        margin: 40px â€‹auto 60p
    }

    .header-banner-slider {
        margin: 80px auto 20px
    }

    .header-section.banner-shown {
        padding-bottom: 0
    }

    .common-section.feature-accordian-section {
        padding-bottom: 0
    }

    .feature-common-title {
        padding: 80px 20px
    }

    .zcollaborate-section h2 {
        max-width: 520px
    }

    .dashboard-section .title-sec h2 {
        padding-right: 0
    }

    .zcollaborate-section ul li {
        padding: 0 18px
    }
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size:30px
    }

    .common-section.feature-accordian-section {
        margin: 0 0 60px 0
    }

    .testimonial-block p {
        font-size: 22px
    }

    .main .ptmenu #mini-panel-product_menu .menu-icon-help-header .product-title a,.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a,.main-container-wrapper .ptmenu #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a {
        color: #fff
    }

    .hb-slider {
        padding: 0 0 50px
    }
}

@media only screen and (max-width: 480px) {
    h1 {
        max-width:280px
    }

    .header-banner-slider {
        margin: 60px auto 0
    }

    .feature-common-title {
        padding: 60px 20px 40px
    }

    h2 {
        font-size: 24px
    }

    .zcollaborate-section ul {
        padding-top: 20px
    }

    .zcollaborate-section ul li {
        margin-bottom: 15px
    }

    .testimonial-block p {
        font-size: 20px
    }

    .testimonial-block {
        margin: 40px auto 60px
    }

    .bottom-section {
        padding: 60px 0
    }

    .bottom-section h2 {
        font-size: 24px;
        max-width: 310px
    }
}

.header-banner-slider1 .hb-slider1 video {
    max-width: 100%
}

.hb-slider1 {
    padding: 0 0 130px;
    border-radius: 5px;
    max-width: 1000px;
    margin: 0 auto
}

.header-banner-slider1 {
    margin: 0 0 50px;
    background: #040e31;
    padding-top: 50px
}

@media only screen and (max-width: 600px) {
    .zdashboard {
        text-align:left
    }
}

@media only screen and (min-width: 1441px) and (max-width:1600px) {
    .zdashboard-img {
        width:140%
    }
}

.lang-ar .header-banner-btns,.lang-ar .common-section.zcollaborate-section .text-center,.lang-ar .bottom-section .content-wrap {
    text-align: center
}

.lang-ar .feature-common-title h2 {
    max-width: 800px !important;
    margin: 0 auto 15px
}

.lang-ar .zrow-wrap-accordian>div:nth-child(2) {
    padding-left: 0;
    padding-right: 50px
}

.lang-ar .common-section.dashboard-section .content-wrap {
    right: 0;
    right: -5%
}

.lang-ar .testimonial-block .table-wrap .colum.avatar-img {
    margin-left: 15px;
    margin-right: 0
}

@media only screen and (max-width: 600px) {
    .lang-ar .zdashboard {
        text-align:right
    }
}

.bottom-section .act-btn.cta-btn {
    font-size: 15px
}

.other-lang .testimonial-section,.other-lang .testimonial-block {
    display: none
}
/* other lang css start */

.other-lang .feature-common-title h2 {
    max-width: 1000px;
    margin: 0 auto;
}

.i18n-ar .feature-accordian-section, .i18n-ar .feature-accordian-section * {
    direction: rtl !important;
}
@media (max-width: 991px) {
    .i18n-ar .dashboard-section h2,.i18n-ar .dashboard-section p{
        text-align: center;
    }
}
@media (max-width: 600px) {
    .i18n-ar .zdashboard li:before {
        right: 0;
        left: unset;
        transform: scale(-1);
    }
.i18n-ar .dashboard-section, .i18n-ar .dashboard-section * {
    text-align: right;
}


}
@media (max-width: 480px) {
    .i18n-nl h1 {
        font-size: 26px;
    }
}


/* other lang css end */