.no-scroll {
    overflow: hidden;
    height: 100vh;
}
.subscribe-form .newsletter_popWrap {
    display: flex;
    width: 100%;
}
    .subscribe-form .newsletter_popWrap .imageBox {
        display: flex;
        width: 50%;
    }
        .subscribe-form .newsletter_popWrap .imageBox img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }    

    .subscribe-form .newsletter_popWrap .subscribe {
        position: relative;
        width: 50%;
        padding: 30px;
        align-content: center;
        /*max-height: 100vh;*/ /* don't exceed viewport */
        overflow-y: auto; /* allow vertical scrolling */
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
        box-sizing: border-box;
    }

        .subscribe-form .newsletter_popWrap .subscribe .title-register {
            font-size: 26px;
            letter-spacing: 0.65px;
            line-height: 30px;
            color: #303030;
            padding-bottom: 20px;
        }

        .subscribe-form .newsletter_popWrap .subscribe p {
            font-size: 17px;
            margin: 0;
            padding-bottom: 25px;
            line-height: 24px;
        }

        .subscribe-form .newsletter_popWrap .subscribe .subscribe_btn {
            position: relative;
            padding: 10px;
        }

    .subscribe-form .newsletter_popWrap .newsletter-form {
        padding: 0;
    }

        .subscribe-form .newsletter_popWrap .newsletter-form legend {
            display: none;
        }

        .subscribe-form
        .newsletter_popWrap
        .newsletter-form
        .umbraco-forms-container
        .dataconsent {
            margin-bottom: 35px !important;
        }

            .subscribe-form
            .newsletter_popWrap
            .newsletter-form
            .umbraco-forms-container
            .dataconsent
            .umbraco-forms-field-wrapper {
                position: absolute;
            }

            .subscribe-form
            .newsletter_popWrap
            .newsletter-form
            .umbraco-forms-container
            .dataconsent
            .umbraco-forms-label {
                position: relative;
                width: auto;
                font-family: fortescue, Helvetica, Arial, sans-serif;
                text-transform: none;
            }

        .subscribe-form
        .newsletter_popWrap
        .newsletter-form
        .umbraco-forms-container
        .umbraco-forms-field
        label {
            font-size: 17px;
            font-family: fortescue, Helvetica, Arial, sans-serif;
            letter-spacing: 0.01em;
            text-transform: capitalize;
            margin: 12px 0 6px;
        }

        /* Exception: keep privacy policy normal */
        .subscribe-form .newsletter_popWrap .newsletter-form
        .umbraco-forms-container .umbraco-forms-field.privacypolicy label {
            text-transform: none;
        }

/* fix the close button at the top */
.subscribe-form[data-popout-container="newsletter-form-popwrap"]
.popout-content-container
.block-newsletter-form__close-trigger {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 100;
}

@media screen and (max-width: 1024px) {
    .subscribe-form .newsletter_popWrap {
        display: block;
        max-height: 100vh;
        height: auto;
        overflow-y: auto; /* enable vertical scroll */
        overflow-x: hidden; /* disable horizontal scroll */
        -webkit-overflow-scrolling: touch; /* smooth iOS scroll */
    }

        .subscribe-form .newsletter_popWrap .imageBox {
            width: 100%;
            height: 40vh; /* image takes top 50% */
        }

            .subscribe-form .newsletter_popWrap .imageBox img {
                width: 100%;
                height: 100%;
                /*object-position: 0% 40%;*/
            }

        .subscribe-form .newsletter_popWrap .subscribe {
            width: 100%;
            min-height: 60vh; /* bottom 50% of viewport */
            height: auto;
            overflow: visible;
            -webkit-overflow-scrolling: touch;
            padding-top: 20px; /* add space so content doesn’t go under the close button */
        }
}

@media screen and (min-width: 1025px) {
    .subscribe-form #popout-container .popout-content-container {
        width: 100%;
    }
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .block-newsletter-form__outer {
        width: 80%;
    }
}

@media screen and (min-width: 1660px) {
    .subscribe-form
    .newsletter-container.newsletter-form
    .umbraco-forms-container
    .umbraco-forms-field.lastname:lang(ar) {
        margin: 0 4% 0 0 !important;
    }
}

@media only screen and (min-width: 992px) {
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .block-newsletter-form__outer {
        width: 60%;
    }
}

@media screen and (max-width: 680px) {
    .main-text .privacy_policy p {
        word-break: break-word;
    }
}

@media screen and (min-width: 768px) {

    /* 2-column grid container */
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .newsletter
    .umbraco-forms-fieldset
    .umbraco-forms-container {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-auto-flow: row dense;
    }

    /* Consent, Recaptcha, Submit: full width */
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .newsletter-form
    .umbraco-forms-field.dataconsent,
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .newsletter-form
    .umbraco-forms-field.recaptcha2,
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .newsletter-form
    .umbraco-forms-field.recaptcha,
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .newsletter-form
    .umbraco-forms-field.submit {
        grid-column: 1 / -1;
    }
}
@media only screen and (max-width: 992px) {
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .block-newsletter-form__outer {
        width: 100%;
        max-height:100%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    /* styles for screens between 768px and 1199px */
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .block-newsletter-form__outer {
        width: 80%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    /* styles for screens between 1200px and 1440px */
    .subscribe-form[data-popout-container="newsletter-form-popwrap"]
    .block-newsletter-form__outer {
        width: 70%;
    }
}