body {
        padding: 0 !important;
    }

    button.loginForm {
        background: #c31f27;
        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 #c31f27 !important;
    }

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

    ::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;
    }

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

    .account-pages {
        background: #000;
    }

    .login-logo {
        background: #121212;
    }

    .card-body a {
        color: rgb(255 255 255 / 80%);
        transition: all .5s ease;
    }

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

    input:autofill {
        background: transparent !important;
    }