.form-container {
  max-width: 500px !important;
  padding: 15px 5px 15px 5px;
  background: #f5f5f5;
  border-radius: 4px;
}

.form-h1 {
  line-height: 1em;
}

form {
  margin-block-end: 0px;
}

.form-label {
  display: inline-block !important;
  width: 100% !important;
  vertical-align: top !important;
}

.form-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1em;
}

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.form-column-50 {
  float: left;
  width: 50%;
  padding-right: 5px;
  padding-left: 5px;
}

.form-column-100 {
  float: left;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
}

.form-row-title {
  padding-right: 10px;
  padding-left: 10px;
}

.form-row {
  padding-right: 5px;
  padding-left: 5px;
}

/* Clear floats after the columns */
.form-row:after {
  content: "";
  display: table;
  clear: both;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 6px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 12px;
  resize: vertical;
}

input[type=email], select, textarea {
  width: 100%;
  padding: 6px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 12px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  font-size: 12px;
  font-weight: 500;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  left: -10000px;
  overflow: hidden;
}

.control, fieldset {
  margin: 6px 0;
}

.required {
  color: red;