.input-underline {
    border: none;
    border-bottom: 1px solid #000000;
    outline: none;
    background: none;
    transition: border-color 0.3s;
}

.font-medium input {
    background: none;
}

.required::after {
    content: "*";
    color: #ef4444;
    margin-left: 2px;
}

.input-underline:focus {
    border-bottom: 1px solid #000;
}

.font-medium input:focus {
    outline: none;
    border: none;
    border-bottom: 1px solid #000;
}