.validation-error {
    display: block;
    color: #dc3545;
    font-size: 13px;
    text-align: left;
    margin-top: 5px;
    min-height: 18px;
}

.form-control.is-invalid,
.form-select.is-invalid {
    border: 1px solid #dc3545 !important;
}

.form-control.is-valid,
.form-select.is-valid {
    border: 1px solid #198754 !important;
}

.form-control:focus,
.form-select:focus {
    box-shadow: none;
}

@media (max-width: 576px) {

    .validation-error {
        font-size: 12px;
    }

    .form-control,
    .form-select {
        font-size: 15px;
    }

}