/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Default styles for form elements */
form {
  max-width: 700px; /* Adjust the max-width based on your design */
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 7px; /* Adjust the gap between columns as needed */
  grid-row-gap: 5px; !important/* Add a gap between rows */
}

label {
  display: block;
  margin-bottom: 8px;
}

input,
select,
textarea {
  width: 100%;
  padding: 5px;
  margin-bottom: 5px;
  box-sizing: border-box;
}

/* Button styles to span full width */
button {
  grid-column: span 2 !important; /* Make the button span two columns */
  width: 100%; /* Ensure the button takes up the full width */
  padding: 12px;
  background-color: #4caf50; /* Add your desired button background color */
  color: #fff; /* Set text color to white or a contrasting color */
  border: none;
  border-radius: 4px;
  cursor: pointer;
}