/* Floating Labels */
.form-floating > label {
    padding: 0.75rem 0.75rem;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
    font-size: 1rem;
    color: #6c757d;
}
.form-floating > input:focus ~ label,
.form-floating > input:not(:placeholder-shown) ~ label,
.form-floating > select:not([value=""]) ~ label {
    font-size: 0.8rem;
    transform: translateY(-0.75rem);
    opacity: 0.8;
    color: #495057;
}