.webform-submission-form {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
/* Make the fieldset wrapper a flex container */
.address--wrapper .fieldset-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
}

/* Target direct children */
.address--wrapper .fieldset-wrapper > div {
  flex: 1 1 48% !important;
  min-width: 180px !important;
}

/* Hide the empty container */
.address--wrapper .address-container-inline {
  display: none !important;
}

/* Fix the Country wrapper - it has extra nesting */
.address--wrapper .fieldset-wrapper > div[data-drupal-selector="edit-address-country-code"] {
  flex: 1 1 48% !important;
}

/* Target the actual form items */
.address--wrapper .form-item-address-country-code,
.address--wrapper .form-item-address-locality,
.address--wrapper .form-item-address-administrative-area,
.address--wrapper .form-item-address-postal-code {
  flex: 1 1 48% !important;
  min-width: 180px !important;
}
/* Add spacing between checkbox items */
.webform-submission-form .form-checkboxes .form-item,
.webform-submission-form .form-type-checkbox {
  margin-bottom: 10px;
}

/* Or if it's using a specific wrapper class */
.webform-submission-form .js-form-type-checkbox {
  margin-bottom: 8px;
  padding: 4px 0;
}

/* If you want to add space between the checkbox and label */
.webform-submission-form .form-checkbox {
  margin-right: 8px;
}