body {
  background-color: black !important;
}

h1 {
  color: white;
}

/*****section maps************************/
.maps__form h2 {
  margin-top: 150px;
  color: white;
  font-weight: bold;
  font-size: 70px;
}
.maps__form .formMap {
  margin-top: 150px;
}

/***************************formulaire contact*/
.input__control {
  padding: 15px;
}
.input__control textarea {
  resize: none;
}
.input__control textarea:hover {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.input__control .error-message {
  color: #ff3860;
  font-size: 14px;
  height: 13px;
  font-weight: bold;
}
.input__control input {
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  padding: 10px;
}
.input__control input:hover {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.input__control input:focus {
  outline: 0;
}
.input__controlsucces input {
  border-color: green;
}
.input__controlerror input {
  border-color: red;
}