:root {
    --nb-newsletter-form-popup-4-info-wrapper-max-width: 360px;

    --nb-newsletter-form-popup-4-title-color: var(--nb-text-color-primary);
    --nb-newsletter-form-popup-4-title-font-size: var(--nb-font-size-20);
    --nb-newsletter-form-popup-4-title-font-weight: var(--nb-font-weight-600);

    --nb-newsletter-form-popup-4-gap: 20px;
    --nb-newsletter-form-popup-4-top-wrapper-gap: 30px;
    --nb-newsletter-form-popup-4-info-wrapper-gap: 20px;
}

.nb-newsletter-form-popup-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--nb-newsletter-form-popup-4-gap);
    padding-bottom: 20px;
}

.nb-newsletter-form-popup-4 .nb-top-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--nb-newsletter-form-popup-4-top-wrapper-gap);
}

.nb-newsletter-form-popup-4 .nb-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--nb-newsletter-form-popup-4-info-wrapper-gap);
    max-width: var(--nb-newsletter-form-popup-4-info-wrapper-max-width);
}

.nb-newsletter-form-popup-4 .nb-newsletter-title {
    color: var(--nb-newsletter-form-popup-4-title-color);
    font-size: var(--nb-newsletter-form-popup-4-title-font-size);
    font-weight: var(--nb-newsletter-form-popup-4-title-font-weight);
    text-transform: uppercase;
    text-align: center;
}

.nb-newsletter-form-popup-4 .nb-bottom-wrapper {
    max-width: var(--nb-newsletter-form-popup-4-info-wrapper-max-width);
}

.nb-newsletter-form-popup-4 .nb-bottom-wrapper .nb-btn {
    margin-bottom: var(--nb-spacer-y);
    width: 100%;
}

.nb-newsletter-form-popup-4 .nb-bottom-wrapper .nb-checkbox-wrapper {
    position: relative;
}

.nb-newsletter-form-popup-4 .nb-bottom-wrapper .nb-checkbox-wrapper:has(.parsley-errors-list) {
    min-height: 40px;
}

@media screen and (max-width: 360px) {
    .nb-newsletter-form-popup-4 .nb-info-wrapper,
    .nb-newsletter-form-popup-4 .nb-bottom-wrapper {
        padding: 0 15px;
    }
}