.node-type-features-landing-page {
    max-width: 98%;
    margin: 0 auto
}
.zw-template-inner a:not(.cta-btn) {
    color: var(--zwc-link-clr);
}
.footer-sec-wrap {
    border-top: 0;
    margin-top: 0
}

.common-sec h2 {
    
    font-weight: 300;
    font-size: 44px;
    line-height: 65px
}

h2 {
    font-size: 36px;
    font-family: var(--zf-primary-bold)
}

.features-banner-wrap {
    box-sizing: border-box;
    padding: 60px 0 90px 0
}

.features-banner-content {
    margin: 0 auto;
    max-width: 100%;
}

.assist-banner-wrap {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.assist-banner-wrap div {
    width: 50%
}

.assist-banner-wrap div:nth-child(2) p {
    width: 100%;
    text-align: center
}

.assist-banner-wrap div img {
    max-width: 530px;
    width: 100%
}

.assist-banner-content {
    max-width: 600px
}

.assist-banner-content p a {
    margin: 30px 0 0
}

.features-ban-left h1 {
    max-width: 100%;
    margin: 0 0 10px;
    font-size: 46px
}

.features-banner-content p {
    max-width: 100%;
    line-height: 36px
}

.features-item .content-wrap {
    overflow: visible
}

.bottom-cta-wrap {
    background: #c4feec;
    color: #000;
    padding: 30px 0;
    margin-top: 100px
}

.bottom-cta-wrap .content-wrap h2 {
    font-family: var(--zf-primary-semibold)
}

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

.two-col-features {
    text-align: center
}

.two-col-features p {
    text-align: center;
    padding-right: 0
}

.two-col-features .wrap {
    text-align: left;
    display: flex;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    border-bottom: 1px solid #f4f5f5;
    padding-bottom: 50px;
    margin-bottom: 100px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.two-col-features .wrap p {
    text-align: left;
    line-height: 34px
}

.two-col-features .wrap h3 {
    font-family: var(--zf-primary-semibold);
    margin-bottom: 10px
}

.two-col-features .blocks {
    width: 33.33%;
    box-sizing: border-box;
    margin-bottom: 50px;
    float: left;
    padding-right: 5%
}

.two-col-banner-wrap {
    clear: both;
    color: #000
}

.two-col-features .blocks:nth-child(3n+4) {
    clear: left
}

.two-col-features .blocks .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 25px;
    position: relative
}

.two-col-features .blocks {
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease
}

.two-col-features .blocks.line-animated {
    transform: translateY(0)
}

.two-col-features .blocks .icon:before {
    content: '';
    background: url(/sites/zweb/images/assist/remote-pc-access-sprite-icon.png);
    width: 50px;
    height: 50px;
    background-size: 300px auto;
    position: absolute;
    left: 0;
    margin: 0 auto;
    top: 15px
}

.two-col-features .blocks .icon1:before {
    background-position: 0 0
}

.two-col-features .blocks .icon2:before {
    background-position: -50px 0
}

.two-col-features .blocks .icon3:before {
    background-position: -100px 0
}

.two-col-features .blocks .icon4:before {
    background-position: -150px 0
}

.two-col-features .blocks .icon5:before {
    background-position: -200px 0
}

.two-col-features .blocks .icon6:before {
    background-position: -250px 0
}

.two-col-features .blocks .icon7:before {
    background-position: -300px 0
}

.two-col-features h2 {
    
    text-align: center;
    margin-bottom: 20px !important;
    font-size: 42px;
    max-width: 960px;
    text-align: left;
    box-sizing: border-box
}

.common-sec {
    padding: 100px 0
}

.two-col-features {
    padding-bottom: 0
}

.footer-sec-wrap {
    border-top: 0;
    margin-top: 0
}

.two-col-controlor {
    background: #d1fded
}

.two-col-wrap .common-column {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box
}

.two-col-wrap {
    display: table;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #bbf0dd
}

.common-column h2 {
    font-size: 38px;
    line-height: normal;
    max-width: 460px;
    text-align: left
}

.common-column p {
    line-height: 34px;
    margin-bottom: 0
}

.two-col-wrap .common-column:first-child {
    padding-right: 3%
}

.two-col-wrap .common-column:last-child {
    padding-left: 3%
}

.two-col-wrap:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.trust-brands-wrap {
    text-align: center
}

.trust-brands-wrap .content-wrap {
    padding: 0 0 40px
}

.trust-brands-wrap .content-wrap>p {
    position: relative;
    color: #666;
    padding: 0 10px;
    background: #fff;
    display: inline-block;
    margin-bottom: 0
}

a.more-detail-link,a.explore-more {
    border-bottom: 1px solid var(--zwc-link-clr);
    padding: 0 0 2px
}

.trust-brands-wrap a.more-detail-link {
    font-size: 16px;
    padding: 0 0 1px
}

.trust-brands-wrap ul {
    margin: 50px 0 40px
}

.trust-brands-wrap ul li {
    display: inline-block
}

.trust-brands-wrap ul li span {
    display: inline-block;
    margin: 10px 40px;
    text-indent: -9999px
}

.trust-brands-wrap ul li:first-child span {
    margin-left: 0
}

.trust-brands-wrap ul li:last-child span {
    margin-right: 0
}

.trust-brands-wrap ul li span {
    background: url(/sites/zweb/images/commonroot/trust-brands-sprite.png) no-repeat 0 0;
    background-size: 1103px auto;
    height: 40px
}

.trust-brands-wrap ul li.tb-hitachi span {
    width: 85px;
    background-position: 0 -40px
}

.trust-brands-wrap ul li.tb-element span {
    width: 107px;
    background-position: -85px -40px
}

.trust-brands-wrap ul li.tb-metro-washington span {
    width: 160px;
    background-position: -192px -40px
}

.trust-brands-wrap ul li.tb-royal-haskoning span {
    width: 91px;
    background-position: -352px -40px
}

.trust-brands-wrap ul li.tb-united-foundation span {
    width: 125px;
    background-position: -444px -40px
}

.two-col-controlor {
    background: #d1fded
}

.two-col-wrap .common-column {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box
}

.two-col-wrap {
    display: table;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #bbf0dd
}

.two-col-wrap {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 60px
}

.common-column h2 {
    font-size: 38px;
    line-height: normal;
    max-width: 460px;
    text-align: left
}

.common-column p {
    line-height: 34px;
    margin-bottom: 0
}

.two-col-wrap .common-column:first-child {
    padding-right: 3%
}

.two-col-wrap .common-column:last-child {
    padding-left: 3%
}

.two-col-wrap:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.zfaq-inner {
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    padding: 110px 80px 50px;
    position: relative
}

.zfaq-inner h2 {
    text-align: center;
    font-size: 38px;
    margin-bottom: 60px
}

.zfaq-inner>div h2 {
    font-family: var(--zf-primary-bold);
    display: inline-block;
    margin-bottom: 10px;
    font-size: 17px
}

.zfaq-inner>div div {
    border-bottom: 1px solid #d3d3d3;
    margin-top: 30px
}

.zfaq-inner>div h2:last-child {
    border-bottom: 0
}

.zfaq-inner .icon {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90px;
    height: 60px
}

.zfaq-inner .icon:before {
    content: '';
    background: url(/sites/zweb/images/assist/remote-pc-access-sprite-icon.png);
    width: 90px;
    height: 53px;
    background-size: 300px auto;
    position: absolute;
    left: 0;
    margin: 0 auto;
    top: 15px;
    background-position: 0 -53px
}

.zremote-control-phone.common-sec {
    background: #d1fded
}

.zremote-control-phone h2 {
    max-width: 720px
}

.zsteps {
    margin-top: 40px
}

.zsteps li {
    margin-bottom: 30px;
    position: relative;
    padding-left: 65px
}

.zhigh {
    font-family: var(--zf-secondary-semibold);
    position: absolute;
    left: 0
}

.zremote-control-phone.common-sec .content-wrap {
    max-width: 1000px
}

.ziner-float {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
    max-width: 1000px;
    margin: 0 auto
}

.ziner-float>div {
    width: 48%;
    padding: 30px 50px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.zsystem-req {
    background: #fdf3ec
}

.zplatform {
    background: #fef9e6
}

.zpoints li {
    padding-left: 20px;
    position: relative;
    z-index: 1;
    margin-bottom: 10px
}

.zpoints li:before {
    content: '';
    position: absolute;
    background: #000;
    width: 8px;
    height: 8px;
    top: 8px;
    left: 0;
    border-radius: 100%
}

.zsystm-img {
    position: absolute;
    width: 150px;
    bottom: -50px;
    right: -40px
}

.zplatform-img {
    position: absolute;
    width: 170px;
    top: -80px;
    right: -50px;
    z-index: -1;
}
@media only screen and (max-width: 1366px) {
    .features-banner-wrap{
        padding: 30px 0 90px 0;
    }
}
@media screen and (max-width: 992px) {
    .html-part.content-wrap {
        padding:0
    }

    .zplatform-img,.zsystm-img {
        display: none
    }

    .features-ban-left h1 {
        font-size: 42px
    }

    .assist-banner-wrap {
        display: block;
        text-align: center
    }

    .assist-banner-wrap div {
        width: 100%;
        max-width: 100%
    }

    .assist-banner-content {
        margin: 0 0 60px
    }

    .features-banner-content p {
        font-size: 18px
    }

    .assist-banner-wrap div img {
        max-width: 400px;
        width: 80%
    }

    h2 {
        font-size: 28px;
        font-family: var(--zf-primary-bold)
    }

    .two-col-features {
        padding: 80px 0
    }

    .two-col-features .wrap p {
        line-height: 28px
    }

    .node-type-features-landing-page {
        max-width: 100%;
        margin: 0 auto
    }
    
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .common-sec {
        padding:50px 0
    }

    .common-sec h2 {
        text-align: center;
        font-size: 38px;
        max-width: 90%;
        margin: 0 auto;
        line-height: normal;
        margin-bottom: 30px;
        padding-right: 0
    }

    .two-col-features .wrap {
        padding-bottom: 10px
    }

    .two-col-features .blocks {
        padding: 0 2%
    }

    .two-col-features .wrap {
        margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }

    .common-sec h2 {
        font-size: 30px
    }

    .common-column h2 {
        font-size: 26px
    }

    .features-ban-left {
        padding: 0
    }

    .features-banner-wrap .content-wrap {
        margin: 30px auto 20px;
        z-index: 1
    }

    .features-banner-wrap {
        box-sizing: border-box;
        /* padding: 100px 0 50px 0 */
    }

    .two-col-controlor .common-column h2 {
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .features-banner-wrap {
        /* padding:90px 0 30px */
    }

    .two-col-features h2 {
        font-size: 38px
    }

    .two-col-features .blocks:nth-child(3n+4) {
        clear: none
    }

    .two-col-features .blocks {
        width: 100%
    }

    .two-col-features .blocks {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .two-col-features .blocks .icon {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .two-col-features .wrap p {
        text-align: center;
        max-width: 440px;
        padding: 0;
        margin: 0 auto
    }

    .ziner-float>div {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 40px;
        padding: 30px
    }

    .two-col-features .wrap h3 {
        margin: 0 auto;
        max-width: 100%;
        margin-bottom: 20px
    }

    .two-col-features {
        padding: 60px 0
    }

    .common-sec {
        padding: 50px 0
    }

    .common-column h2 {
        font-size: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .trust-brands-wrap ul li span {
        margin:10px 20px
    }
}

@media only screen and (max-width: 767px) {
    .zfaq-inner {
        padding:110px 32px 40px
    }

    .zfaq-inner h2 {
        font-size: 30px
    }

    .trust-brands-wrap ul li span {
        margin: 10px 20px
    }

    .common-sec h2 {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        padding: 0
    }

    .two-col-features .blocks .icon {
        margin-bottom: 20px
    }

    .two-col-features .wrap h3 {
        margin-bottom: 10px
    }

    .two-col-features .blocks {
        margin-bottom: 30px
    }

    .two-col-features .wrap {
        padding-bottom: 0;
        border-bottom: 0;
        margin-bottom: 20px
    }

    .two-col-wrap {
        max-width: 100%;
        padding-bottom: 40px;
        margin-bottom: 40px
    }

    .two-col-wrap .common-column {
        width: 100%;
        display: table
    }

    .common-column h2 {
        padding: 0;
        text-align: center;
        max-width: 100%;
        font-size: 28px;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .common-column p {
        text-align: center;
        line-height: 28px
    }

    .trust-brands-wrap ul li {
        display: block;
        margin: 0 auto;
        margin-bottom: 25px
    }

    .trust-brands-wrap ul li span {
        margin: 0 auto
    }

    .two-col-features {
        padding-bottom: 0
    }

    .features-ban-left h1 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .features-banner-content p {
        line-height: 32px
    }

    .two-col-wrap .common-column:last-child {
        padding-left: 0
    }

    .two-col-wrap .common-column:first-child {
        padding-right: 0
    }
}

.other-lang .trust-brands-wrap a {
    display: none
}

.i18n-it .zsteps li,.i18n-ja .zsteps li,.i18n-id .zsteps li {
    padding-left: 100px
}

.i18n-de .zsteps li,.i18n-pt-br .zsteps li,.i18n-fr .zsteps li {
    padding-left: 80px
}

.i18n-ja .two-col-features .blocks {
    padding-right: 4%
}

@media only screen and (min-width : 768px) and (max-width:991px) {
    .assist-banner-wrap h1 {
        /* width:600px; */
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .i18n-es-xl .two-col-features .wrap p {
        text-align:center;
        max-width: 440px;
        padding: 0;
        margin: 0 auto
    }

    .i18n-ja .two-col-features .wrap p {
        max-width: 430px
    }
}

.i18n-ar .features-banner-content,.i18n-ar .features-banner-content h1,.i18n-ar .features-banner-content p {
    text-align: right;
}

.i18n-ar .two-col-wrap .common-column:first-child {
    padding-right: 0;
    padding-left: 3%
}

.i18n-ar .common-column h2,.i18n-ar .two-col-features h2,.i18n-ar .two-col-features .wrap p {
    text-align: right
}

.i18n-ar .two-col-wrap .common-column:last-child {
    padding-left: 0;
    padding-right: 3%
}

.i18n-ar .two-col-features .blocks {
    float: right;
    padding-right: 0;
    padding-left: 20px;
}

.i18n-ar .zsteps li {
    padding-left: 0;
    padding-right: 110px
}

.i18n-ar .zhigh {
    right: 0
}

.i18n-ar .zpoints li {
    padding-left: 0;
    padding-right: 20px
}
.i18n-ar .two-col-features .blocks{width: 32%}
.i18n-ar .zpoints li:before {
    left: auto;
    right: 0
}

.i18n-ar .zplatform-img {
    right: auto;
    left: -50px;
    transform: scaleX(-1)
}

.i18n-ar .zsystm-img {
    right: auto;
    left: -40px;
    transform: scaleX(-1)
}

.i18n-ar .trust-brands-wrap,.i18n-ar .trust-brands-wrap *,.i18n-ar .bottom-cta-wrap,.i18n-ar .bottom-cta-wrap * {
    text-align: center
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .i18n-ar .two-col-features .blocks {
        padding:0 5px;
    }

    .i18n-ar .common-sec h2 {
        text-align: right;
    }

    .i18n-ar .features-banner-content,.i18n-ar .features-banner-content * {
        text-align: center;
        /* padding: 0; */
    }
.i18n-ar 
}
@media screen and (max-width: 992px) {
    .i18n-ar .features-banner-content, .i18n-ar .features-banner-content h1, .i18n-ar .features-banner-content p{
        text-align:center;
    }
}

@media only screen and (max-width: 767px) {
    .i18n-ar .two-col-wrap .common-column:first-child {
        padding-left:0
    }

    .i18n-ar .common-sec h2 {
        text-align: center;
    }
    .i18n-ar .common-column h2,.i18n-ar .two-col-features h2,.i18n-ar .two-col-features .wrap p,.i18n-ar .two-col-features .wrap h3 {
        text-align: center
    }
    .i18n-ar .two-col-features .blocks {
        width: 100%;
    }
}
.i18n-es-xl .zplatform-img {
    position: absolute;
    width: 170px;
    top: -80px;
    right: -50px;
    z-index: -1;
}
.watch-btn-wrap {
    margin: 20px 0 0 0px;
    display: inline-block;
    padding: 12.5px 30px;
    /* border: 1px solid #000; */
    cursor: pointer;
}
.watch-btn {
    display: inline;
    padding: 12px 0 10px 35px;
    color: #000;
    padding: 10px 0 10px 38px;
    text-transform: none;
    position: relative;
    cursor: pointer;
    font-family: 'Zoho_Puvi_Medium';
}
.watch-btn:after, .watch-btn:before {
    position: absolute;
    content: '';
}
.watch-btn:before {
    left: 0;
    top: 8px;
    width: 26px;
    height: 26px;
    border: 2px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100%;
}
.watch-btn:after {
    left: 11px;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #000;
}
.zwc-video-part {
    display: flex;
    padding-top: 50px;
    justify-content: space-between;
    max-width: 750px;
}

.zwc-video-part h3 {
    font-size: 20px;
}

.zwc-video-part > div {
    max-width: 300px;
}

.zwc-video-part .watch-btn::before {
    border-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.zwc-video-part .watch-btn {
    display: inline-block;
    position: relative;
    padding: 0;
}

.zwc-video-part .watch-btn::after {
    border-left-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.zwc-video-part img {
    vertical-align: middle;
}
@media(max-width:767px){
    .zwc-video-part{
        flex-wrap:wrap;
        gap:40px;
        justify-content:center;
        text-align:center;
    }
    .zwc-video-part > div{
        width:100%;
    }
}