/*signup-form*/

.signup-form {
  color: #fff;
  font-weight: 700;
}

.signup-form span {
  margin: 0 8px;
  color: #ff87ff;
}

.signup-form hr {
  border-top: 1px solid #474658;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.signup-form .help-block {
  font-weight: normal;
  font-size: 15px;
  color: #9c9fa5;
  line-height: 1.2;
  margin: 0;
}

.signup-form input {
  border: 1px #666666 dotted;
  border-radius: 10px;
}

.signup-form select {
  border: 1px #333333 dotted;
  border-radius: 10px;
  padding: 6px 20px;
}

.signup-form input[type="radio"] {
  margin: 8px 16px;
  width: 16px;
  height: 16px;
}

.signup-form input[type=checkbox] {
  margin: 8px 16px;
  width: 16px;
  height: 16px;
}

.section-thanks {
  padding: 2em 1.5em 5em;
  font-weight: 700;
}

.signup-form textarea {
  padding: 12px;
  border: 1px #333333 dotted;
  border-radius: 8px;
}

.signup-form .btn-main,
.signup-form .btn-main:focus {
  background-color: var(--C1);
  color: #fff;
  border-radius: 150px;
  padding: 1em 2.5em;
  margin-top: 2rem;
  transition: all .2s ease;
}

.signup-form .btn-main:hover,
.signup-form .btn-main:active {
  transform: none;
  transform: scale(1.01);

}