.no-account{ display:none!important; }

.swproaccount-login {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.noaccount {
    margin: 0 0 10px;
}

li.account-tab {
    padding: 20px;
}

li.account-tab .account-tab-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: white;
    padding: 20px;
    border-radius:var(--global-radius);
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

li.account-tab .account-tab-header:after {
    font-family: "Font Awesome 6 Free";
    color: rgba(255,255,255,0.1);
    position: absolute;
    right: -11px;
    font-size: 4rem;
}

li.account-tab .account-tab-header.private:after {
    content: "\f007";
}
li.account-tab .account-tab-header.pro:after {
    content: "\f007";
}

li.account-tab .account-tab-header span {
    display: flex;
    text-transform: uppercase;
    padding: 2px 0;
}

li.account-tab .account-tab-header span.text-small {
    font-weight: 500;
    font-size: 1.1rem;
}
li.account-tab .account-tab-header span.text-big {
    font-weight: 500;
    font-size: 1.5rem;
}
li.account-tab .account-tab-body {
    margin-bottom: 25px;
}

li.account-tab .account-tab-body p {
    text-align: center;
}

li.account-tab .account-tab-footer a.btn {
    width: fit-content;
    margin: 0 auto;
    display: block;
    font-size: 0.8rem;
}