.xxx-table--deposit tr:has(.xxx-table-list__decorate-border) {
    padding-top: 4px;
}

.xxx-table-list__decorate-border {
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 80%;
    background: linear-gradient(90deg, #95CE5A 0%, #72B132 58.65%, #95CE5A 100%);
    border-radius: 0 5px 5px 0;
}

.xxx-table-list__cell--bank {
    grid-area: bank;
}

.xxx-table-list__cell--name {
    grid-area: name;
}

.xxx-table-list__cell--orders {
    grid-area: orders;
}

.xxx-table-list__cell--sum {
    grid-area: sum;
}

.xxx-table-list__cell--term {
    grid-area: term;
}

.xxx-table-list__cell--stavka {
    grid-area: stavka;
}

.xxx-table-list__cell.xxx-table-list__cell--advantages {
    grid-area: advantages;
}

.xxx-table.xxx-table--deposit .xxx-table-list__cell.xxx-table-list__cell--info {
    grid-area: info;
    padding-top: 0;
    padding-bottom: 0;
    justify-content: flex-start;
    align-items: flex-start;
}

.xxx-tag-status.xxx-tag-status--users-choice {
    background: #95CE5A26;
    color: #7FC03C;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.xxx-tag-status.xxx-tag-status--users-choice i {
    position: relative;
    color: white;
    background: #7FC03C;
    border-radius: 50%;
    font-size: 16px;
}

.xxx-table--deposit-adv .xxx-table-list__spans {
    display: flex;
    gap: 5px;
}

.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__spans) {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
        "bank name sum term stavka orders"
        "bank name info info info orders"
        ". advantages advantages advantages . .";
    align-items: center;
}

.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell {
    width: 100%;
}

.xxx-table--deposit-adv .xxx-table-list.xxx-table-list--deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell--labeled-p ~ .xxx-table-list__cell .xxx-show-on-hover {
    top: 2px;
}

.xxx-table-list__special-place {
    background-color: #F6F9FC;
    border: 1px solid #E8ECEF;
    border-radius: 5px;
    padding: 10px 20px;
    display: grid;
    grid-template-columns: 34px 1fr;
    grid-template-areas:
        "icon label"
        "icon text";
    align-items: center;
    grid-column-gap: 10px;
    width: 100%;
}

.xxx-table-list__special-place-icon {
    grid-area: icon;
    display: block;
}

.xxx-table-list__special-place-label {
    font-size: 12px;
    color: #9299A2;
}

.xxx-table-list__special-place-text {
    font-size: 14px;
    font-family: "lato black", sans-serif;
}

.xxx-table--deposit-adv .xxx-table-list--mob-bank-deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) {
    grid-template-areas:
        "name name name name name name"
        "sum sum term term stavka stavka"
        "info info info info info info"
        "orders orders orders orders orders orders";
}

.xxx-table--deposit-adv .xxx-table-list--mob-bank-deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell--info {
    padding-bottom: 10px;
}

@media screen and (min-width: 741px) {
    .xxx-table--deposit-adv .xxx-table-list--deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell {
        padding-bottom: 0 !important;
    }

    .xxx-table--deposit-adv .xxx-table-list__cell.xxx-table-list__cell--sum,
    .xxx-table--deposit-adv .xxx-table-list__cell.xxx-table-list__cell--term,
    .xxx-table--deposit-adv .xxx-table-list__cell.xxx-table-list__cell--stavka {
        padding-bottom: 0;
        padding-top: 20px;
    }

    .xxx-table--deposit-adv .xxx-table-list--deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell.xxx-table-list__cell--advantages {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 740px) {
    .xxx-table-list__special-place {
        padding: 5px 10px;
        margin-bottom: 10px;
    }

    /* Special offer: info under rates */
    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__special-place) {
        grid-template-areas:
            "bank bank bank bank bank bank"
            "sum sum term term stavka stavka"
            "info info info info info info"
            "advantages advantages . orders orders orders";
    }

    /* Users choice badge: info right under bank (above rates) */
    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-tag-status--users-choice) {
        grid-template-areas:
            "bank bank bank bank bank bank"
            "info info info info info info"
            "sum sum term term stavka stavka"
            "advantages advantages . orders orders orders";
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__spans) > .xxx-table-list__cell--bank {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 6;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__special-place) > .xxx-table-list__cell--sum,
    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__special-place) > .xxx-table-list__cell--term,
    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__special-place) > .xxx-table-list__cell--stavka {
        -ms-grid-row: 2;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__special-place) > .xxx-table-list__cell.xxx-table-list__cell--info {
        -ms-grid-row: 3;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-tag-status--users-choice) > .xxx-table-list__cell.xxx-table-list__cell--info {
        -ms-grid-row: 2;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-tag-status--users-choice) > .xxx-table-list__cell--sum,
    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-tag-status--users-choice) > .xxx-table-list__cell--term,
    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-tag-status--users-choice) > .xxx-table-list__cell--stavka {
        -ms-grid-row: 3;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__spans) > .xxx-table-list__cell--sum {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__spans) > .xxx-table-list__cell--term {
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__spans) > .xxx-table-list__cell--stavka {
        -ms-grid-column: 5;
        -ms-grid-column-span: 2;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__spans) > .xxx-table-list__cell.xxx-table-list__cell--info {
        -ms-grid-column: 1;
        -ms-grid-column-span: 6;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__spans) > .xxx-table-list__cell.xxx-table-list__cell--advantages {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }

    .xxx-table.xxx-table--deposit.xxx-table--deposit-adv .xxx-table-list__row-inner:has(.xxx-table-list__spans) > .xxx-table-list__cell--orders {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 3;
    }

    .xxx-table--deposit-adv .xxx-table-list--mob-deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell.xxx-table-list__cell--orders {
        padding-left: 0;
    }

    .xxx-table-list--mob-deposit .xxx-table-list__row-inner:has(.xxx-table-list__cell--info) .xxx-table-list__cell.xxx-table-list__cell--orders > .xxx-g-btn,
    .xxx-table-list--mob-deposit .xxx-table-list__row-inner:has(.xxx-table-list__cell--info) .xxx-table-list__cell.xxx-table-list__cell--orders .xxx-full_width,
    .xxx-table--deposit-adv .xxx-table-list--mob-deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell.xxx-table-list__cell--orders > .xxx-g-btn,
    .xxx-table--deposit-adv .xxx-table-list--mob-deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell.xxx-table-list__cell--orders .xxx-full_width {
        width: 100%;
    }

    .xxx-table--deposit-adv .xxx-table-list__cell.xxx-table-list__cell--info {
        padding-bottom: 10px;
    }

    .xxx-table--deposit-adv .xxx-table-list__cell.xxx-table-list__cell--info:has(.xxx-tag-status--users-choice) {
        align-items: center;
        padding-top: 10px;
    }

    .xxx-table--deposit-adv .xxx-table-list__cell.xxx-table-list__cell--sum,
    .xxx-table--deposit-adv .xxx-table-list__cell.xxx-table-list__cell--term,
    .xxx-table--deposit-adv .xxx-table-list__cell.xxx-table-list__cell--stavka {
        padding-top: 10px;
    }

    .xxx-table--deposit-adv .xxx-table-list--mob-deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell:nth-child(4),
    .xxx-table--deposit-adv .xxx-table-list--mob-deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell:nth-child(5),
    .xxx-table--deposit-adv .xxx-table-list--mob-deposit .xxx-table-list__row-inner:has(.xxx-table-list__spans) .xxx-table-list__cell:nth-child(6) {
        padding-bottom: 10px;
    }
}