.an-cf-name-row-inner {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  gap: 10px;
}

.an-cf-form-wrap form {
  color: white;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.an-cf-form-wrap .notice-success {
  text-align: center;
  color: white;
  font-size: 30px;
  border-top: 2px solid white;
  padding-top: 20px;
}

.an-cf-form-wrap .notice-success span {
  font-size: 24px;
}

.an-cf-form-wrap form input[type="text"],
.an-cf-form-wrap form input[type="email"],
.an-cf-form-wrap form input[type="tel"],
.an-cf-form-wrap form select,
.an-cf-form-wrap form textarea {
  color: #131d52;
  border: 2px solid white;
  background-color: white;
  font-weight: 400;
  padding: 2px 4px;
  font-size: 18px;
}

.an-cf-form-wrap form input[type="text"]::placeholder,
.an-cf-form-wrap form input[type="email"]::placeholder,
.an-cf-form-wrap form input[type="tel"]::placeholder,
.an-cf-form-wrap form select option:disabled {
  color: rgba(19, 29, 82, 0.6);
}

.an-cf-form-wrap form select option {
  font-weight: normal;
  color: initial;
}

.an-cf-form-wrap form label,
.an-cf-form-wrap form .an-cf-form-label {
  font-size: 14px;
}

.an-cf-gender-radios {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.an-cf-address-street {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 10px;
}

.an-cf-address-city {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 10px;
}

.an-cf-gender {
  align-self: end;
}

.an-cf-gender-radios {
  position: relative;
}

.an-cf-gender-radios > input {
  position: absolute;
  visibility: hidden;
}

.an-cf-form-wrap form .an-cf-gender-radios > label {
  text-align: center;
  background-color: transparent;
  border: 2px solid white;
  color: white;
  font-weight: 400;
  font-size: 20px;
  transition: color 0.4s, background-color 0.4s;
  cursor: pointer;
  padding: 2px 4px;
  line-height: 1.2
}

.an-cf-gender-radios > input:not(:checked) + label:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.an-cf-gender-radios > input:checked + label {
  background-color: white;
  color: #131d52;
}

.an-cf-form-wrap form .an-cf-form-section-label {
  font-size: 25px;
}

.an-cf-form-row:not(:first-child):not(.an-cf-submit-row) {
  #margin-top: 10px;
}

#an-cf-field-otherfunction {
  display: none;
  margin-top: 10px;
}

.an-cf-form-section-label-sub {
  font-size: 16px;
  font-style: italic;
  margin-bottom: 10px;
  font-weight: 100;
}

.an-cf-submit-row {
  margin-top: 20px;
}

.an-cf-submit-row input {
  display: block;
  width: 100%;
  border: 2px solid white;
  color: white;
  background-color: transparent;
  font-weight: 400;
  font-size: 20px;
  transition: color 0.4s, background-color 0.4s;
  box-shadow: none!important;
  padding: 6px 12px;
}

.an-cf-submit-row input:hover {
  color: #131d52;
  background-color: white;
}

.an-cf-phone-inner {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 4fr;
}

.an-cf-date-check {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  position: relative;
}

.an-cf-date-check > input {
  position: absolute;
  visibility: hidden;
}

.an-cf-form-wrap form .an-cf-date-check > label {
  text-align: center;
  background-color: transparent;
  border: 2px solid white;
  color: white;
  font-weight: 400;
  font-size: 20px;
  transition: color 0.4s, background-color 0.4s;
  cursor: pointer;
  padding: 2px 4px;
  line-height: 1.2
}

.an-cf-date-check > input:not(:checked) + label:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.an-cf-date-check > input:checked + label {
  background-color: white;
  color: #131d52;
}

.an-page-intro.an-signup {
  padding-bottom: 0px;
}

.an-page-intro.an-signup .an-intro-banner {
  margin-bottom: 0px;
}
