/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 05 2025 | 14:34:27 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

#gform_fields_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
}

/* First 3 fields stay in left column */
#gform_fields_2 > .gfield:nth-child(1),
#gform_fields_2 > .gfield:nth-child(2),
#gform_fields_2 > .gfield:nth-child(3),
#gform_fields_2 > .gfield:nth-child(4) {
    grid-column: 1;
}

/* Textarea in right column, spanning all 3 rows */
#gform_fields_2 > .gfield:nth-child(5) {
    grid-column: 2;
    grid-row: 1 / span 4;
    display: flex;
    flex-direction: column;
}

/* Make textarea fill available height */
#gform_fields_2 > .gfield:nth-child(5) .ginput_container_textarea {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#gform_fields_2 > .gfield:nth-child(5) textarea {
    flex: 1;
    min-height: 150px;
    resize: vertical;
	margin-bottom: 15px;
}

/* Mobile: stack them */
@media (max-width: 768px) {
    #gform_fields_2 {
        grid-template-columns: 1fr;
    }
    
    #gform_fields_2 > .gfield:nth-child(5) {
        grid-column: 1;
        grid-row: auto;
    }
}