#subscribe-div {
    background-color: #FFFFFF;
    --hero-primary-image: "";
    --content-width: 541px;
}

    #subscribe-div #subscribe-content {
        width: var(--content-width);
        margin-top: 160px;
        margin-bottom: 30px;
    }

        #subscribe-div #subscribe-content #subscribe-title h1 {
            font-size: 48px;
            line-height: 62px;
            margin-bottom: 11px;
        }

        #subscribe-div #subscribe-content #subscribe-desc h3 {
            font-weight: 400;
            font-size: 24px;
            line-height: 34px;
        }

    #subscribe-div #subscribe-form {
        width: var(--content-width);
    }

        #subscribe-div #subscribe-form .field-validation-error {
            font-size: 14px !important;
            font-weight: 700;
            color: #d82630; /*SlayIt Red*/
        }

            #subscribe-div #subscribe-form .field-validation-error::before {
                font-family: 'FontAwesome';
                content: "\f06a";
                margin-right: 6px;
            }

        #subscribe-div #subscribe-form .validation-summary-errors ul li,
        #subscribe-div #subscribe-form .validation-summary-errors ul li a,
        #subscribe-div #subscribe-form .validation-summary-errors ul li span {
            font-size: 14px !important;
            font-weight: 700;
            color: #d82630; /*SlayIt Red*/
        }

            #subscribe-div #subscribe-form .validation-summary-errors ul li:before {
                font-family: 'FontAwesome';
                content: "\f06a";
                margin-right: 6px;
            }

    #subscribe-div #email-subtext {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        padding-top: 12px;
    }

    #subscribe-div #subscribe-form .row {
        margin-bottom: 20px; /*add bottom space*/
    }

    #subscribe-div #subscribe-btn {
        color: #FFFFFF;
        background-color: #11881B; /*GreenJacket*/
        font-weight: 900;
        letter-spacing: 0px;
        text-transform: uppercase;
        width: 200px;
        height: 46px;
        margin: auto;
        border-radius: 10px;
    }

/* tablet view */
@media (min-width: 768px) and (max-width: 991px) {
    #subscribe-div {
        display: flex;
        justify-content: center;
        padding-bottom: 30px;
    }

        #subscribe-div #subscribe-btn {
            width: 100%;
        }

        #subscribe-div #subscribe-content {
            width: unset;
        }

            #subscribe-div #subscribe-content #subscribe-title h1 {
                font-size: 34px;
                line-height: 42px;
            }

            #subscribe-div #subscribe-content #subscribe-desc h3 {
                font-size: 22px;
                line-height: 30px;
            }

        #subscribe-div #subscribe-form {
            width: unset;
        }
}

@media (min-width: 992px) {
    #subscribe-child-div::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image: var(--hero-primary-image);
        background-repeat: no-repeat;
        background-position-x: 68%;
        background-size: contain;
        height: 800.62px;
        width: 338px;
        left: 60%;
        top: 160px;
    }

    #subscribe-div #subscribe-form #cf-turnstile {
        justify-content: left !important;
    }

    #subscribe-div #subscribe-form {
        margin-bottom: 88px;
    }
}

@media (min-width: 1400px) {
    #subscribe-div {
        --content-width: 570px;
    }
}

/* mobile view */
@media (max-width: 767px) {
    #subscribe-div {
        display: flex;
        justify-content: center;
        padding-bottom: 30px;
    }

        #subscribe-div #subscribe-btn {
            width: 100%;
        }

        #subscribe-div #subscribe-content {
            margin-top: 72px;
            width: unset;
        }

            #subscribe-div #subscribe-content #subscribe-title h1 {
                font-size: 34px;
                line-height: 42px;
            }

            #subscribe-div #subscribe-content #subscribe-desc h3 {
                font-size: 22px;
                line-height: 30px;
            }

        #subscribe-div #subscribe-form {
            width: unset;
        }
}