<style>
/* =========================================
CONTACT PAGE — DESKTOP
========================================= */
@media screen and (min-width: 992px) {
/* Give the form substantially more horizontal space */
.walsh-main-grid-7 {
grid-template-columns: 0.7fr 1.3fr !important;
column-gap: 56px !important;
align-items: start !important;
}
.form_section {
width: 100% !important;
max-width: none !important;
}
/* Wider, shorter card */
.form_block.w-form {
width: 100% !important;
max-width: 820px !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 36px 40px 40px !important;
box-sizing: border-box !important;
}
/* Turn the form into a 2-column desktop layout */
#wf-form-Budget-Form {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 24px !important;
row-gap: 22px !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
}
/*
* Webflow usually wraps each label/input pair
* in its own div. These can sit side-by-side.
*/
#wf-form-Budget-Form > div {
width: 100% !important;
margin: 0 !important;
}
/* Inputs fill each grid cell */
#wf-form-Budget-Form input,
#wf-form-Budget-Form select,
#wf-form-Budget-Form textarea {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
}
/*
* Make the longer final message field span
* the entire width.
*/
#wf-form-Budget-Form > div:nth-last-of-type(1) {
grid-column: 1 / -1 !important;
}
/*
* Submit button gets its own full-width row,
* while the button itself stays compact.
*/
#wf-form-Budget-Form input[type="submit"],
#wf-form-Budget-Form .w-button {
grid-column: 1 / -1 !important;
width: auto !important;
min-width: 160px !important;
justify-self: start !important;
margin-top: 4px !important;
}
}
/* =========================================
EXTRA-WIDE DESKTOP
========================================= */
@media screen and (min-width: 1200px) {
.walsh-main-grid-7 {
grid-template-columns: 0.65fr 1.35fr !important;
column-gap: 72px !important;
}
.form_block.w-form {
max-width: 900px !important;
}
}
</style>
.png)