.popup-wrapper {
  width: 100%;
  background-color: rgba(221,221,221,.8);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1002;
}


  .popup-inner {
    display: block;
    position: relative;
    top: 10vh;
    max-width: 720px;
    background-color: #fff;
    padding: calc(2 * var(--spacer)) calc(2 * var(--spacer));
    margin: 0 auto;
    overflow-y: auto;
    max-height: calc(100vh - 12%);
  }

    .popup-inner p:last-of-type {
      margin-bottom: 0;
    }

    .popup-wrapper .close-wrapper {
      position: absolute;
      top: 18px;
      right: 18px;
      display: block;
      width: 20px;
      height: 20px;
    }

      .popup-wrapper .close-wrapper .icon-close span {
        display: none;
      }

      .popup-wrapper .popup-title {
        line-height: 1.2;
        color: var(--c-main);
        margin-bottom: calc(1.5 * var(--spacer));
      }


    .popup-wrapper .gform_wrapper {
      padding: calc(.5 * var(--spacer)) 0 0;
    }

    .popup-wrapper .gform_wrapper .ginput_container_email {
      width: 70%;
      display: inline-block;
    }

      .popup-wrapper .gform_wrapper .ginput_container_email input {
        border: 1px solid var(--c-main);
      }

    .popup-wrapper .gform_wrapper .gfield_consent_label {
      font-size: 1rem;
    }

    .popup-wrapper .gform_confirmation_wrapper {
      padding: 20px 0;
      font-weight: 700;
      font-size: 1.125rem;
    }

    .popup-inner .mascot-4 {
      position: absolute;
      z-index: 3;
      background-image: url('../../images/mascot-4.svg');
      background-repeat: no-repeat;
      bottom: 30px;
      right: 40px;
      width: 140px;
      height: 145px;
    }


    @media only screen
    and (max-width : 767px) {

      .popup-inner {
        top: 10%;
        max-width: 720px;
        margin: 0 20px;
        overflow-y: auto;
        height: calc(100vh - 15%);
      }

      .popup-wrapper .gform_wrapper .ginput_container_email {
        width: 100%;
      }

      .mascot-4 {
        display: none;
      }

    }