.invalid {
  border: solid 1px red;
  box-shadow: 0 0 2px red;
}

.error {
  color: red;
  display: block;
}

#frm-contact .frm-message {
  display: none;
  padding: 10px 15px;
  color: white;
  background-color: grey;
}

#frm-contact .frm-message.success {
  background-color: green;
}

#frm-contact .frm-message.error {
  background-color: orangered;
}

input#send_form {
  color: #004784 !important;
  font-family: "24G-Body-Regular", Helvetica, Arial, Lucida, sans-serif !important;
  background-color: #ffffff !important;
  padding: 10px 75px !important;
  border-radius: 100px;
  border: 1px solid #004784;
  text-transform: capitalize;
  width: 49% !important;
}
form#frm-contact input,
form#frm-contact textarea {
  padding: 10px 15px;
  border-radius: 20px 20px 20px 20px;
  font-size: 18px;
  color: #000000;
  border: 1px solid #bbb;
  background-color: #e2e0e0;
}
.mb-2 {
  width: 49%;
  margin-right: 1%;
  margin-bottom: 20px !important;
  float: left;
}
input#checkbox {
  width: 36px;
  float: left;
  height: 20px;
}
.error {
  color: red;
  display: block;
  position: absolute;
}

#image {
  margin-top: 10px;
  box-shadow: 5px 5px 5px 5px gray;
  width: 60px;
  padding: 20px;
  font-weight: 400;
  padding-bottom: 0px;
  height: 40px;
  user-select: none;
  text-decoration: line-through;
  font-style: italic;
  font-size: x-large;
  border: red 2px solid;
  margin-left: 10px;
}
#user-input {
  box-shadow: 5px 5px 5px 5px gray;
  width: auto;
  margin-right: 10px;
  padding: 10px;
  padding-bottom: 0px;
  height: 40px;
  border: red 0px solid;
}

.inline {
  display: inline-block;
}
#btn {
  box-shadow: 5px 5px 5px grey;
  color: aqua;
  margin: 10px;
  background-color: brown;
}