.forms-container {
  width: 500px;
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding: var(--padding-comfortable) var(--padding-comfortable) 100px
    var(--padding-comfortable);
}

.arrow-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.step {
  display: none;
  flex-direction: column;
  padding-top: var(--padding-spacious);

  &.active {
    display: flex;
    gap: var(--gap-primary);
  }
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: var(--gap-primary);
}

.form-group > div:has(input[type="radio"]) {
  display: flex;
  flex-direction: column;
  gap: var(--gap-primary);
}

.form-group > div:has(input[type="radio"][name$="agreement"]) {
  display: flex;
  flex-direction: row;
  gap: var(--gap-comfortable);
}

.contact-us {
  padding-top: var(--padding-spacious);
  display: none;

  &.active {
    display: flex;
    flex-direction: column;
    gap: var(--gap-spacious);
  }
}

#div_id_business-business_type > div:has(input[type="radio"]) {
  display: grid;
  flex-direction: row;
  width: fit-content;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
  column-gap: var(--gap-comfortable);
  row-gap: var(--gap-tight);
}

@media (max-width: 990px) {
  #div_id_business-business_type > div:has(input[type="radio"]) {
    display: grid;
    flex-direction: row;
    width: fit-content;
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(4, auto);
    column-gap: var(--gap-comfortable);
    row-gap: var(--gap-tight);
  }

  .custom-radio {
    white-space: nowrap;
    width: 90%;
    & > label {
      white-space: normal;
    }
  }
}

.custom-checkbox {
  margin-top: var(--padding-comfortable);
  margin-bottom: var(--padding-primary);
}

.journey-container {
  display: flex;
  padding: var(--padding-spacious, 32px);
  flex-direction: column;
  gap: 16px;
  border-radius: var(--radius-primary, 8px);
  border: 1px solid var(--accent-grey, #707070);
}

[id$="journey_type"] > div {
  flex-direction: row !important;
  gap: var(--gap-comfortable) !important;
}