svg.bi.bi-lock-fill {
    fill: #ff0000;
    /* padding-left: 5px; */
    margin-right: 5px;
}
.red {
    color: red;
}
.payhide p {
    font-size: .8rem;
    color: #bbb;
    margin: 15px 0 20px 0;
}
.dle_billing {
    padding: 30px;
    box-sizing: border-box;
}
.mb-3 {
    display: block;
}

.billing_header {
    grid-template-columns: 1fr 2fr; 
}
.user__board {
    grid-template-columns: 1fr;
}
.card.banner__news {
    background-color: #0e1015;
    overflow: hidden;
}
.banner__news::before {
    content: "";
    position: absolute;
    bottom: -40px;
    right: -52px;
    background-image: url(../img/news.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 556px;
    height: 316px;
    display: block;
}
pre code {
    display: block;
    padding: .5em;
    background: #000;
    border: 1px solid #1e2027;
    overflow: auto;
    white-space: pre;
    max-height: 350px;
    border-radius: 10px;
}
pre {
    display: grid;
}
.banner__news::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg,rgba(14, 16, 21, 1) 8%, rgba(14, 16, 21, 0) 48%);
    bottom: -40px;
    right: -52px;
    width: 556px;
    height: 316px;
    display: block;
}

@media (max-width: 580px) {
    .banner__news::before {
        width: 371px;
        height: 229px;
    }
    .banner__news::after {
        width: 371px;
        height: 229px;
    }
}