/* ===============

Customs Invalid Classes for the Input field for 

=============== */

.invalid-input-group input[type="text"]:focus + label,
.invalid-input-group input[type="email"]:focus + label,
.invalid-input-group input[type="tel"]:focus + label {
  top: -11px;
  background-color: white;
  border-color: crimson;
  color: white;
}

.invalid-input-group input[type="text"]::placeholder,
.invalid-input-group input[type="email"]::placeholder,
.invalid-input-group input[type="tel"]::placeholder {
  font-size: 11px;
  color: crimson;
}