/* Style inputs with type="text", select elements and textareas */
input[type="text"],
select,
textarea {
  width: 100%;
  padding: 12px;
  border: none;
  border-bottom: 1px solid #0056b8;
  box-sizing: border-box;
  margin: 0 0 40px 0;
  resize: vertical;
  font-family: montserrat;
  outline: none;
}

input[type="text"]:hover,
select:hover,
textarea:hover {
  border-bottom: 2px solid #0056b8;
}

/* Style the submit button with a specific background color etc */
input[type="submit"] {
  background-color: #0056b8;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
  width: 50%;
  font-family: montserrat;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type="submit"]:hover {
  background-color: #0056b8;
}

.flex-container {
  margin: 100px auto 0;
  align-items: stretch;
}

.margin0 {
  margin: 0 auto 0;
}

.container {
  flex-grow: 2;
  flex-basis: 0;
  margin: 0;
}

.blueSidebar {
  flex-grow: 1;
  flex-basis: 0;
  background-color: #0056b8;
  padding: 50px;
  font-weight: 600;
}

.blueSidebar > p {
  font-weight: 600;
  color: white;
  margin: 0 0 50px 0;
  line-height: 1.5;
}

.two {
  width: 48%;
}
.one {
  width: 100%;
}

.flex-formcontainer {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}

@media screen and (max-width: 1400px) {
  .blueSidebar {
    display: none;
  }
}