/*=================================
Start Float Label Textbox
===============================*/

.float-container {
    padding: 0 8px;
    position: relative;
    color: black;
    margin: 0 auto;
}

.float-container input {
    border-bottom: solid 1px lightgray;
    font-size: 16px;
    margin: 16px 0 0px !important;
    outline: 0;
}

.float-container:hover input, .float-container input:focus {
    border-bottom: solid 1px black;
}
.float-container label {
    font-size: 16px;
    color: gray;
    position: absolute;
    transform-origin: top left;
    transform: translate(0, 10px) scale(1);
    transition: all .1s ease-in-out;
}

.float-container.active label {
    transform: translate(2px, -15px) scale(.75);
    color: var(--primary);
}

/*=================================
End Float Label Textbox
===============================*/