button.loginForm {
        background: #CE9741;
        text-transform: uppercase;
    }

    button.loginForm:hover {
        color: #fff;
    }

    .card-body {
        background: #000;
        padding: 0 0px 0px 0px !important;
    }

    .account-card-box {
        background: #000 !important;
    }

    .account-card-box .card {
        border: 4px solid #CE9741 !important;
    }

    input.form-control {
        background-color: transparent;
        border: 1px solid rgb(221 221 221 / 30%);
        height: 45px;
    }

    ::placeholder {
        color: rgb(255 255 255 / 80%) !important;

    }

    input.form-control:focus {
        background-color: transparent;
        border: 1px solid rgb(221 221 221 / 50%);
    }

    .card-body h5 {
        margin: 20px 0 0 0;
    }

    .card-body a:hover {
        color: #fff;
    }

    .account-card-box {
        background: #000 !important;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .account-pages {
        background: #000;
    }

    .login-logo {
        background: #121212;
    }

    .eye-set {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
    }

    .mt-20 {
        margin-top: 20px;
    }
    .form-control {
    color: #8a93a9 !important;
    }