.zw-product-header {
    background: #fff0e5
}
.pricing-form-page {
    position: relative;
    background: #fff1e5;
    width: 100%;
    padding: 70px 0 100px 0
}
.body-umain .signup-box {
    display: block !important
}
.zw-template-inner {
    background: #fff0e4
}
.pricing-form-page h2,
.pricing-form-page h2 a {
    font: 30px/1.4 var(--secondaryfont-bold);
    margin-bottom: 0;
    color: #fff;
    text-decoration: none
}

.pricing-form-page h3 {
    font: 16px/1.6 var(--zf-primary-semibold);
    margin: 22px 0 7px;
    color: #000;
    text-transform: uppercase
}

.pricing-form-page h3:first-child {
    margin-top: 0
}

.pricing-section {
    display: flex;
    max-width: 1100px;
    margin: 0 auto
}

.section-1 {
    width: 50%;
    padding-right: 5%
}

.section-2 {
    width: 50%;
}
.form-section-1 {
    position: sticky;
    top: 120px;
    display: block;
    margin-top: 60px
}

.pricing-form-page .form-section-1 p {
    line-height: 32px;
    font-size: 23px
}

.pricing-form-page picture {
    max-width: 100%;
    display: inherit
}

.pricing-form-section {
    width: 100%;
    height: 73vh;
    margin: auto;
    display: flex;
    flex-wrap: wrap
}

.section-1 .bottom-section,
.section-2 .bottom-section {
    background: #1c1d1e;
    z-index: 1;
    position: relative
}

.section-1 .bottom-section::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #1c1d1e;
    position: absolute;
    right: -100%;
    top: 0
}

.bottom-section p {
    margin-bottom: 7.5px
}

.bottom-section .form-section-1,
.bottom-section .form-section-2 {
    background: 0
}

.bottom-section .title-box {
    width: 100%;
    max-width: 475px;
    margin: 0 60px 0 auto;
    padding: 60px 0;
    color: #fff
}

.form-section-title-box {
    width: 100%;
    max-width: 475px
}

.pattern-box {
    display: none;
    position: fixed;
    top: 135px;
    right: 50%;
    transition: all .3s linear
}

.bg_lazy_loaded .pattern {
    background: url("/sites/zweb/images/social/plus-pattern-bg-yellow.svg");
    background-size: 15px 15px
}

.pattern {
    width: 340px;
    height: 340px;
    position: absolute;
    z-index: 0;
    left: 0;
    top: -10px
}

.pattern-box.deactive {
    position: absolute
}

.form-container {
    max-width: 500px;
    background: #fff;
    z-index: 1;
    height: max-content;
    padding: 25px 30px 30px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #f1cea2;
    box-shadow: 0 0 14.72px 1.28px rgba(1, 44, 104, 0.15);
    min-height: 880px
}

.section-1 .bottom-section,
.crm-hub-ctasec,
.hidden,
.select-section.active:before,
.section-2 .bottom-section,
.check.unchecked::after,
.check.unchecked::before,
.formgroup .state-container {
    display: none
}
.formgroup .limit-count {
    color: #999;
    font-size: 12px
}

.signup-box {
    max-width: 430px
}
img[id^="imgid"] {
    margin-top: 15px
}

.signup-box .sign_agree a {
    font-size: 12px
}
div.zgdprform-state-container .globalstatecode,
div.zgdprform-countrylist-container .globalcountrycode {
    height: 48px;
    border: 1px solid #d5d5d5
}
@media(max-width: 1279px) {
    .pricing-section {
        max-width: 940px;
    }
    .pricing-form-page h1 {
        font-size: 38px
    }
    .pricing-form-page .form-section-1 p {
        font-size: 22px
    }
    .form-section-1 {
        margin-top: 60px;
        top: 60px
    }
}

@media(max-width: 1180px) {
    .form-section-title-box {
        max-width: 100%
    }
    .bottom-section .title-box {
        max-width: 80%
    }
    .pattern-box {
        top: 150px
    }
}

@media(max-width: 991px) {
    .pricing-form-page h1 {
        font-size: 36px
    }
    .i18n-ar .pricing-form-page h1,
    .i18n-ar .pricing-form-page .form-section-1 p,
    .i18n-ar .pricing-form-page h2 {
        text-align: center
    }
    .section-1.fixed {
        position: relative;
        top: 0;
        padding: 0
    }
    .section-1,
    .section-2 {
        width: 100%;
    }
    .section-1 .bottom-section,
    .section-1 .bottom-section::after {
        display: none
    }
    .section-2 .bottom-section,
    .section-2 .bottom-section::after {
        display: block
    }
    body.noscroll {
        overflow-y: auto
    }
    .pricing-form-section {
        height: unset
    }
    .form-container {
        width: 90%;
        margin: 0 auto;
        max-height: unset;
        overflow: hidden;
        padding: 20px 30px 30px
    }
    .form-section-title-box {
        text-align: center;
        padding: 0 0 50px 0;
        margin: unset;
        width: 100%;
        max-width: 100%
    }
    .pricing-section {
        max-width: 940px;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }
    .form-section-1,
    .form-section-2 {
        width: 100%;
        max-width: 100%;
        height: auto;
        overflow: hidden
    }
    .form-section-1 {
        margin-top: 0
    }
    .form-section-2 {
        padding-top: 0
    }
    .pattern-box {
        display: none
    }
    .bottom-section .title-box {
        margin: 0 auto;
        text-align: center
    }
    .form-inner-section {
        padding: 0
    }
    .pricing-form-page .form-section-1 p {
        margin: 0 auto;
        max-width: 730px;
        line-height: 28px
    }
    .i18n-ar .form-container {
        margin: 40px auto
    }
}

@media(max-width: 768px) {
    .bottom-section {
        height: auto;
        padding: 40px 2.5%;
        text-align: center
    }
    .bottom-section .title-box {
        margin: auto
    }
    .form-section-2 {
        padding-top: 0
    }
    .pricing-form-page h2,
    .pricing-form-page h2 a {
        font-size: 20px;
        text-decoration: none
    }
    .form-inner-section {
        padding: 10px 0 0
    }
    #block-panels-mini-product-menu,
    .mini-panel-product_menu .content-wrap {
        display: block
    }
    .pricing-form-page h1 {
        font-size: 36px;
        margin: 0 0 12px
    }
    .form-section-title-box {
        padding: 0 0 40px
    }
    .z-bottom-cta-menu {
        background: none !important;
        box-shadow: none !important
    }
    .body-umain .z-bottom-cta-menu a.loggedin,
    .body-umain .z-bottom-cta-menu a.loggedout,
    .z-bottom-cta-menu a {
        display: none !important
    }
    .pricing-form-page .form-section-1 p {
        font-size: 18px;
        max-width: 550px
    }
}

@media(max-width: 480px) {
    .pricing-form-page h1 {
        font-size: 32px
    }
}