/* .zw-product-header .product-nav-links,
.product-header-top .product-nav-links,
.footer-sec-wrap.two-column {
    display: none
} */
header{
    position: relative;
    z-index:2;
    }
    .product-header-top .menu-icon-help-header>a {
        margin: -3px 0 0 10px
    }
    
    #block-panels-mini-product-menu {
        color: #fff
    }
    
    .menu-icon-help-header.pull-left {
        display: flex;
        align-items: center;
        justify-content: center
    }
    
    .zw-product-header .product-title a span.zprd-display-name {
        color: #fff !important;
        display: flex;
        flex-direction: column;
        line-height: 1.3;
        font-family: var(--zf-primary-semibold);
        font-size: 26px;
        padding: 0 0 0 10px;
        letter-spacing: -0.84px
    }
    
    .zw-product-header .product-title a span.zprd-display-name span {
        font-family: var(--zf-primary-regular);
        font-size: 15px
    }
    
    #block-panels-mini-product-menu span.caret {
        background-position: -168px 0
    }
    
    #block-panels-mini-product-menu .product-nav-links .menu>li>a {
        color: #fff
    }
    
    .zcol-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
    
    .zcol {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        flex: 0 50%
    }
    
    .head-title {
        font-family: var(--primaryfont-bold);
        margin-bottom: 20px
    }
    
    .zsection {
        padding: 60px 0
    }
    
    a.ext-btn,  a.ext-btn-firefox {
        display: none;
        margin-bottom: 16px;
        padding: 15px 15px 15px 60px;
        text-align: center;
        color: #fff;
        background: #000;
        border-radius: 50px;
        font-size: 18px;
        font-family: var(--primaryfont-semibold);
        position: relative;
    }
    a.ext-btn-firefox{
display: none;
}
.zb-safari a.ext-btn, .zb-safari a.ext-btn-firefox{
    display: inline-block;
    position: relative;
}

    .zb-chrome a.ext-btn {
        display: inline-block;
    }
    .zb-chrome a.ext-btn::before, .zb-safari a.ext-btn::before {
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    left: 15px;
    top: 13px;
    background: url(/sites/zweb/images/otherbrandlogos/chrome-icon.png);
    background-size: 32px;
}
    .zb-firefox .ext-btn-firefox{
            display: inline-block;
    }
 .zb-firefox a.ext-btn-firefox::before, .zb-safari a.ext-btn-firefox::before {
    content: '';
    position: absolute;
    width: 32px;
    height: 33px;
    left: 15px;
    top: 12px;
    background: url(/sites/zweb/images/otherbrandlogos/firefox-icon.svg);
    background-size: 32px;
}
    .hero-wrap {
        color: #fff;
        padding: 120px 0 0;
        border-bottom: 50px solid #fff;
        position:relative;
    }
    .hero-wrap::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(/sites/zweb/images/bluepencil/home/hero-bg.jpg) no-repeat;
        background-size: cover;
        z-index: 0;
        top: -70px;
    }
    
    .hero-wrap > .content-wrap{
        z-index: 1;
    }
    
    .content-txt {
        max-width: 524px;
        margin: 0 0 0 auto
    }
    
    .content-txt p {
        margin-bottom: 45px
    }
    
    .hero-content h1.head-title {
        letter-spacing: -2.7px
    }
    
    .hero-creative {
        padding-top: 50px;
        text-align: center;
        position: relative
    }
    
    .hero-content {
        max-width: 1200px;
        margin: 0 auto
    }
    
    .video-wrap video {
        border-radius: 5px;
        box-shadow: 20px 23px 36px #00000029
    }
    
    section.help-wrap.zsection,
    section.version-wrap.zsection {
        background: #fff
    }
    
    .help-wrap .content-wrap {
        max-width: 1170px
    }
    
    .help-wrap h2.head-title {
        color: #0b0f41;
        letter-spacing: -2.1px
    }
    
    .help-wrap .zcol-wrap {
        padding: 200px 0 0
    }
    
    .help-wrap .zcol-wrap:first-of-type .zcol:nth-of-type(1) {
        padding-top: 150px;
    }
    
    .help-creative {
        width: 100%;
        max-width: 350px;
        background: #fff;
        position: relative;
        box-shadow: 20px 23px 26px #00000012;
        border: 1px solid #70707022;
        border-radius: 5px;
        min-height: 405px;
        margin: 0 auto 0 10%
    }
    
    .help-creative::before {
        position: absolute;
        content: '';
        width: 5px;
        border-radius: 5px;
        min-height: 405px;
        background: #1bb866;
        left: 0
    }
    
    .text-slide {
        position: relative;
        text-align: center;
        padding: 60px 0
    }
    
    
    .text-slide h3.head-title {
        font-size: 20px;
        letter-spacing: -0.4px;
        color: #000;
        margin-bottom: 20px
    }
    
    .text-slide p {
        font-size: 24px;
        max-width: 235px;
        margin: 0 auto;
        line-height: 1.8;
        text-align: center
    }
    
    .text-slide p span {
        position: relative
    }
    
    .text-slide .text-item p span::before {
        content: '';
        position: absolute;
        width: 0;
        height: 4px;
        background: #1ab55f;
        bottom: -3px;
        transition: all .7s cubic-bezier(0, 0, .23, 1);
        transition-delay: 450ms
    }
    
    .middle-animated .text-slide .text-item.slick-slide.slick-current.slick-active p span::before {
        width: 100%
    }
    
    .text-item {
        width: 100%;
        height: 100%;
        position: relative
    }
    
    .text-item img {
        position: absolute;
        left: 39%;
        top: 70%;
        opacity: 0;
        box-shadow: 0 7px 40px #161A4729;
        transition: ease all .5s;
        transition-delay: 300ms
    }
    
    .middle-animated .text-item.slick-slide.slick-current.slick-active img {
        opacity: 1;
        top: 65%
    }
    
    .accdion-wrap {
        max-width: 375px;
        min-height: auto;
        background: #fff;
        box-shadow: 10px 13px 26px #0000001c;
        border-radius: 3px;
        position: absolute;
        bottom: -5%;
        left: -12%;
        width: 100%
    }
    
    .help-caption p {
        font-size: 20px;
        max-width: 487px
    }
    
    .help-wrap h4 {
        font-family: var(--primaryfont-regular);
        font-size: 35px;
        color: #0b0f41;
        max-width: 520px;
        padding-right: 25px;
    }
    
    .txt-creative {
        position: relative;
        width: 100%
    }
    
    .txt-caption {
        position: relative;
        background: #5144e2 url('/sites/zweb/images/bluepencil/home/text-bg.png') no-repeat center center;
        background-size: cover;
        border-radius: 11px;
        padding: 0 25px;
        max-width: 505px;
        min-height: 540px;
        margin: 0 0 0 auto
    }
    
    h3.txt-head {
        font-family: var(--primaryfont-semibold);
        font-size: 45px;
        color: #fff;
        padding-top: 100px;
        letter-spacing: -1.8px
    }
    
    h3.txt-head span {
        position: relative
    }
    
    h3.txt-head span::before {
        content: '';
        position: absolute;
        width: 0;
        height: 4px;
        background: #1ab55f;
        bottom: -3px;
        transition: all .7s cubic-bezier(0, 0, .23, 1);
        transition-delay: 450ms
    }
    
    .top-animated h3.txt-head span::before {
        width: 100%
    }
    
    .txt-creative img {
        position: absolute;
        top: 19%;
        right: -10%;
        transition: ease-in-out .4s;
        transition-delay: 750ms;
        opacity: 0;
    max-width:95%;
    }
    
    ul.social-icon {
        position: relative;
        top: -45px
    }
    
    ul.social-icon li {
        display: inline-block;
        width: 25px;
        height: 25px;
        background: url(/sites/zweb/images/bluepencil/home/sprite-icons.png) no-repeat 0 0;
        background-size: 200px;
        margin-right: 10px
    }
    
    ul.social-icon li:last-child {
        margin-right: 0
    }
    
    .social-icon li:nth-child(1) {
        background-position: 0 -14px
    }
    
    .social-icon li:nth-child(2) {
        background-position: -36px -14px
    }
    
    .social-icon li:nth-child(3) {
        background-position: -75px -14px
    }
    
    .social-icon li:nth-child(4) {
        background-position: -105px -12px;
        background-size: 185px
    }
    
    .editor-wrap {
        background: #161918
    }
    
    .editor-creative {
        position: relative;
        text-align: center;
        max-width: 1100px;
        margin: 0 auto
    }
    
    .infoitem {
        position: relative;
        width: 100%;
        max-width: 1280px;
        overflow: hidden;
        display: none
    }
    
    .infoitem.active {
        display: block
    }
    
    .accdion-wrap {
        text-align: left;
        padding: 20px 0
    }
    
    .faq_item {
        max-width: 340px;
        margin: 0 auto 20px
    }
    
    .faq_item:last-child {
        margin-bottom: 0
    }
    
    .faq_title {
        color: #121111;
        font-family: var(--primaryfont-semibold);
        cursor: pointer;
        font-size: 18px;
        position: relative;
        transition: ease .4s;
        padding: 10px
    }
    
    .faq_title:hover,
    .faq_title.active {
        color: #3023ae;
        background: #ededff
    }
    
    .faq_title span.arrow {
        content: "";
        width: 8px;
        height: 8px;
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        top: 40%;
        right: 10px
    }
    
    .faq_title.active span.arrow {
        top: 12px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }
    
    .faq_details {
        font-size: 18px;
        padding: 5px 0;
        display: none;
        color: #0b0b0b;
        font-family: var(--primaryfont-regular);
        padding: 8px 10px
    }
    
    .faq_title.active .faq_details {
        display: block
    }
    
    .faq_item:first-child .faq_details {
        display: block;
        background: #ededff
    }
    
    .betterimprove-wrap {
        background: #0f534e;
        color: #fff
    }
    
    .betterimprove-wrap .zcol-wrap {
        padding: 60px 0
    }
    
    .zcol-wrap.better-wrap .zcol {
        min-height: 592px
    }
    
    .zcol-wrap.better-wrap .zcol:first-child {
        justify-content: flex-start
    }
    
    .zcol-wrap.better-wrap .zcol:last-child {
        justify-content: flex-end
    }
    
    .zcol-wrap.improved-wrap .zcol {
        min-height: 592px
    }
    
    .zcol-wrap.improved-wrap .zcol:first-child {
        justify-content: flex-end
    }
    
    .zcol-wrap.improved-wrap .zcol:last-child {
        justify-content: flex-start
    }
    
    .better-creative {
        max-width: 549px;
        margin: 0 auto;
        position: relative
    }
    
    p.better-txtcorrection {
        color: #000;
        max-width: 210px;
        font-size: 17px;
        text-align: left;
        position: absolute;
        left: 19%;
        top: 27%;
        line-height: 1.2
    }
    
    p.better-txtcorrection span {
        position: relative
    }
    
    p.better-txtcorrection span::before {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        background: #feb12a;
        bottom: -3px;
        transition: all .7s cubic-bezier(0, 0, .23, 1);
        transition-delay: 250ms
    }
    
    .middle-animated p.better-txtcorrection span::before {
        width: 100%
    }
    
    .better-creative img.textpop {
        position: absolute;
        left: 21.5%;
        top: 20%;
        transition: ease-in-out .5s;
        transition-delay: 850ms;
        opacity: 0
    }
    
    .improved-creative {
        max-width: 650px;
        position: relative
    }
    
    p.improved-txtcorrection {
        color: #000;
        max-width: 221px;
        font-size: 21px;
        text-align: left;
        position: absolute;
        right: 10.5%;
        top: 29%;
        line-height: 1.2;
        letter-spacing: -0.63px;
        font-family: var(--primaryfont-semibold)
    }
    
    p.improved-txtcorrection span {
        position: relative
    }
    
    p.improved-txtcorrection span.line1::before,
    p.improved-txtcorrection span.line2::before {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        background: #feb12a;
        bottom: -3px;
        transition: all .7s cubic-bezier(0, 0, .23, 1);
        transition-delay: 550ms
    }
    
    p.improved-txtcorrection span.line2::before {
        transition-delay: 950ms
    }
    
    .top-animated p.improved-txtcorrection span.line1::before,
    .top-animated p.improved-txtcorrection span.line2::before {
        width: 100%
    }
    
    .improved-creative img.textpop {
        position: absolute;
        right: -32.5%;
        top: 35%;
        transition: ease-in-out .5s;
        transition-delay: 1s;
        opacity: 0
    }

   .i18n-pt-br .improved-creative img.textpop{
    right: -22.5%;
}
    
    .version-wrap h2.head-title {
        color: #0b0f41;
        letter-spacing: -1.6px;
        max-width: 866px;
        margin: 0 auto 100px;
        text-align: center;
        line-height: 1.1
    }
    
    .features-table {
        overflow-x: auto;
        margin-bottom: 32px;
    }
    
    .features-table ul li {
        display: flex;
        flex-direction: row;
        position: relative
    }
    
    .features-table ul li:first-child {
        border-bottom: 0
    }
    
    .features-table ul li {
        border-bottom: 1px solid #e0e0e0
    }
    
    .features-table ul li.fea-head {
        transition: ease all .5s
    }
    
    .features-table ul li.fea-head span {
        font-family: var(--primaryfont-bold);
        font-size: 18px
    }
    
    .features-table ul li.fea-head span {
        padding: 40px 3px;
    }
    
    .features-table ul li span {
        font-size: 20px;
        text-align: center;
        color: #1f1f1f;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        padding: 15px 0 5px
    }
    
    .features-table ul li span i {
        width: 22px;
        height: 22px;
        background: url('/sites/zweb/images/bluepencil/home/feature-icon.svg') no-repeat 0px 0px
    }
    
    .features-table ul li span i.yes {
        background-position: 0 -15px
    }
    
    .features-table ul li span i.no {
        background-position: -24px -15px
    }
    
    .features-table ul li span:first-child {
        text-align: left;
        align-items: flex-start
    }
    
    .features-table ul li.fea-head span em {
        color: #818181;
        max-width: 240px;
        margin: 20px auto 0;
        font-size: 15px;
        font-family: var(--primaryfont-regular);
        font-style: normal
    }
    
    .features-table ul li.fea-head span em.team-txt {
        max-width: 290px
    }
    
    .features-table ul li span.premium {
        background: #fafafa;
        position: relative
    }
    
    .features-table ul li.fea-head span.premium::before {
        position: absolute;
        content: 'Most Popular';
        left: 0;
        top: -29px;
        width: 100%;
        padding: 5px 0;
        color: #fff;
        background: #0f534e;
        font-size: 13px;
        font-family: var(--primaryfont-semibold)
    }
    
    .features-table ul li:nth-child(6) span {
        padding-top: 40px;
        justify-content: flex-end;
        padding-bottom: 12px
    }
    
    .features-table ul {
        width: 1200px;
        margin: 0 auto;
        overflow-x: scroll
    }
    
    .getstarted {
        text-align: center;
        background: #fff url(/sites/zweb/images/bluepencil/home/footer-bg.png) no-repeat center;
        background-size: 1100px
    }
    
    .getstarted h2.head-title {
        font-family: var(--primaryfont-semibold);
        max-width: 480px;
        margin: 0 auto 50px;
        color: #0b0f41;
        line-height: 1.1
    }
    
    .getstarted a.ext-btn {
        display: none;
    }
    .getstarted a.ext-btn-firefox {
        display: none;
    }
    .zb-safari .getstarted a.ext-btn, .zb-safari .getstarted a.ext-btn-firefox{
        display: inline-block;
    }
    .zb-chrome .getstarted a.ext-btn {
        background: #3f33d0;
        display: inline-block;
    }
     .zb-firefox .getstarted a.ext-btn-firefox {
        background: #3f33d0;
        display: inline-block;
    }
    .menu-icon-help-header .product-title a,
    .product-header-top .product-title a {
        font-size: 20px;
        font-family: var(--primaryfont-semibold)
    }
    
    .menu-icon-help-header .product-title a,
    .product-header-top .product-title a span {
        font-size: 15px;
        font-family: var(--primaryfont-regular)
    }
.menu>li.zmenu-whywriter, .menu>li.zmenu-apps, .menu>li.zmenu-resources {
    display: none;
}
   .also-firefox, .also-chrome {
    display: none;
}

.zb-chrome .also-firefox, .zb-firefox .also-chrome {
    display: inline-flex;
    align-items: center;
    /* margin: 0 0 0 20px; */
}
.zb-chrome .getstarted .also-firefox, .zb-firefox .getstarted .also-chrome {
    display: flex;
    justify-content: center;
    margin: 10px 0 0 0;
}
.also-available-btn img {
    max-width: 30px;
    height: auto;
}
/* .also-available-btn {margin: 10px 0;} */

.also-available-btn a {
    margin: 0 10px;
} 
.zw-promo-top{
display: none;
}

.i18n-es-xl .features-table ul li .premium span.zpricegroup-common, .i18n-es-xl  .features-table ul li .free span.zpricegroup-common,.i18n-pt-br .features-table ul li .premium span.zpricegroup-common, .i18n-pt-br  .features-table ul li .free span.zpricegroup-common {
    padding: 9px 0 0;
}
.other-lang .features-table ul li.fea-head span em {
    font-size: 14px;
}
.other-lang .zb-chrome a.ext-btn {
    padding: 15px 25px;
}
    @media(min-width:992px) {
        a.ext-btn,  a.ext-btn-firefox {
            margin-right: 16px;
        }
        .zb-safari a.ext-btn{
            margin-right: 16px;
        }
        .hero-content .zcol-wrap{
            justify-content: space-between;
            gap: 16px;
            align-items: flex-start;
        }
        .hero-content .zcol-wrap .zcol{
            flex: 0 48%;
        }
        .zcol.zcol-8 {
            flex: 0 53.7%
        }
    
        .zcol.zcol-4 {
            flex: 0 46.3%
        }
    
        h1.head-title {
            font-size: 74px;
            line-height: 84px
        }
        .i18n-fr h1.head-title {
             max-width:485px;
        }
    
        .betterimprove-wrap h2.head-title,
        .help-wrap h2.head-title {
            font-size: 70px
        }
    
        h2.head-title {
            font-size: 80px
        }
    
        h3.head-title {
            font-size: 32px
        }
    
        .hero-wrap {
            height: 1000px
        }
    
        .hero-content p {
            font-size: 24px;
            letter-spacing: -0.46px
        }
    
        .zsection {
            padding: 120px 0
        }
    
        .top-animated .txt-creative img {
            opacity: 1;
            top: 23%
        }
    
        .getstarted h2.head-title {
            font-size: 80px;
            letter-spacing: -5.6px;
        }
    
        section.getstarted.zsection {
            padding: 35px 0 120px
        }
    
        .betterimprove-wrap .content-wrap {
            max-width: 1165px
        }
    
        .better-caption {
            max-width: 445px
        }
    
        .better-caption p,
        .improved-caption p {
            font-size: 20px
        }
    
        .improved-caption {
            max-width: 425px;
            margin: 0 0 0 auto
        }
    
        .middle-animated .better-creative img.textpop {
            opacity: 1;
            top: 21%
        }
    
        .top-animated .improved-creative img.textpop {
            opacity: 1;
            top: 39%
        }
    
        .video-wrap {
            max-width: 1200px;
            margin: 0 auto
        }
        .text-slide .slick-list {
            overflow: inherit
        }
 .other-lang .betterimprove-wrap h2.head-title, .other-lang .help-wrap h2.head-title {
        font-size: 60px;
    }
    }
    
    @media(max-width:1280px) {
        h1.head-title {
            font-size: 60px;
            line-height: 70px
        }
    .i18n-fr h1.head-title {
             max-width:450px;
        }
        .hero-wrap {
            height: 800px;
            border-bottom: 0
        }
    
        .hero-content {
            margin: 0 auto 50px
        }
    
        .hero-content p {
            font-size: 18px
        }
    
        a.ext-btn {
            font-size: 18px
        }
     a.ext-btn-firefox {
            font-size: 18px
        }
        .hero-creative {
            padding-top: 0
        }
    
        .help-wrap .content-wrap {
            max-width: 1280px
        }
    
    /*.txt-creative img {
        right: 0%;
        max-width: 82%;    
    }*/
    
        /* .content-txt {
            max-width: 500px;
            margin: 0 auto;
            padding-left: 30px
        } */
    
        .betterimprove-wrap h2.head-title,
        .help-wrap h2.head-title {
            font-size: 58px;
            line-height: 58px
        }
    
        .help-caption {
            padding-left: 45px
        }
    
        .help-caption p {
            font-size: 18px
        }
    
        .accdion-wrap {
            left: -30px
        }
    }
    
    @media(max-width:1199px) {
        .help-creative::before {
            position: absolute;
            content: '';
            width: 100%;
            border-radius: 5px;
            min-height: 405px;
            background: #fff;
            left: 0;
            border-left: 5px solid #1bb866;
            box-shadow: 20px 23px 26px #00000012;
        }
        .help-creative {
            max-width: 355px;
            min-height: 450px;
            box-shadow: none;
            border: 0;
            margin: 0 auto 12px;
        }
        .text-slide {
            overflow: hidden;
            padding-bottom: 0;
        }
        .slick-list {
            overflow: inherit;
            min-height: 445px;
        }
        .text-item img {
            left: 5%;
        }
        .help-wrap  .content-wrap {
            width: 90%;
        }
    }
    @media(max-width:991px) {
        .content-txt {
            margin: 0 auto;
        }
.zb-chrome .also-firefox, .zb-firefox .also-chrome{        
    justify-content: center;
    display: flex;
}
        .main-container.blog {
            background: #372cb1 url(/sites/zweb/images/bluepencil/home/hero-bg.jpg) no-repeat;
            background-size: 1500px;
        }
    
        .zcol-inverse {
            flex-direction: column-reverse
        }
    
        .help-wrap .content-wrap {
            width: 100%;
            max-width: auto
        }
        .help-wrap .zcol-wrap:first-of-type .zcol:nth-of-type(1) {
            padding-top: 80px;
        }
        .zcol,
        .zcol.zcol-8,
        .zcol.zcol-4 {
            flex: 0 100%;
            align-items: center;
            padding: 0
        }
    
        .hero-content {
            text-align: center
        }
        
    
        h1.head-title {
            font-size: 52px;
            line-height: 52px
        }
    
        .hero-wrap {
            height: 100%;
            padding: 60px 0 0
        }
    
        .hero-creative {
            padding-top: 0
        }
    
        .help-wrap .zcol-wrap {
            padding: 0
        }
    
        .help-caption,
        .content-txt {
            max-width: 650px;
            text-align: center;
            padding: 0 15px;
        }
    
        .betterimprove-wrap h2.head-title,
        .help-wrap h2.head-title,
        .version-wrap h2.head-title,
        .getstarted h2.head-title {
            font-size: 46px;
            line-height: 46px
        }
    
        .help-caption p {
            margin: 0 auto
        }
        .help-caption h2{
            max-width: 360px;
            margin: 50px auto 24px;
        }
        .help-creative {
            margin: 0 auto 12px
        }
    
        .help-wrap h4 {
            text-align: center;
            margin-bottom: 45px;
            font-size: 25px;
            margin-top: 50px;
            padding-right: 0;
        }
    
        .txt-caption {
            margin: 0 auto;
            min-height: 500px
        }
    
        h3.txt-head {
            font-size: 36px;
            padding-top: 60px
        }
    
        .txt-creative img {
            max-width: 500px;
            top: 15%;
            right: 20%;
            opacity: 1
        }
    
        .editinfo-wrap,
        p.improved-txtcorrection,
        .improved-creative img.textpop {
            display: none
        }
    
        .accdion-wrap {
            max-width: 550px;
            position: relative;
            bottom: inherit;
            left: inherit;
            width: 100%;
            margin: 0 auto
        }
    
        .faq_item {
            max-width: 455px;
            padding: 0 25px
        }
    
        .better-caption,
        .improved-caption {
            text-align: center;
            max-width: 550px;
            margin-bottom: 30px
        }
    
        .zcol-wrap.better-wrap .zcol,
        .zcol-wrap.improved-wrap .zcol {
            min-height: auto
        }
    
        .betterimprove-wrap .zcol-wrap {
            padding: 0 0 60px
        }
    
        .improved-wrap.zcol-inverse {
            padding-bottom: 0
        }
    
        .better-creative img.textpop {
            opacity: 1;
            left: 21.5%;
            top: 22%
        }
        .text-slide{
            overflow: hidden;
        }
        .text-item img{
            left: 5%;
        }
        .slick-list {
            overflow: inherit;
            min-height: 445px;
        }
        .help-creative::before {
            position: absolute;
            content: '';
            width: 100%;
            border-radius: 5px;
            min-height: 405px;
            background: #fff;
            left: 0;
            border-left: 5px solid #1bb866;
            box-shadow: 20px 23px 26px #00000012;
        }
        .help-creative{
            max-width: 355px;
            min-height: 450px;
            box-shadow: none;
            border: none;
        }
        .text-slide{
            padding-bottom: 0;
        }
        .help-wrap  .content-wrap {
            width: 90%;
        }
       
    }
    
    @media(max-width:767px) {
        .help-wrap h4 {
            font-size: 24px
        }
        .content-txt p{
            margin-bottom: 24px;
        }
        .zb-chrome a.ext-btn{
            font-size: 18px;
        }
     .zb-firefox a.ext-btn{
            font-size: 18px;
            margin-bottom: 24px;
        }
        .txt-caption {
            min-height: 400px
        }
    
        .txt-creative img {
            max-width: 80%;
            top: 20%;
            right: 5%
        }
    
        .betterimprove-wrap h2.head-title,
        .help-wrap h2.head-title,
        .version-wrap h2.head-title,
        .getstarted h2.head-title {
            font-size: 38px;
            line-height: 38px
        }
    
        .zw-product-header .product-title a {
            background-position: 0 10px;
        }
        
    
        p.better-txtcorrection {
            max-width: 210px;
            font-size: 15px;
        }
    
        .text-item img {
            left: 18%;
        }
    
        .getstarted {
            background-size: 100%;
        }
    }
    
    @media(max-width:560px) {
        .version-wrap h2.head-title{
            margin: 0 auto 30px
        }
        .features-table ul{
            width: 1100px;
        }
    }
    @media(max-width:480px) {
        h1.head-title {
            font-size: 38px;
            line-height: 38px
        }
    
        .hero-content {
            margin: 0 auto 10px
        }
    
        .help-wrap h4 {
            font-size: 18px;
            padding: 0 15px;
        }
    
        .betterimprove-wrap h2.head-title,
        .help-wrap h2.head-title,
        .version-wrap h2.head-title,
        .getstarted h2.head-title {
            font-size: 32px;
            line-height: 32px
        }
    
        .text-item img {
            left: 10%;
            width: 285px;
        }
    
        .txt-caption {
            min-height: 300px
        }
    
        .txt-creative img {
            max-width: 100%;
            top: 26%;
            right: 0
        }
    
        .better-creative img.textpop {
            left: 6.5%;
            top: 22%
        }
    
        .txt-caption {
            margin: 0 15px;
        }
    
        p.better-txtcorrection {
            max-width: 175px;
            font-size: 14px;
        }
    
        .features-table ul li span {
            font-size: 18px;
        }
    }
   
    .zbuy-now {
        display: none;
    }
    
    .umain .zbuy-now {
        display: block;
    }
    
    .umain .ztry-now {
        display: none;
    }
    .zbuy-now,.ztry-now{
            color: #fff;
            background: #f0483e;
            font-family: var(--zf-primary-semibold);
            font-size: 14px;
            padding: 10px 35px;
            line-height: 25px;
            text-transform: uppercase;
    }
    .features-table ul li.fea-head span.zcurrency-symbol-common {
    padding: 0;
        display: inline-block;
        width: auto;
        font-size: 30px;
        position: relative;
        top: -3px;
    }
    
    .features-table ul li.fea-head span.z-price-text-common {
        padding: 0;
        font-size: 36px;
        display: inline-block;
        width: auto;
    }
    .features-table ul li span.zpricegroup-common {
    display: inline;
        padding: 0;
        position: relative;
        top: 5px;
    }
.features-table ul li span.zpricegroup-text {
      font-family: var(--secondaryfont-regular);
    padding: 8px 0;
font-size: 16px;
}
    .features-table ul li.fea-head span.zstarts {
        display: block;
        font-family: var(--secondaryfont-regular);
        padding: 10px 0 0px;
    }
    .features-table ul li .premium span.zpricegroup-common,.features-table ul li .free span.zpricegroup-common {
    padding: 32px 0 0px;
    }
    section.version-wrap > .content-wrap {
        text-align: center;
    }
    .features-table ul li b {
        font-family: var(--primaryfont-semibold);
    }
    @media(max-width:991px){
         .features-table ul li.fea-head span.zcurrency-symbol-common, .features-table ul li.fea-head span.z-price-text-common{
                font-size: 24px;
        }
        .zb-safari a.ext-btn, .zb-safari a.ext-btn-firefox, .zb-safari .getstarted a.ext-btn, .zb-safari .getstarted a.ext-btn-firefox {
             display: inline-block;
            position: relative;
            max-width: fit-content;
            margin: 0 8px;
        }
      
    }
    @media(max-width:767px){
        .zb-safari a.ext-btn, .zb-safari a.ext-btn-firefox, .zb-safari .getstarted a.ext-btn, .zb-safari .getstarted a.ext-btn-firefox {
        display: flex;
        position: relative;
        max-width: fit-content;
        margin: 0 auto 16px;
    }
    }