.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 {
    padding-top: var(--padding-comfortable);
    padding-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;
}