/* Apply flexbox to the webform name composite wrapper */
.js-webform-type-webform-name .fieldset-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* Adds spacing between fields */
}

/* Set the width of the fields for larger screens */
.js-webform-type-webform-name .js-form-item {
    flex: 1 1 45%; /* Each field takes up about half the width of the row */
}

/* Stack fields on smaller screens */
@media (max-width: 768px) {
    .js-webform-type-webform-name .js-form-item {
        flex: 1 1 100%; /* Full width on smaller screens */
    }
}


#block-barrio-boostrap-5-makehaven-makerbootstrap-system-main .field.field--name-webform.field--type-webform {
    background: lightgrey;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 10px;
}