.box1{
  width: 387px;
  height: 489px;
  border: none;
  border-radius: 10px;
  padding: 10px;
  position: relative;
  margin-right: 60px;
  margin-top: 0px;
  float: right;
  box-shadow: 5px 10px 10px #eaeaea;
}

.right {
  text-align: right;
  float: right;
}

.box2{
  width: 387px;
  height: 420px;
  border: none;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 5px 10px 10px #eaeaea;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

.btn1{
  width: 100px;
  height: 50px;
  padding: 5px 0;
  border: none;
  background-color:#29b477;
  font-size: 18px;
  color: #ffffff;
  border-radius: 10px;
}

.btn2{
  width: 100px;
  height: 50px;
  padding: 5px 0;
  border:2px solid #29b477;
  background-color: #ffffff;
  font-size: 18px;
  color: #29b477;
  border-radius: 10px;
}

.input {
  width: 100%;
  height: 50px;
  background-color: #F4FAFE;
  border: none;
  padding: 0px 20px;
  color: #29b477;
  font-weight: 600px;
  margin-bottom: 15px;
  border-radius: 10px;
}

.modal-content  {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 10px !important; 
}