.form-control {
    color: #000; /* Ensure text color is visible */
    background-color: #fff; /* Ensure background color contrasts with text */
    cursor: text; /* Display text cursor */
    z-index: 1; /* Ensure fields are on top */
}

.form-control:focus {
    color: #000; /* Text remains visible */
    background-color: #fff; /* Keep the background consistent */
    border-color: #007bff; /* Highlight border on focus */
    outline: none; /* Remove focus outline */
    cursor: text; /* Show text cursor */
}

input, textarea {
    position: relative; /* Ensure elements are properly positioned */
    z-index: 1; /* Ensure no overlapping issues */
}

.error {
    color: red;
    font-size: 0.9rem;
}
input::placeholder {
    color: #6c757d;
    opacity: 1;
}
#inputField {
    text-transform: none !important;
}