.password-checklist {
        text-align: left;
        margin-top: 10px;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.5s ease, transform 0.5s ease;
        transform: translateY(20px);
        position: absolute;
    }

    .password-input:focus~.password-checklist {
        position: inherit;
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    .password-title {
        font-size: 14px;
        font-weight: bold;
        color: #856404;
    }

    .check-lists {
        margin-top: 5px;
        padding-left: 30px;
    }

    .list-item {
        /* padding-left: 30px; */

    }

    .list-item::before {
        content: '\f00d';
        font-family: FontAwesome;
        display: inline-block;
        margin: 3px 0;
        width: 20px;
        font-size: 12px;
    }

    .list-item.checked {
        opacity: 0.5;
    }

    .list-item.checked::before {
        content: '\f00c';
        color: #353530;
    }