.whitecheck {
  color: #fff;
}

#home .subbut input[type="submit"] {
  background: #5ebaa8 !important;
}

.blackbut {
  background: #000 !important;

  width: 250px;

  margin: 0 auto;

  display: block;
}

.error-message,
.phone-error,
.name-error {
  color: red;

  background: #ffd383;

  padding: 2px 5px;

  margin: -15px 0 2px 0;

  display: none; /* Hide by default */
}

.dmtform > .invalid {
  border-color: red !important;

  margin-bottom: 0.5em;
}

.dmtform > input {
  margin-bottom: 0.3em !important;
}

.phone-number {
  text-align: right;
}

.wpcf7-response-output {
  border-color: #5ebaa8;

  background: #5ebaa8;

  font-size: 18px;

  color: #fff;
}

.success-message {
  background: #5ebaa8; /* Or any other styling you prefer */

  color: #fff;
}

.dmt > .success {
  background-color: #5ebaa8;

  color: #fff;

  font-size: 25px;

  padding: 15px;
}

.dmt > .message {
  width: 100%;

  padding: 10px;

  border: 1px solid #ccc;

  border-radius: 4px;

  box-sizing: border-box;

  resize: vertical; /* Allows the user to resize the textarea vertically */

  font-size: 16px; /* Improved readability */

  margin: 8px 0; /* Spacing for better layout */
}

.dmt > .message:focus {
  border-color: #4a90e2;

  outline: none; /* Removes the default focus outline and uses a border color change instead */

  box-shadow: 0 0 5px rgba(74, 144, 226, 0.5); /* Adds a subtle glow effect on focus */
}