.billing-plan_list {
    display: grid;
    grid-column-gap: 2%;
    grid-row-gap: 25px;
    grid-auto-columns: 23.5%;
    grid-auto-flow: column;
    width: auto;
    justify-content: center;
    justify-items: center;
}

.billing-plan {
    border-radius: 15px;
    box-shadow: 0 1px 20px 0 rgb(0 0 0 / 8%);
    background-color: var(--containers-background);
    flex-basis: 23.5%;
    width: 100%;
}

.billing-plan-selected {
    background-color: var(--billing-feature);
}

.billing-plan.most-popular {
    border: 2px solid var(--color-success);
}

.billing-plan.most-popular .most-popular-tag-container {
    margin-top: -13px;
    margin-bottom: -13px;
    text-align: center;
}

.billing-plan.most-popular .most-popular-tag {
    display: inline-block;
    margin: auto 0;
}

.billing-plan .plan-description p {
    padding: 0;
    margin: 0;
}

.billing-plan:nth-child(4n + 1) { grid-column: 1; }
.billing-plan:nth-child(4n + 2) { grid-column: 2; }
.billing-plan:nth-child(4n + 3) { grid-column: 3; }
.billing-plan:nth-child(4n + 4) { grid-column: 4; }

@media (max-width: 1200px) {
    .billing-plan_list {
        grid-auto-columns: 31%;
        grid-column-gap: 3%;
    }
    .billing-plan:nth-child(3n + 1) { grid-column: 1; }
    .billing-plan:nth-child(3n + 2) { grid-column: 2; }
    .billing-plan:nth-child(3n + 3) { grid-column: 3; }
}

@media (max-width: 1000px) {
    .billing-plan_list {
        grid-auto-columns: 48%;
        grid-column-gap: 4%;
    }
    .billing-plan:nth-child(2n + 1) { grid-column: 1; }
    .billing-plan:nth-child(2n + 2) { grid-column: 2; }
}

@media (max-width: 700px) {
    .billing-plan_list {
        grid-auto-columns: 100%;
        grid-column-gap: 0%;
    }
    .billing-plan:nth-child(1n + 1) { grid-column: 1; width: 100%; }
}

table.table2 .plan-column {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}

table.table2 .sticky-column {
    position: -webkit-sticky;
    position: sticky;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    left:0;
}

table.table2 th.sticky-column {
    background-color: var(--header-background);
}

table.table2 tr:nth-child(odd) td.feature-column  {
    background-color: var(--billing-feature);
}

table.table2 tr:nth-child(even) td.feature-column  {
    background-color: var(--billing-feature-contrast);
}

table.table2 tr:nth-child(odd) td.popular-column  {
    background-color: var(--billing-popular);
}

table.table2 tr:nth-child(even) td.popular-column  {
    background-color: var(--billing-popular-contrast);
}