.popup-content {
    position: absolute;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.popup-content.is-visible {
    visibility: visible;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.popup-content.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 6em;
  left: 10%;
  width: 80%;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.popup-content.is-visible .modal-transition {
  transform: translate(0%, 0%);
  opacity: 1;
}

.modal-contents > *:first-child {
  margin-top: 0;
}

.modal-contents > *:last-child {
  margin-bottom: 0;
}

.popup-btn button.modal-toggle-btn {
  font-family: 'Sofia Pro';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #3e6884;
  border-radius: 0;
  background:  #3e6884;
  padding: 15px 35px;
}
.popup-content .form-inner-content {
  padding:4rem;
}

.popup-content .form-inner-content h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #161E2C;
  margin-bottom: 0.5rem;
}

.popup-content .form-inner-content .form-legal {
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0.005em;  
  color: #7A7A7A;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.popup-content .form-inner-content .form-desc {
  font-weight: normal;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.005em;
  color: #161E2C;
}

.popup-content .form-inner-content form label{
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0.005em;
  color: #4A4A4A;
}
.popup-content .form-inner-content form input {
  background: #FFFFFF;
  border: 1px solid #DBDBDB;
  box-sizing: border-box;
  box-shadow: inset 0px 2px 4px 2px rgba(221, 221, 221, 0.4);
  border-radius: 4px;
}
.popup-content .form-inner-content  form input[type="submit"] {
  background:  #3e6884;
  padding: 18px 48px 16px;
  font-family: 'Sofia Pro';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  border: 0;
}
.popup-content  .modal-closes {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #aaa;
  background: 0;
  border: 0;
}
@media (min-width:769px)  and (max-width:1024px) {
  .popup-content .form-inner-content h3 {
    font-size: 40px;
  }
  .popup-content .form-inner-content .form-desc {
    font-size: 16px;
  }
  .popup-content .form-inner-content form label {
    font-size: 12px;
  }
  .popup-content .form-inner-content form input[type="submit"] {
    font-size: 14px;
    height:50px;
  }
  .popup-content .form-inner-content .form-legal {
    font-size: 12px;
  }
  .popup-content .form-inner-content {
    padding:3rem;
  }
}
@media (max-width:768px) {
  .popup-content .form-inner-content h3 {
    font-size: 20px;
  }
  .popup-content .form-inner-content .form-desc {
    font-size: 14px;
  }
  .popup-content .form-inner-content form label {
    font-size: 12px;
  }
  .popup-content .form-inner-content form input[type="submit"] {
    font-size: 12px;
  }
  .popup-content .form-inner-content .form-legal {
    font-size: 12px;
  }
  .popup-content .form-inner-content {
    padding: 3rem 2rem 1rem;
  }
  .popup-content  .popup-btn-bg {
    background-position: 50% 50%;
    min-height:170px
  }
  .popup-btn button.modal-toggle-btn { 
    width: 100%;
    margin-bottom: 2rem;
    color: #ffff;
    background: #3e6884;
  }
  .popup-content .form-inner-content form input {
    height:50px;
  }
  .popup-content .modal-closes {
    top:145px;
  }
}