/* Style for required fields */
.required {
    color: red;
    font-weight: bold;
}

/* Faint placeholder text */
form .form-group input::placeholder {
    color: #ccc;  /* Very faint gray */
    opacity: 1;    /* Ensure full opacity for the placeholder */
}

/* Highlight empty fields with a red border */
form .form-group input:invalid {
    border-color: red;
}

/* Optionally, add a transition for smooth highlighting */
form .form-group input {
    transition: border-color 0.3s ease;
}

/* Optionally, style the labels to make the form more readable */
form .form-group label {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
    display: block;
}