@charset "UTF-8";
.rba.form {
  margin-top: 2.25rem;
}
@media screen and (min-width: 991px) {
  .rba.form {
    display: flex;
    margin-top: 4rem;
    gap: 0.625rem;
  }
}
@media screen and (min-width: 1920px) {
  .rba.form {
    gap: 6.25rem;
  }
}
.rba.form .form__wrapper {
  width: 100%;
}
@media screen and (min-width: 991px) {
  .rba.form .form__wrapper {
    order: 2;
  }
}
.rba.form .form__wrapper form {
  height: -moz-max-content;
  height: max-content;
  padding: clamp(1.25rem, 3.88889vw - 0.5rem, 3rem)
    clamp(0.9375rem, 4.58333vw - 1.125rem, 3rem);
  border: 0.125rem solid #000;
  border-radius: 0.5rem;
  margin-bottom: 2.5rem;
  background: #fff;
}
@media screen and (min-width: 480px) {
  .rba.form .form__wrapper form {
    margin-bottom: 2.75rem;
  }
}
@media screen and (min-width: 1320px) {
  .rba.form .form__wrapper form {
    min-width: 49.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .rba.form .form__wrapper form {
    min-width: 58.375rem;
  }
}
.rba.form .form__wrapper form .form__row {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.11111vw + 0.5rem, 1.5rem);
}
@media screen and (min-width: 991px) {
  .rba.form .form__wrapper form .form__row {
    flex-direction: row;
  }
}
.rba.form .form__wrapper form .form__row:not(:last-of-type) {
  margin-bottom: clamp(1rem, 0.75472vw + 0.820755rem, 1.5rem);
}
.rba.form .form__wrapper form .form__row .form__col {
  flex-basis: 50%;
}
.rba.form .form__wrapper form .form__row .form__col > label {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  display: none;
}
.rba.form .form__wrapper form .form__row .form__checkbox {
  width: 100%;
  padding: 0.625rem 0 0.5rem;
}
@media screen and (min-width: 720px) {
  .rba.form .form__wrapper form .form__row .form__checkbox {
    padding: 0.4375rem 0 0.5rem;
  }
}
@media screen and (min-width: 991px) {
  .rba.form .form__wrapper form .form__row .form__checkbox {
    padding: 0.375rem 0 0.5rem;
  }
}
.rba.form .form__wrapper form .form__row .form__checkbox p {
  width: 100%;
  margin-bottom: 1rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 991px) {
  .rba.form .form__wrapper form .form__row .form__checkbox p {
    margin-bottom: 0.75rem;
    text-align: center;
  }
}
@media screen and (min-width: 720px) {
  .rba.form .form__wrapper form .form__row .form__checkbox .wpcf7-checkbox,
  .rba.form
    .form__wrapper
    form
    .form__row
    .form__checkbox
    .wpcf7-list-item
    label,
  .rba.form .form__wrapper form .form__row .form__checkbox li,
  .rba.form .form__wrapper form .form__row .form__checkbox ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.rba.form .form__wrapper form .form__row .form__checkbox .wpcf7-checkbox,
.rba.form .form__wrapper form .form__row .form__checkbox ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
@media screen and (max-width: 1319px) {
  .rba.form .form__wrapper form .form__row .form__checkbox .wpcf7-checkbox,
  .rba.form .form__wrapper form .form__row .form__checkbox ul {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.1875rem;
  }
}
.rba.form .form__wrapper form .form__row .form__checkbox .wpcf7-list-item {
  margin: 0;
}
@media screen and (max-width: 1319px) {
  .rba.form .form__wrapper form .form__row .form__checkbox .wpcf7-list-item {
    width: 47%;
  }
}
@media screen and (max-width: 719px) {
  .rba.form .form__wrapper form .form__row .form__checkbox .wpcf7-list-item {
    width: 100%;
  }
}
.rba.form .form__wrapper form .form__row .form__checkbox .wpcf7-list-item label,
.rba.form .form__wrapper form .form__row .form__checkbox li {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: 0.875rem;
  gap: clamp(0.5rem, 0.83333vw + 0.125rem, 0.875rem);
  line-height: 1.5rem;
}
@media screen and (max-width: 1319px) {
  .rba.form
    .form__wrapper
    form
    .form__row
    .form__checkbox
    .wpcf7-list-item
    label,
  .rba.form .form__wrapper form .form__row .form__checkbox li {
    max-width: -moz-max-content;
    max-width: max-content;
    justify-content: flex-start;
  }
}
.rba.form
  .form__wrapper
  form
  .form__row
  .form__checkbox
  .wpcf7-list-item
  label:not(:last-of-type),
.rba.form .form__wrapper form .form__row .form__checkbox li:not(:last-of-type) {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 720px) {
  .rba.form
    .form__wrapper
    form
    .form__row
    .form__checkbox
    .wpcf7-list-item
    label:not(:last-of-type),
  .rba.form
    .form__wrapper
    form
    .form__row
    .form__checkbox
    li:not(:last-of-type) {
    margin-bottom: 0rem;
  }
}
.rba.form
  .form__wrapper
  form
  .form__row
  .form__checkbox
  .wpcf7-list-item
  label
  input,
.rba.form .form__wrapper form .form__row .form__checkbox li input {
  position: relative;
  display: inline-block;
  width: 1.8125rem;
  height: 1.8125rem;
  padding: 0;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
@media screen and (min-width: 991px) {
  .rba.form
    .form__wrapper
    form
    .form__row
    .form__checkbox
    .wpcf7-list-item
    label
    input,
  .rba.form .form__wrapper form .form__row .form__checkbox li input {
    width: 2rem;
    height: 2rem;
  }
}
.rba.form
  .form__wrapper
  form
  .form__row
  .form__checkbox
  .wpcf7-list-item
  label
  input:checked,
.rba.form .form__wrapper form .form__row .form__checkbox li input:checked {
  background-color: #ffe9f6;
}
.rba.form
  .form__wrapper
  form
  .form__row
  .form__checkbox
  .wpcf7-list-item
  label
  input:checked:before,
.rba.form
  .form__wrapper
  form
  .form__row
  .form__checkbox
  li
  input:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #c10e67;
  content: "✕";
  font-size: 1.25rem;
  font-weight: 700;
  transform: translate(-50%, -50%);
}
.rba.form .form__wrapper form .form__row--textarea span {
  width: 100%;
}
.rba.form .form__wrapper form .form__row--submit-btn {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0 !important;
}
.rba.form .form__wrapper form .form__row--submit-btn .wpcf7-spinner {
  display: none;
}
.rba.form .form__wrapper form .custom-dropdown,
.rba.form .form__wrapper form input,
.rba.form .form__wrapper form select,
.rba.form .form__wrapper form textarea {
  width: 100%;
  padding: 0.625rem clamp(0.875rem, 0.44543vw + 0.599109375rem, 1rem);
  border: 0.125rem solid #000;
  border-radius: 0.25rem;
  color: #000;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.rba.form .form__wrapper form .custom-dropdown::placeholder,
.rba.form .form__wrapper form input::placeholder,
.rba.form .form__wrapper form select::placeholder,
.rba.form .form__wrapper form textarea::placeholder {
  color: #000;
}
.rba.form .form__wrapper form .custom-dropdown,
.rba.form .form__wrapper form button,
.rba.form .form__wrapper form input,
.rba.form .form__wrapper form select,
.rba.form .form__wrapper form textarea {
  outline: none;
}
.rba.form .form__wrapper form .custom-dropdown:active,
.rba.form .form__wrapper form .custom-dropdown:checked,
.rba.form .form__wrapper form .custom-dropdown:focus,
.rba.form .form__wrapper form .custom-dropdown:focus-visible,
.rba.form .form__wrapper form .custom-dropdown:hover,
.rba.form .form__wrapper form button:active,
.rba.form .form__wrapper form button:checked,
.rba.form .form__wrapper form button:focus,
.rba.form .form__wrapper form button:focus-visible,
.rba.form .form__wrapper form button:hover,
.rba.form .form__wrapper form input:active,
.rba.form .form__wrapper form input:checked,
.rba.form .form__wrapper form input:focus,
.rba.form .form__wrapper form input:focus-visible,
.rba.form .form__wrapper form input:hover,
.rba.form .form__wrapper form select:active,
.rba.form .form__wrapper form select:checked,
.rba.form .form__wrapper form select:focus,
.rba.form .form__wrapper form select:focus-visible,
.rba.form .form__wrapper form select:hover,
.rba.form .form__wrapper form textarea:active,
.rba.form .form__wrapper form textarea:checked,
.rba.form .form__wrapper form textarea:focus,
.rba.form .form__wrapper form textarea:focus-visible,
.rba.form .form__wrapper form textarea:hover {
  border: 0.125rem solid #c10e67;
}
.rba.form .form__wrapper form .custom-dropdown,
.rba.form .form__wrapper form p,
.rba.form .form__wrapper form select {
  font-weight: 700;
}
.rba.form .form__wrapper form .form__select {
  -moz-appearance: none;
  appearance: none;
}
.rba.form .form__wrapper form .form__select select {
  position: absolute;
  display: none;
  -moz-appearance: none;
  appearance: none;
  visibility: hidden;
}
.rba.form .form__wrapper form .form__select .custom-dropdown {
  position: relative;
  cursor: pointer;
}
.rba.form .form__wrapper form .form__select .custom-dropdown:after {
  position: absolute;
  top: 1.5625rem;
  right: -0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  background: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath d='M10 1.333L2 10l8 8.667' stroke='%23C10E67' stroke-width='1.548'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.rba.form .form__wrapper form .form__select .custom-dropdown.is-open:after {
  transform: translate(-70%, -85%) rotate(-90deg);
}
.rba.form .form__wrapper form .form__select .custom-dropdown__list {
  display: none;
  cursor: pointer;
}
.rba.form .form__wrapper form .form__select .custom-dropdown__list li {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.rba.form .form__wrapper form p {
  font-size: clamp(0.875rem, 6.06061vw - 2.878788125rem, 1rem);
  line-height: 1.5rem;
}
.rba.form .form__wrapper form .l-btn,
.rba.form .form__wrapper form .wpcf7-submit,
.rba.form .form__wrapper form button {
  width: 100%;
  max-width: 100%;
  padding: 0.5rem 1.875rem;
  border: 0.125rem solid #c10e67;
  margin-top: clamp(0rem, 0.75472vw - 0.179245rem, 0.5rem);
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}
.rba.form .form__wrapper form .l-btn:hover,
.rba.form .form__wrapper form .wpcf7-submit:hover,
.rba.form .form__wrapper form button:hover {
  background-color: #fff;
  color: #c10e67;
}
.rba.form .form__wrapper form .l-btn:active,
.rba.form .form__wrapper form .wpcf7-submit:active,
.rba.form .form__wrapper form button:active {
  border-color: #840444;
  background-color: #840444;
  color: #fff;
}
.rba.form .form__wrapper form .wpcf7-not-valid-tip {
  margin-top: 0.3125rem;
  color: #840444;
}
.rba.form .form__wrapper form .wpcf7-response-output {
  text-align: center;
}
.rba.form .form__wrapper form.submitting .wpcf7-spinner {
  display: block;
}
.rba.form picture {
  --aspect-ratio: 405/332;
}
@media screen and (min-width: 991px) {
  .rba.form picture {
    max-width: 26.375rem;
    order: 1;
    --aspect-ratio: 773/422;
  }
}
@media screen and (min-width: 991px) {
  .section--contact-page .rba.form {
    justify-content: space-between;
  }
}
@media screen and (min-width: 991px) {
  .section--contact-page .rba.form .form__wrapper {
    flex-basis: 64.7058823529%;
  }
}
@media screen and (min-width: 1540px) {
  .section--contact-page .rba.form .form__wrapper {
    flex-basis: 64.1483516484%;
  }
}
@media screen and (min-width: 991px) {
  .section--contact-page .rba.form picture {
    flex-basis: 34.477124183%;
  }
}
@media screen and (min-width: 1540px) {
  .section--contact-page .rba.form picture {
    flex-basis: 28.9835164835%;
  }
}
/*# sourceMappingURL=form.css.map */