.content-wrap .product-block .zpricegroup {
    display: none;
}
#zplan1 .zpricegroup {
    margin: 15px 0;
}
.pricing-header {
    padding-top: 20px;
}

.product-block .plan-name {
    text-transform: none;
    font-size: 20px;
}

.zcomp a {
    font-family: var(--secondaryfont-semibold);
    font-size: 22px;
    text-decoration: underline;
}

.zcomp {
    text-align: center;
}

.content-wrap .product-block .zpricegroup.zshow {
    display: block;
}

.pricing-tab>span.monthly,
.pricing-tab>span.yearly {
    color: #858585;
}

.pricing-tab>span.active.monthly,
.pricing-tab>span.active.yearly {
    color: #000;
}

.parallel-test {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(/sites/zweb/images/commonroot/select-dropdown.png) no-repeat scroll right center;
    border: 1px solid #afafaf;
    border-radius: 0;
    color: #333;
    cursor: pointer;
    float: none;
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 15px auto 0;
    padding: 6px 45px 6px 15px;
    max-width: 140px;
    width: 100%;
}

.pricing-header {
    /* color: #fff; */
}

.pricing-header h1 {
    font-size: 52px;
}

body:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 795px;
    left: 0;
    top: 0;
    background: var(--zqe-light-green-bg);
}



.black-theme .footer-sec-wrap,
.black-theme .footer-sec-wrap.two-column .promo-section-wrap,
.black-theme .footer-sec-wrap a {
    background: #fff;
}

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

.black-theme .ZF-support {
    background: #fff;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.black-theme .footer-search .footer-search-btn {
    background: #f7f7f7;
    border-color: #dfdfdf;
}

.black-theme .footer-search .footer-search-btn span {
    background: #f7f7f7 url(/sites/zweb/images/commonroot/help-new-sprite.png) no-repeat -5px -5px/auto 40px;
}

.black-theme .common-links .ZPprivacy li a,
.black-theme .ZPprivacy+p {
    color: #000;
}

.pricing-faq ul li {
    border: 1px solid #ebebeb;
    transition: all .5s ease;
    border-radius: 5px;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.pricing-faq ul li h3 {
    font-size: 20px;
    margin: auto;
    padding-right: 50px;
}

.pricing-faq ul li.zactive h3 {
    color: var(--zqe-green-bg);
    margin-bottom: 15px;
}

.pricing-faq ul li.zactive {
    border-color: var(--zqe-green-bg);
}
.pricing-tab>span.ztoggle-slide{
    border-color: var(--zqe-green-bg);
}
.pricing-tab>span.ztoggle-slide em.toggle-btn {
    background: var(--zqe-green-bg);
}

.pricing-faq .arrow::after,
.pricing-faq .arrow::before {
    content: '';
    position: absolute;
    display: block;
    right: -9px;
    width: 12px;
    height: 2px;
    background: #000;
    border-radius: 2px;
    transition: all .5s;
    border: 0;
    box-sizing: border-box;
}

.pricing-faq .zactive .arrow::after,
.pricing-faq .zactive .arrow::before {
    background: var(--zqe-green-bg)
}

.pricing-faq .arrow::before {
    top: 5px;
    right: 1px
}

.pricing-faq .arrow::after {
    right: inherit;
    left: 7px;
    transform: rotate(90deg);
    top: 5px
}

.pricing-faq .zactive span.arrow:before {
    transform: rotate(-90deg)
}

.pricing-faq span.arrow {
    position: absolute;
    right: -20px;
    top: 15px;
    width: 20px;
    height: 15px;
    transition: all .5s ease;
    transform: translate(-50%, -50%) rotate(-90deg)
}

.pricing-faq li.zactive h3 .arrow {
    transform: translate(-50%, -50%) rotate(-90deg);
    transform-origin: unset;
    top: 15px;
}

.pricing-faq ul li p:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 1300px) {
    .pricing-header h1 {
        font-size: 46px;
        max-width: 720px;
        margin: 0 auto 15px;
    }
}

@media only screen and (max-width: 1100px) {
    .pricing-header h1 {
        font-size: 40px;
        max-width: 620px;
    }
}

@media only screen and (max-width: 991px) {
    .pricing-header h1 {
        font-size: 36px;
    }
.product-block .price span {
    font-size: 42px;
}

.product-block .price span:first-child {
    font-size: 22px;
}
.ccode-id .product-block .price span{
        font-size: 32px;
}
}

@media only screen and (max-width: 767px) {
    .pricing-header h1 {
        font-size: 32px;
        max-width: 520px;
    }

    .pricing-faq ul li h3 {
        padding-right: 40px;
    }
#zplan1 .zpricegroup {
    margin: 0 0 10px;
}
.product-block#zplan1 span.detail .zprice-empty{
display:none;
}
    .pricing-faq ul li,
    .pricing-faq ul li:nth-child(2n+2) {
        padding: 20px !important;
    }
}

@media only screen and (max-width: 480px) {
    .pricing-header h1 {
        font-size: 26px;
        max-width: 520px;
    }
}