.newsletter-popup-open{overflow: hidden; }
.newsletter-popup{
    position: fixed;
    inset: 0;
    display: none;
    justify-content: center;
    align-items: flex-start;
    overflow-y: auto;
    padding: 40px 20px;
    background: rgba(0,0,0,.65);
    z-index: 99999;
}

.newsletter-popup.active{
    display: flex;
}

.popup-content{
    position:relative;
    width: 90%;
    max-width: 1200px;
    background: #f2f2f2;
    border-radius: 20px;
    padding: 40px;
    margin: auto 0;
}

.popup-close{position:absolute; top:15px; right:20px; background:none; border:none; font-size:30px; cursor:pointer; }
.popup-content .newsletter-form{margin-top: 30px;}
.popup-content ul{padding: 20px;}
.popup-content h2{margin-bottom: 20px;}