section.form {
    margin: 0 0 var(--margin-y-mobile) 0;
    padding: 0 var(--margin-x-mobile);
}

section.form.with-background {
    padding: var(--margin-y-mobile) var(--margin-x-mobile);
}

section.form > div {
    display: grid;
    gap: 20px;
}

@media screen and (min-width: 700px) {
    section.form {
        margin-bottom: var(--margin-y-desktop);
        padding: 0 var(--margin-x-desktop);
    }
    
    section.form.with-background {
        padding: var(--margin-y-mobile) var(--margin-x-desktop);
    }
    
    section.form > div {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
}

section.form > div > div {
    padding: 0;
}

section.form form {
    margin: 0;
}

section.form .umbraco-forms-fieldset {
    margin: 0;
    padding: 0;
}

section.form form textarea {
    height: 150px;
    max-width: none !important;
    width: 100%;
}

section.form form label {
    font-size: 14px;
    float: none !important;
}

section.form form .umbraco-forms-indicator {
    color: red;
}

section.form form .umbraco-forms-field-wrapper {
    margin-bottom: 24px;
}

section.form form .umbraco-forms-field-wrapper > input:not([type='checkbox']) {
    max-width: none !important;
    width: 100%;
}

section.form form .umbraco-forms-navigation {
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

section.form form .field-validation-error {
    display: flex;
}

section.form form .checkboxlist {
    padding: 0;
}

/*section.form form .checkboxlist > input[type='checkbox'] {
    display: block !important;
} */

@media screen and (min-width: 1500px) {
    section.form > div {
        max-width: var(--max-width);
        margin: var(--margin-y-desktop) auto;
    }
}