/*Desing display password*/

    .bar:before,
    .bar:after {
        border-radius: 50%;
        bottom: 0;
        content: '';
        height: 2px;
        position: absolute;
        transition: 0.5s ease all;
        width: 0;
    }

    .bar {
        display: block;
        position: relative;
        z-index: 10;
    }

    .bar:before {
        left: auto;
        right: 0;
    }

    .bar.active-input:before,
    .bar.active-input:after {
        width: 100%;
    }

    .clear-input,
    .eye {
        bottom: 15px;
        color: gray;
        cursor: pointer;
        display: none;
        font-size: 19px;
        position: absolute;
    }

    .clear-input {
        right: 10px;
    }

    .eye {
        right: 33px;
    }