#mc_embed_signup {
      margin: 0 auto;
      width: 90% !important;
      max-width: 500px;
      text-align: left;
      background: #fff;
      font: 14px Helvetica, Arial, sans-serif;
      padding: 7%;
    }

    #mc_embed_signup h2,
    #mc_embed_signup .indicates-required {
      text-align: center;
    }

    #mc_embed_signup .mc-field-group,
    #mc_embed_signup .clear,
    #mc_embed_signup .response {
      width: 100%;
    }

    #mc_embed_signup input[type="text"],
    #mc_embed_signup input[type="email"],
    #mc_embed_signup input[type="number"],
    #mc_embed_signup input[type="tel"],
    #mc_embed_signup select,
    #mc_embed_signup textarea {
      width: 100% !important;
      max-width: 500px;
    }

    #mc_embed_signup .button {
      display: block;
      margin: 24px auto 0;
    }

    #mc_embed_signup .input-group strong {
      display: block;
      text-align: center;
      margin-bottom: 8px;
    }

    #mc_embed_signup .input-group ul {
      display: inline-block;
      text-align: left;
      margin-left: 0;
      padding-left: 0;
    }

    #mc_embed_signup .clear {
      text-align: center;
    }

    #mc_embed_signup input#mc-embedded-subscribe.button {
      display: inline-block !important;
      float: none !important;
      margin: 24px auto 0 !important;
    }

     #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;}
        /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
           We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */


    .form-popup-bg {
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 2%;
}
.form-popup-bg {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
 
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  overflow-y: auto;
  z-index: 10000;
}
.form-popup-bg.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.form-container {
      display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
  padding: 40px;

}
.close-button {
    background: none;
    color: #000;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 80px;
    right: 120px;
    border: unset;
    padding: unset;
}

.form-popup-bg:before{
    content:'';
  
  opacity: .25;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


#mc_embed_signup .mc-field-group.input-group ul li {
	display: block;
	padding: 3px 0;
	margin: 0;
}

 .test-page-logo {
      margin: 0 auto 32px;
      text-align: center;
    }

    .test-page-logo img {
      display: inline-block;
      max-width: 260px;
      width: 90%;
      height: auto;
    }


   #mc_embed_signup .button {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 42px;
    font-family: 'Helvetica', Arial, sans-serif;
    width: auto;
    white-space: nowrap;
    height: 42px;
    margin: 12px 5px 12px 0;
    padding: 0 22px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    vertical-align: top;
    background-color: #5d5d5d !important;
    color: #ffffff !important;
}