.zw-product-header {
    background: #e2f6e9
}
.zwc-main-container a:not(.cta-btn,.feature-list a){
    color: var(--zwc-link-clr );
}
.ban-icon1,.ban-icon3{
    font-size: 0;
}
.feature-list a{
    color: #fff;
    text-decoration: underline;
}
.inline-block {
    display: inline-block
}

h1 {
    font: 48px/1.2 'Zoho_Puvi_Bold'
}

h2 {
    font: 40px/1.2 'Zoho_Puvi_Bold'
}

h3 {
    font: 30px/1.25 'Zoho_Puvi_Bold'
}

.zwc-dis-blk {
    display: block
}

.zwc-flex-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.zwc-bld {
    font-family: var(--primaryfont-semibold)
}

ul li {
    text-decoration: none;
    color: #000
}

ul li a {
    text-decoration: none;
    color: #03a9f5
}

.learn-more {
    display: block;
    margin-top: 6px
}

.content-wrap {
    max-width: 1170px;
    margin: 0 auto;
    width: 90%
}

.tac {
    text-align: center
}

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

.banner-section {
    background: #e2f7e9;
    padding: 4% 0 3%
}

.banner-container,.banner-container h1,.banner-container p {
    max-width: 770px;
    margin: 0 auto 15px;
    width: 100%;
    text-align: center
}

.banner-container h1 {
    max-width: 610px;
    width: 100%
}

.banner-icons {
    margin-bottom: 40px;
    background: #e2f7e9
}

.ban-icon {
    width: 120px;
    height: 120px;
    border: 2px solid #1a4b50;
    display: inline-block;
    border-radius: 12px;
    position: relative
}

.ban-icon:before {
    position: absolute;
    content: "";
    width: 72px;
    height: 72px;
    background: url(/sites/zweb/images/otherbrandlogos/chrome-icon.png) no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-size: contain
}

.ban-icon3:before {
    width: 60px;
    height: 60px;
    background-position: -362px 1px;
    background-size: 420px;
    background: url(/sites/zweb/images/producticon/assist.svg)
}

.ban-icon2 {
    vertical-align: top;
    position: relative;
    top: 46px;
    margin: auto 30px
}

.ban-icon2:before,.ban-icon2:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.ban-icon2:after {
    width: 20px;
    height: 2px
}

.trsusted-support {
    box-shadow: inset 0 100px 0 0 #e2f7e9;
    display: none
}

.trsusted-support .content-wrap {
    max-width: 1130px
}

.support-container {
    background: #235257;
    border-radius: 40px;
    padding: 60px 40px;
    margin-bottom: 50px
}

.support-container h2 {
    color: #efc66b;
    font-size: 34px;
    font-family: 'Zoho_Puvi_Regular';
    letter-spacing: -.64px
}

.trust-icon {
    display: inline-block;
    vertical-align: middle
}

.lhs,.rhs {
    width: 50%;
    flex-wrap: wrap;
    justify-content: space-around
}

.support-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0 0
}

.lhs-inner,.rhs-inner {
    display: flex
}

.lhs-inner p,.rhs-inner p {
    color: #fff;
    font-size: 20px;
    letter-spacing: -.2px;
    max-width: 330px;
    width: 100%;
    padding: 20px 0 0 20px;
    line-height: 24px
}

.lhs-inner p span,.rhs-inner p span {
    display: block
}

.features-section {
    padding: 4% 0 6%
}

.features-inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.features-inner ul li {
    width: 50%
}

.features-inner ul li>div {
    margin: 20px;
    padding: 20px
}

.features-inner ul li>div h2 {
    padding-top: 23%
}

.features-inner ul li>div h2 span {
    color: #41a26d;
    display: block
}

.features-inner ul li>div h3 {
    margin: 0 70px 20px 0
}

.features-inner ul li>div p {
    margin: 0 30px 0 0
}

.features-inner ul li>div .fea-icon {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    display: block;
    margin-bottom: 12px;
    position: relative
}

.features-inner ul li>div .icon1 {
    background: #fadfdf
}

.features-inner ul li>div .icon2 {
    background: #f7f0d7
}

.features-inner ul li>div .icon3 {
    background: #d5faf1
}

.features-inner ul li>div .icon4 {
    background: #d7dafa
}

.features-inner ul li>div .icon5 {
    background: #f7f0d7
}

.features-inner ul li>div .fea-icon:before,.comparision-section .list ul li h3::before {
    position: absolute;
    content: "";
    width: 28px;
    height: 29px;
    background: url(/sites/zweb/images/assist/chrome-desktop-alternative/sprite.png) no-repeat 0 -9px/416px;
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.features-inner ul li>div .icon2:before {
    background-position: -28px -11px;
    width: 32px;
    height: 25px
}

.features-inner ul li>div .icon3:before {
    background-position: -61px -7px;
    width: 30px;
    height: 33px
}

.features-inner ul li>div .icon4:before {
    background-position: -92px -11px;
    width: 36px;
    height: 24px
}

.features-inner ul li>div .icon5:before {
    background-position: -130px -8px;
    width: 32px;
    height: 32px
}

.brand-section {
    padding: 60px 0
}

.testimonial-section .content-wrap {
    max-width: 1040px;
    margin: 0 auto;
    background: #fef8e2;
    border-radius: 12px;
    margin-bottom: 70px
}

.testimonial-inner {
    text-align: center;
    padding: 60px
}

.testimonial-inner p::before {
    content:" ";
    width: 60px;
    height: 48px;
    display: block;
margin: 0 auto 20px;
    background: url(/sites/zweb/images/assist/chrome-desktop-alternative/sprite.png) no-repeat -199px 0/376px;
    vertical-align: middle
}

.testimonial-inner p {
    max-width: 800px;
    margin: 0 auto 20px;
    font-family: 'Zoho_Puvi_Regular';
    font-size: 26px
}

.sectoin-title {
    max-width: 700px;
    margin: 0 auto;
    width: 100%
}

.list ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 80px auto
}

.list ul li {
    width: 46%;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 50px
}

.list ul li h3 {
    font: 27px/1.25 'Zoho_Puvi_Bold'
}

.list ul li p {
    font: 17px/1.6 'Zoho_Puvi_Regular';
    letter-spacing: 0
}

.customer-details .icon6 {
    width: 60px;
    height: 60px;
    background: url(/sites/zweb/images/assist/chrome-desktop-alternative/sprite.png) no-repeat -168px -2px/430px;
    display: inline-block;
    vertical-align: middle
}

.customer-details h4 {
    font-size: 20px;
    line-height: 1.25;
    font-family: 'Zoho_Puvi_Regular';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    text-align: left
}

.customer-details h4 span {
    display: block;
    font-size: 14px;
    font-family: 'Zoho_Puvi_Regular'
}

.bottom-section {
    background: #edfdf2;
    padding: 7% 0;
    margin-top: 70px
}

.bottom-section h2 {
    max-width: 648px;
    margin: 0 auto 15px;
    width: 100%;
    font-size: 38px;
    letter-spacing: -.46px;
    line-height: 1.4
}

.bottom-section h2 .btm-line {
    display: block
}

.bottom-section h2 .top-line {
    display: block;
    font-size: 24px;
    letter-spacing: -.29px
}

.zwc-chrome-desktop {
    padding: 100px 0 50px
}

.zwc-chrome-desktop-lft,.zwc-chrome-desktop-rgt {
    width: 50%
}

.zwc-chrome-desktop-lft {
    max-width: 520px
}

.zwc-browser-ext {
    background: #edf8ff;
    padding: 100px 0;
    max-width: 1400px;
    margin: 0 auto;
    border-radius: 14px
}

.zwc-browser-ext .zwc-flex-wrap {
    align-items: baseline
}

.zwc-browser-ext .content-wrap,.zwc-mobile-assistance .content-wrap {
    max-width: 1280px
}

.zwc-browser-ext-lft {
    width: 42%
}

.zwc-browser-ext-rgt {
    width: 52%
}

.zwc-browser-ext-lft {
    max-width: 500px
}

.zwc-browser-ext ul li.zwc-steps-number {
    position: relative;
    margin-bottom: 30px;
    padding-left: 60px;
    z-index: 10
}

.zwc-browser-ext ul li P:nth-child(1) {
    font-family: var(--primaryfont-semibold);
    color: #003bff;
    font-size: 21px;
    letter-spacing: -0.76px;
    line-height: 1.6
}

.zwc-browser-ext ul li.zwc-steps-number:last-child {
    margin-bottom: 0
}

.zwc-browser-ext ul li.zwc-steps-number .num-steps {
    display: block;
    background: #003bff;
    width: 35px;
    height: 35px;
    border-radius: 99px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    padding-top: 7px;
    font-size: 14px;
    font-family: var(--primaryfont-semibold)
}

.sharing-steps {
    position: relative
}

.sharing-steps:after {
    content: " ";
    position: absolute;
    height: 77%;
    width: 2px;
    background-image: repeating-linear-gradient(#3d6bff 4px,#3d6bff 7px,#f2f8ff 10px,#f2f8ff 20px);
    background-position: right;
    background-size: 1px 8px;
    background-repeat: repeat-y;
    top: 0;
    left: 16px;
    z-index: 0
}

ul.zwc-steps-alpha {
    padding-left: 20px
}

.zwc-steps-alpha li {
    list-style-type: lower-alpha
}

.zwc-steps-alpha li::marker {
    font-family: var(--primaryfont-semibold)
}

.zwc-mobile-assistance {
    padding: 100px 0
}

.zwc-mobile-assistance .zwc-flex-wrap {
    align-items: center;
    justify-content: space-evenly
}

.zwc-mobile-assistance-lft,.zwc-mobile-assistance-rgt {
    width: 40%
}

.zwc-mobile-assistance-lft {
    width: 53%
}

.zwc-mobile-assistance-lft h2 {
    max-width: 670px
}

.zwc-mobile-assistance-lft p:nth-child(2) {
    max-width: 570px
}

.zwc-mobile-assistance-lft p:nth-child(3) {
    font-family: var(--primaryfont-semibold);
    letter-spacing: -0.51px;
    max-width: 460px
}

.comparision-section .list ul li h3::before {
    left: 20px;
    top: -20px
}

.comparision-section .list ul li h3 {
    position: relative
}

.comparision-section .list ul li:nth-child(1) h3::before {
    background-position: 0 -69px;
    width: 26px;
    height: 24px;
    left: 14px
}

.comparision-section .list ul li:nth-child(2) h3::before {
    background-position: -46px -70px;
    width: 25px;
    height: 24px;
    left: 11px
}

.comparision-section .list ul li:nth-child(3) h3::before {
    background-position: -25px -71px;
    width: 22px;
    height: 24px;
    left: 11px
}
.note_box {
    display:block;
    font-size: 12px;
    padding: 50px 10px 0;
    max-width: 100%;
    margin: auto;
    line-height: 2em;
    font-style: italic;
    text-align: center;
}
.fea-head{
    position: sticky;
    top:65px;
    z-index: 2;
}
@media only screen and (max-width : 1400px) {
    .zwc-browser-ext {
        max-width:100%;
        border-radius: 0
    }
}
@media only screen and (max-width : 1199px) {
.fea-head{
top:0;
}
}

@media only screen and (max-width : 767px) {
    h1 {
        font:27px/1.2 'Zoho_Puvi_Bold'
    }

    h2 {
        font: 25px/1.2 'Zoho_Puvi_Bold'
    }

    h3 {
        font: 21px/1.25 'Zoho_Puvi_Bold'
    }

    .lhs,.rhs,.features-inner ul li,.list ul li {
        width: 100%
    }

    .banner-section {
        padding: 11% 0 10%
    }

    .ban-icon2 {
        top: 40px
    }

    .support-inner,.lhs,.rhs,.lhs-inner,.rhs-inner {
        display: block;
        text-align: center
    }

    .support-inner {
        margin: 35px 0 0
    }

    .lhs-inner p,.rhs-inner p {
        padding-left: 0;
        max-width: 100%;
        font-size: 16px
    }

    .lhs-inner {
        margin-bottom: 50px
    }

    .ban-icon {
        width: 100px;
        height: 100px
    }

    .trsusted-support .content-wrap {
        max-width: 100%;
        width: 100%
    }

    .support-container {
        border-radius: 0;
        margin-bottom: 0
    }

    .support-container h2 {
        font-size: 23px
    }

    .support-container {
        border-radius: 0
    }

    .support-container {
        padding: 60px 40px 30px
    }

    .features-inner ul li>div h2 {
        padding-top: 0
    }

    .features-inner ul {
        display: block;
        text-align: center
    }

    .features-inner ul li>div {
        margin: 10px 0 15px 0;
        padding: 10px
    }

    .features-inner ul li>div h3 {
        margin: 0 0 15px
    }

    .features-inner ul li>div p {
        margin: 0
    }

    .features-inner ul li>div .fea-icon {
        margin: 0 auto 10px
    }

    .testimonial-inner {
        text-align: center;
        padding: 30px 15px
    }



    .testimonial-inner p {
        font-size: 16px;
        margin: 0 auto 15px;
        padding: 10px
    }

    .customer-details h4 {
        font-size: 18px
    }

    .bottom-section h2 .top-line {
        font-size: 17px
    }

    .bottom-section h2 {
        margin: 0 auto 15px;
        font-size: 25px;
        line-height: 1.2
    }

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

    .comparision-section h2 {
        font-size: 25px
    }

    .list ul {
        margin: 30px auto
    }

    .list ul li {
        margin-bottom: 0;
        padding: 30px 20px 0;
        text-align: center
    }

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

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

@media only screen and (min-width : 768px) and (max-width:991px) {
    h1 {
        font:30px/1.25 'Zoho_Puvi_Bold'
    }

    h2 {
        font: 25px/1.2 'Zoho_Puvi_Bold'
    }

    h3 {
        font: 21px/1.25 'Zoho_Puvi_Bold'
    }

    P {
        font: 15px/1.6 'Zoho_Puvi_Regular'
    }

    .ban-icon {
        width: 100px;
        height: 100px
    }

    .banner-icons {
        margin-bottom: 25px
    }

    .ban-icon:before {
        width: 66px;
        height: 66px;
        background: url(/sites/zweb/images/assist/chrome-desktop-alternative/sprite.png) no-repeat -269px 2px/390px
    }

    .ban-icon2 {
        top: 40px
    }

    .ban-icon3:before {
        width: 57px;
        height: 58px;
        background-position: -334px 1px;
        background-size: 390px
    }

    .support-container {
        padding: 45px 40px;
        margin-bottom: 0
    }

    .support-container h2 {
        font-size: 25px
    }

    .support-inner {
        margin: 25px 0 0
    }

    .lhs-inner,.rhs-inner {
        align-items: center
    }

    .trust-icon {
        width: 210px
    }

    .trust-icon img {
        width: 100%;
        height: auto
    }

    .lhs-inner p,.rhs-inner p {
        font-size: 15px;
        max-width: 100%;
        padding: 0 0 0 22px
    }

    .features-inner ul li>div h2 span {
        display: inline
    }

    .features-inner ul li>div {
        margin: 10px;
        padding: 10px
    }

    .features-inner ul li>div h3 {
        margin: 0 0 20px 0
    }

    .features-inner ul li>div p {
        margin: 0
    }

    .features-inner ul li>div h2 {
        padding-top: 45%
    }

    .testimonial-inner {
        padding: 40px
    }

    .bottom-section h2 .top-line {
        font-size: 20px
    }

    .testimonial-inner p {
        max-width: 570px;
        font-size: 18px;
        padding: 0
    }

    .bottom-section h2 {
        max-width: 100%;
        font-size: 25px
    }

    .comparision-section h2 {
        font-size: 25px
    }

    .list ul li {
        width: 47%
    }

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

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

@media only screen and (min-width : 992px) and (max-width:1199px) {
    h1 {
        font:34px/1.2 'Zoho_Puvi_Bold'
    }

    h2 {
        font: 28px/1.2 'Zoho_Puvi_Bold'
    }

    h3 {
        font: 23px/1.25 'Zoho_Puvi_Bold'
    }

    P {
        font: 17px/1.6 'Zoho_Puvi_Regular'
    }

    .ban-icon {
        width: 110px;
        height: 110px
    }

    .banner-icons {
        margin-bottom: 30px
    }

    .support-inner {
        margin: 40px 0 0
    }

    .support-container h2 {
        font-size: 28px
    }

    .lhs-inner p,.rhs-inner p {
        font-size: 18px;
        padding: 18px 0 0 20px;
        max-width: 100%
    }

    .lhs-inner,.rhs-inner {
        align-items: center
    }

    .features-inner ul li>div h3 {
        margin: 0 0 15px 0
    }

    .features-inner ul li>div p {
        margin: 0
    }

    .testimonial-inner {
        padding: 40px
    }

    .bottom-section h2 {
        max-width: 100%;
        font-size: 28px
    }

    .bottom-section h2 .top-line {
        font-size: 20px
    }

    .comparision-section h2 {
        font-size: 28px
    }

    .list ul li h3 {
        font-size: 23px
    }

    .list ul li p {
        font-size: 17px
    }

    .features-inner ul li>div h2 span {
        display: inline
    }
}

@media only screen and (min-width : 1200px) and (max-width:1399px) {
    h1 {
        font:42px/1.2 'Zoho_Puvi_Bold'
    }

    h2 {
        font: 32px/1.2 'Zoho_Puvi_Bold'
    }

    h3 {
        font: 27px/1.25 'Zoho_Puvi_Bold'
    }

    P {
        font: 17px/1.6 'Zoho_Puvi_Regular'
    }

    .ban-icon {
        width: 110px;
        height: 110px
    }

    .banner-icons {
        margin-bottom: 30px
    }

    .banner-container p {
        max-width: 100%
    }

    .lhs-inner p,.rhs-inner p {
        font-size: 18px;
        max-width: 100%;
        padding: 20px 0 0 26px
    }

    .support-container h2 {
        font-size: 32px
    }

    .support-inner {
        margin: 40px 0 0
    }

    .support-inner {
        margin: 45px 0 0
    }

    .support-container {
        margin-bottom: 0
    }

    .features-inner ul li>div h3 {
        margin: 0 0 20px 0
    }

    .bottom-section h2 {
        max-width: 100%;
        font-size: 32px;
        line-height: 1.35
    }

    .bottom-section h2 .top-line {
        font-size: 21px
    }

    .comparision-section h2 {
        font-size: 32px
    }

    .list ul li h3 {
        font-size: 27px
    }

    .list ul li p {
        font-size: 17px
    }
}

.zsection_wrap.compare-features-wrap {
    background: #000;
    color: #fff;
    padding: 110px 0;
    margin-bottom: 100px
}

.zcenter {
    text-align: center
}

.features-table {
    position: relative;
    max-width: 980px;
    margin: 75px auto;
    margin-bottom: 0
}

.features-table ul li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
}
.features-table ul li.fea-head {
    position: sticky;
}

.feature-list {
    border: 1px solid #232323
}

.feature-list {
    border: 1px solid #232323
}

.features-table ul li.fea-head p,.features-table ul li.fea-lists p {
    width: 34%;
    text-align: center;
    margin: 0
}

.features-table ul li.fea-lists p:nth-child(1) {
    padding: 27px 10px
}

.features-table ul li.fea-head p:nth-child(1) {
    padding: 35px 10px
}

.features-table ul li.fea-head p.fea-data {
    text-align: center;
    font-family: var(--primaryfont-semibold);
    font-size: 24px
}

.features-table ul li p.fea-data {
    position: relative;
    line-height: 1.5;
    font-size: 17px;
    color: #fff
}

.features-table ul li p.fea-data:nth-child(3) {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #000;
}

.features-table ul li.fea-head p.fea-data:nth-child(3) {
    align-items: center
}

.features-table ul li p.fea-data:nth-child(1) {
    text-align: left;
    background-color: #000;
}

.features-table ul li.fea-head p.fea-data:nth-child(1) span {
    font-size: 24px;
    font-family: var(--primaryfont-bold)
}

.features-table ul li p.fea-data:nth-child(1) span {
    position: relative;
    left: 10%
}

.features-table ul li p.fea-data::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    bottom: 0;
    width: 99.5%;
    border-bottom: 1px solid #232323
}

.features-table ul li p.zh-data {
    background: #171717;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    border-bottom: 1px solid #212121
}

.features-table ul li p.zh-data::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid rgba(56,56,56,1)
}

.features-table ul li.fea-lists p.zh-data::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    bottom: 0;
    width: 100%
}

.features-table ul li.fea-lists p.zh-data.last-data::after {
    border-bottom: 0
}

.features-table ul li.fea-head p.zh-data span,.features-table ul li.fea-head p.fea-data {
    color: #fff;
    font-family: var(--primaryfont-semibold);
    font-size: 24px
}

.features-table ul li.fea-lists p.zh-data span,.features-table ul li p.sb-data {
    color: #fff;
    text-align: left;
    padding: 20px 20px
}

.features-table ul li p.sb-data {
    color: #fff
}

.features-table ul li.fea-lists p.zh-data span.span-txt {
    font-size: 16px;
    position: absolute;
    width: 200px;
    left: 50%;
    transform: translate(-50%,0);
    right: inherit
}

.features-table ul li.fea-lists p.fea-data:nth-child(3) span {
    font-size: 16px
}

.features-table li.fea-lists p span.yes,.features-table li.fea-lists p span.no {
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-indent: -9999em;
    padding: 0;
    color: transparent
}

.features-table li.fea-lists p span.yes:before,.features-table li.fea-lists p span.yes:after {
    background: #2ad33d;
    content: "";
    height: 2px;
    left: 5px;
    position: absolute;
    top: 14px;
    transform: rotate(45deg);
    width: 7px
}

.features-table li.fea-lists p span.yes:before {
    left: 8px;
    top: 11px;
    transform: rotate(-42deg);
    width: 16px
}

.features-table li.fea-lists p span.no:before,.features-table li.fea-lists p span.no:after {
    background: #ff5a5a none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 4px;
    position: absolute;
    top: 10px;
    transform: rotate(49deg);
    width: 15px
}

.features-table li.fea-lists p span.no:before {
    left: 4px;
    top: 10px;
    transform: rotate(-49deg);
    width: 15px
}

.features-table li.fea-lists:last-child p.fea-data::after {
    border: 0
}

@media only screen and (max-width: 1199px) {
    .zsection_wrap.compare-features-wrap {
        padding:80px 0;
        margin-bottom: 80px
    }

    .banner-container h1 {
        max-width: 440px
    }
}

@media only screen and (max-width: 991px) {
    .zwc-chrome-desktop .zwc-flex-wrap,.zwc-browser-ext .zwc-flex-wrap,.zwc-mobile-assistance .zwc-flex-wrap {
        flex-direction:column;
        text-align: center;
        align-items: center
    }

    .zwc-chrome-desktop-lft,.zwc-chrome-desktop-rgt,.zwc-browser-ext-lft,.zwc-browser-ext-rgt,.zwc-mobile-assistance-lft,.zwc-mobile-assistance-rgt {
        width: 100%;
        max-width: 450px
    }

    .zwc-chrome-desktop-lft,.sectoin-title {
        max-width: 580px
    }

    .zwc-browser-ext h2 {
        max-width: 370px;
        margin: 0 auto 15px
    }

    .zwc-browser-ext-lft {
        max-width: 490px
    }

    .zwc-browser-ext-rgt {
        text-align: left;
        max-width: 490px;
        padding-top: 30px
    }

    .zwc-mobile-assistance-lft,.zwc-mobile-assistance-lft p:nth-child(2) {
        max-width: 630px
    }

    .zwc-mobile-assistance-lft p:nth-child(3) {
        max-width: 400px;
        margin: 0 auto 20px;
        line-height: 1.6
    }

    .zwc-mobile-assistance-lft h2 {
        max-width: 490px;
        margin: 0 auto 15px;
        text-align: center
    }

    .zwc-mobile-assistance-rgt {
        margin-top: 30px;
        max-width: 350px
    }

    .zwc-browser-ext,.zwc-mobile-assistance,.zwc-chrome-desktop {
        padding: 80px 0
    }

    .list ul {
        margin: 60px auto 20px
    }

    .banner-container {
        max-width: 660px
    }

    .features-table ul li.fea-head p.zh-data span,.features-table ul li.fea-head p.fea-data {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .features-table {
        overflow-x:scroll;
        margin: 50px auto
    }

    .feature-list {
        min-width: 800px;
        position: relative;
        width: 100%
    }

    .zsection_wrap.compare-features-wrap {
        padding: 60px 0;
        margin-bottom: 60px
    }

    .zwc-browser-ext,.zwc-mobile-assistance,.zwc-chrome-desktop {
        padding: 60px 0
    }

    .sharing-steps {
        margin-top: 30px
    }

    .features-inner ul li>div h2 span {
        display: inline
    }

    .zwc-browser-ext ul li P:nth-child(1) {
        font-size: 18px
    }

    .zwc-steps-alpha li {
        font-size: 17px
    }

    .features-inner {
        width: 100%;
        max-width: 540px;
        margin: 0 auto
    }

    .features-table ul li.fea-head p.zh-data span,.features-table ul li.fea-head p.fea-data {
        font-size: 18px
    }

    .list ul {
        max-width: 590px;
        margin: 30px auto 40px
    }

    .banner-container {
        max-width: 560px
    }

    .comparision-section .list ul li h3::before {
        position: relative;
        display: block;
        top: 0;
        margin: 0 auto
    }
}

@media only screen and (max-width: 480px) {
    .zwc-browser-ext ul li P:nth-child(1) {
        font-size:16px;
        letter-spacing: -0.56px;
        margin-bottom: 10px
    }

    .zwc-steps-alpha li {
        font-size: 15px
    }

    .zwc-browser-ext ul li.zwc-steps-number {
        padding-left: 50px
    }

    .list ul li {
        padding: 30px 0 0
    }
}

.zwc-introsec .zwc-card-box {
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 12.61px .39px rgba(0,0,0,0.08);
    margin: 0 auto 0;
    width: 100%;
    max-width: 1280px;
    padding: 50px 35px 75px;
    box-sizing: border-box;
    position: relative
}

.zwc-introsec {
    box-shadow: inset 0 100px 0 0 #e2f7e9
}

.zwc-introsec h2::after,.zwc-introsec h2::before {
    content: "";
    position: absolute;
    width: 38%;
    height: 1px;
    background-color: #e5e5e5;
    top: 12px
}

.zwc-introsec h2::after {
    right: 0
}

.zwc-introsec h2::before {
    left: 0
}
.zwc-introsec .zwc-tb-append .content-wrap {
    width: 100%;
}
@media only screen and (max-width: 1199px) {
    .zwc-introsec .zwc-card-box {
        max-width: 90%;
        border-radius: 0;
        box-shadow: none;
        padding: 100px 10px;
        margin-top: 0
    }

    .zwc-introsec h2::after,.zwc-introsec h2::before {
        display: none
    }
    .zwc-introsec {
    background: #fff;
    box-shadow: unset;
}
}