.zwc_frame {
    display: none
}

.product-block#zplan1 span.detail {
    min-height: 56px
}


.changePriceContainer span {
    color: #fff;
    opacity: .3;
    border-bottom: 2px solid #fff
}

.changePriceContainer .action {
    color: #fff;
    opacity: 1;
    border-bottom: 2px solid #fff
}

.pricing-header h1 {
    font-size: 52px;
    font-family: var(--zf-primary-extrabold);
    color: #fff
}

#mini-panel-product_menu .expanded.dropdown .caret {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.feature-box ul li:before,.highlighted-box p:before {
    width: 26px;
    height: 26px;
    margin: 0 auto;
    left: 0;
    top: -2px;
    bottom: 0;
    border-radius: 100%;
    background: url("/sites/zweb/images/shifts/tick.png");
    background-size: 26px auto;
    background-repeat: no-repeat
}

.feature-box ul li {
    padding-left: 35px;
    margin-bottom: 20px
}

.pricing-header h3 {
    font-size: 26px
}

.pricing-wrap.pricing-box-3 .content-wrap,.block-box-3.content-wrap {
    max-width: 1070px
}

.license-box p {
    text-align: right;
    margin-bottom: 0;
    font-size: 13px
}

#mini-panel-product_menu .product-nav-links .menu>li>a {
    padding-bottom: 5px
}

.product-block span.detail>span:last-child {
    padding: 8px 0 0
}

.pricing-tab-wrap.no-ct {
    width: 100%;
    text-align: center
}

.footer-sec-wrap {
    display: none
}

.yearly>em {
    background-color: #feda68;
    display: inline-block;
    font-style: inherit;
    font-size: 14px;
    color: #000;
    line-height: 1;
    padding: 6px 8px;
    border: 1px solid #e19c01;
    border-radius: 6px;
    font-family: var(--zf-primary-bold);
    margin-left: 15px;
    position: relative
}

.yearly>em::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #e19c01 transparent transparent;
    left: -8.5px;
    top: 50%;
    margin-top: -6px
}

.yearly>em::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #feda68 transparent transparent;
    left: -7px;
    top: 50%;
    margin-top: -6px
}

.zsave-star,.zsave-star:after {
    position: absolute;
    width: 8px;
    height: 1px;
    background: #ff7810;
    left: -7px;
    top: -6px
}

.zsave-star:after {
    content: "";
    left: 0;
    top: 0;
    transform: rotate(90deg)
}

.zsave-star1,.zsave-star1:after {
    position: absolute;
    width: 8px;
    height: 1px;
    background: #ff7810;
    bottom: -6px;
    right: -7px;
    top: auto;
    left: auto
}

.zsave-star1:after {
    content: "";
    left: 0;
    top: 0;
    transform: rotate(90deg)
}

.other-lang .yearly>em {
    display: none !important
}

.node-type-product-pricing-2-0.lang-ar .product-block span.detail>span:nth-child(2)>div {
    text-align: center
}

.pricing-wrap .content-wrap.license-box {
    margin-top: 5px
}

.pricing-wrap.pricing-box-3 .content-wrap .product-block {
    width: 31.33%;
    -webkit-box-shadow: 0 33px 86px #00000019;
    -moz-box-shadow: 0 33px 86px #00000019;
    box-shadow: 0 33px 86px #00000019;
    border-radius: 20px;
    margin-right: 3%
}

.pricing-wrap.pricing-box-3 .content-wrap .product-block:last-child {
    margin-right: 0
}

.pricing-wrap .content-wrap {
    overflow: visible;
    margin-top: 40px
}

div#zplan3 {
    background: #fff4e8
}

.pricing-wrap .content-wrap .product-block#zplan3 .main-box {
    border-bottom: 1px solid #eadcc9
}
.pricing-wrap .content-wrap .product-block .zmost-popular {
    width: max-content;
    color: #000;
    background: #ffbe7a;
    right: 0;
    margin: auto;
    padding: 0 15px;
}
.product-block .plan-name {
    /* font-size:26px; */
    /* margin-bottom:0; */
    /* color:#000; */
    /* padding:30px 0; */
    /* border-radius:20px 20px 0 0; */
    /* background:#e5e5e5; */
    /* font-family:var(--secondaryfont-bold); */
    /* margin-bottom:30px; */
}

body:before {
    background: #051622;
    height: 870px;
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 100%
}

.pricing-header h3,#mini-panel-product_menu .menu-icon-help-header .product-title a,#mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a,#mini-panel-product_menu .product-nav-links .menu>li>a,#mini-panel-product_menu .product-nav-links .menu li {
    color: #fff
}

.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a.active,.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li span.active,.main-container-wrapper .product-header-top #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a.active,.main-container-wrapper .product-header-top #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li span.active,.product-nav-links .menu li a.active,.product-nav-links .menu li span.active {
    box-shadow: 0 -2px 0 #fff inset
}

.pricing-tab>span.active.monthly,.pricing-tab>span.active.yearly {
    color: #2396f1
}

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

.pricing-wrap .ztax-container.content-wrap {
    padding-top: 20px
}

h3 .arrow::after {
    border-top: 6px solid #f2f2f2
}

.pricing-header {
    margin-top: 80px
}

.sprite-png,.pricing-wrap:before {
    position: absolute;
    content: "";
    background: url("/sites/zweb/images/shifts/pricing-cloud.png");
    width: 150px;
    height: 67px;
    display: inline-block;
    background-size: 130px;
    background-position: 0,0;
    background-repeat: no-repeat
}

.cloud1.sprite-png {
    left: -24%;
    top: 40%;
    background-size: 170px;
    animation: cloud1 15s linear 1s infinite
}

.cloud2.sprite-png {
    right: 0;
    top: -30%;
    width: 220px;
    background-size: 220px;
    animation: cloud2 25s linear 1s infinite
}

.pricing-wrap:before {
    right: 3%;
    top: 22%;
    animation: cloud3 15s linear 1s infinite
}

@-webkit-keyframes cloud1 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(80px,-14px);
        transform: translate(80px,-14px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes cloud2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(150px,-30px);
        transform: translate(150px,-30px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes cloud3 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(-80px,-14px);
        transform: translate(-80px,-14px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.pricing-wrap .content-wrap .product-block .main-box {
    /* padding:0 0 40px; */
}

.pricing-header h3>span {
    color: #03a59a
}

.product-block#zplan3 .plan-name {
    /* background:#f4e3d1; */
}

.product-block span.detail .ztogglegroup1,.product-block span.detail .ztogglegroup3 {
    color: #1f1131;
    font-family: var(--secondaryfont-semibold)
}

.product-block span.detail span {
    font-size: 16px;
    font-family: var(--zf-secondary-medium);
    max-width: 300px;
    margin: 0 auto
}

.pricing-wrap .content-wrap .product-block a.getstart-plan,.pricing-wrap .content-wrap .product-block a.trynow-plan {
    background: transparent;
    border: 1px solid #ea3538;
    color: #ea3538;
    padding:10px 35px;
letter-spacing: 0.5px;
}
.pricing-wrap .content-wrap .product-block.most-popular-plan a.getstart-plan, .pricing-wrap .content-wrap .product-block.most-popular-plan a.trynow-plan{
        color: #fff;
}

.pricing-wrap .content-wrap .product-block .highlighted-box,.pricing-wrap .content-wrap .product-block .feature-box {
    padding: 40px 40px
}

.product-block .feature-box h3 {
    color: #1f1131;
    font-family: var(--secondaryfont-bold);
    font-size: 16px
}

.zw-template-inner .pricing-faq .content-wrap {
    background: #f2f2f2;
    padding: 120px;
    border-radius: 30px;
    max-width: 1000px;
    box-sizing: border-box
}

.pricing-faq h2 {
    font-family: var(--zf-secondary-extrabold);
    font-size: 42px
}

.pricing-faq h2:after {
    display: none
}

.pricing-faq ul li {
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 0
}

.pricing-faq ul li h3 {
    font-family: var(--secondaryfont-bold)
}

.pricing-faq a {
    color: #1a7df8
}
@media only screen and (max-width: 1400px) {
.zw-template-inner {
    overflow: hidden;
}
}
@media only screen and (max-width: 1100px) {
    .pricing-header h1 {
        font-size:46px
    }

    .pricing-faq h2 {
        font-size: 40px
    }

    .cloud1.sprite-png {
        left: -1%
    }

    .cloud2.sprite-png {
        right: 15%
    }

    .pricing-wrap:before {
        display: none
    }

    .pricing-header h3 {
        font-size: 22px
    }

    .pricing-header {
        margin-top: 60px
    }
}

@media only screen and (max-width: 991px) {
    .pricing-header h1 {
        font-size:42px
    }

    .pricing-faq h2 {
        font-size: 36px
    }


    .product-block .price span {
        font-size: 42px
    }

    .product-block .price span:first-child {
        top: -12px;
        font-size: 24px
    }

    .cloud2.sprite-png {
        background-size: 170px
    }

    .cloud1.sprite-png {
        background-size: 140px
    }

    .pricing-header {
        margin-top: 50px
    }

    .zw-template-inner .pricing-faq .content-wrap {
        padding: 70px
    }

    .pricing-wrap .content-wrap .product-block .highlighted-box,.pricing-wrap .content-wrap .product-block .feature-box {
        padding: 40px 20px
    }

    .pricing-wrap.pricing-box-3 .content-wrap .product-block {
        width: 32%;
        margin-right: 2%
    }

    .pricing-wrap .content-wrap .product-block a.getstart-plan,.pricing-wrap .content-wrap .product-block a.trynow-plan {
        font-size: 12px
    }

}

@media only screen and (max-width: 767px) {
    .pricing-tab>span {
        width:auto
    }
body:before {
    height: 700px;
}
    .product-block#zplan1 span.detail {
        display: none
    }

    .pricing-faq h2 {
        font-size: 28px;
        margin-bottom: 30px
    }

    .zw-template-inner .pricing-faq .content-wrap {
        padding: 40px
    }

    .pricing-wrap.pricing-box-3 .content-wrap .product-block {
        width: 100%
    }

    .pricing-wrap.pricing-box-3 .content-wrap .product-block {
        margin-right: auto
    }

    .pricing-wrap .content-wrap .product-block#zplan3 .main-box {
        border-bottom: 0
    }

    .pricing-wrap .content-wrap.license-box {
        padding-top: 5px
    }

    .license-box p {
        text-align: center
    }

    .pricing-tab>span,.pricing-tab>span.ztoggle-slide {
        display: inline-block !important
    }

    .zmobile-mon-yearly-container {
        display: none
    }

    .pricing-header h1 {
        font-size: 36px
    }

    .pricing-header h3 {
        font-size: 20px
    }

    .cloud2.sprite-png {
        right: 24%;
        width: 130px;
        background-size: 140px
    }

    .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
    }

    .main-container-wrapper:before {
        height: 535px
    }

    .pricing-faq ul li,.pricing-faq ul li:nth-child(2n+2) {
        margin-bottom: 20px !important
    }

    .pricing-faq ul li p,.pricing-faq ul li .faq-list {
        margin-bottom: 0
    }

    .pricing-faq ul li {
        padding-top: 20px
    }

    .pricing-faq ul li,.pricing-faq ul li:nth-child(2n+2) {
        border-bottom: 1px solid #dbdbdb
    }

    .pricing-wrap .content-wrap .product-block a.getstart-plan,.pricing-wrap .content-wrap .product-block a.trynow-plan {
        width: auto;
        font-size: 13px
    }

    .pricing-wrap.pricing-box-3 .content-wrap .product-block:last-child {
        margin-right: auto
    }
}

@media only screen and (max-width: 480px) {
    .pricing-tab-wrap {
        width:100%;
        text-align: center
    }

    .pricing-header h1 {
        font-size: 34px
    }

    .pricing-header h3 {
        font-size: 18px
    }

    .zw-template-inner .pricing-faq .content-wrap {
        padding: 30px
    }

    .no-ct .yearly>em {
        position: relative;
        margin-left: 15px;
        top: 0
    }

    .no-ct .yearly>em::after {
        transform: rotate(0);
        left: -7px;
        top: 50%;
        right: auto
    }

    .no-ct .yearly>em::before {
        transform: rotate(0);
        left: -8.5px;
        top: 50%;
        right: auto
    }

    .pricing-tab-wrap {
        margin-bottom: 35px
    }

    .no-ct.pricing-tab-wrap {
        margin-bottom: 15px;
        margin-top: 15px
    }

    .yearly>em {
        position: relative;
        border: 0;
        padding: 0;
        border-radius: 0;
        width: auto
    }

    .yearly>em::before,.yearly>em::after {
        display: none
    }
}