#ac-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .6);
    z-index: 11111;


  }

  #popup {
    width: 35%;
    height: auto;
    display: block;
    margin: auto;
    background: #00001C;
    border: 5px solid #000;
    -moz-border-radius: 25px;
    box-shadow: #64686e 0px 0px 3px 3px;
    -moz-box-shadow: #64686e 0px 0px 3px 3px;
    /* -webkit-box-shadow: #64686e 0px 0px 3px 3px; */
    position: relative;
    margin-top: 60px;
    /* color: #282b70; */
    border: 2px solid #4ea2c4;
    border-radius: 40px;
    padding: 25px;
  }

  #popup h3 {
    color: #fff;
    font-size: 37px;
    text-shadow: 2px 2px 0px #dcb02d;
    animation: blinker 1s linear infinite;

  }

  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

  #popup p {
    color: #fff;
    padding: 20px 0;
  }

  #popup input {
    width: 42%;
    padding: 7px 30px;

    color: #00001c;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #de9f17 0%, #d19c15 33%, #fff58a 67%, #ffd147 100%);
    ;
  }

  p#demo {
    text-align: center;
    font-size: 21px;
    margin-top: 0px;
    border-radius: 7px;
    color: #000;
    background: #fff;
    width: 31%;
    font-weight: 600;
  }


  @media (max-width:480px) {
    #popup {
      width: 100%;
      height: auto;
      display: block;
      margin: auto;
      border: 2px solid #4ea2c4;
      -moz-border-radius: 25px;
      box-shadow: #64686e 0px 0px 3px 3px;
      -moz-box-shadow: #64686e 0px 0px 3px 3px;
      -webkit-box-shadow: #64686e 0px 0px 3px 3px;
      position: relative;
      margin-top: 100px;
    }
  }