.plan-comparison--v1 {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.plan-comparison--v2 {
    padding-top: 40px;
    padding-bottom: 40px;

    @media (min-width:768px) {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.plan-comparison-table__wrapper {
    overflow-y: scroll;
}

.plan-comparison--v1 .plan-comparison-table__wrapper {
    padding: 0 25px 20px 25px;
    background-color: #fff;
    border: 1px solid #eaebec;
}

.plan-comparison-table {
    width: 100%;
    min-width: 900px;
    font-size: 12px;
    table-layout: fixed;

    thead {
        tr {
            th {
                padding: 15px 8px;
                font-size: 18px;
                font-weight: 700;
                color: var(--brand-primary);

                &:first-child {
                    width: 210px;
                    padding-left: 0;
                    text-align: left;
                    color: var(--text-color);
                    border: 0;

                }

            }
        }
    }

    tbody {
        tr {

            th,
            td {
                padding: 8px;
                border-bottom: 1px dashed #e1e1e3;

                .tick {
                    color: var(--brand-green);
                }
            }

            th {
                width: 210px;
                padding-left: 0;
                font-weight: 400;
                text-align: left;
            }

            svg {
                height: 12px;
                width: 12px;
                fill: #111111;
            }

            td {
                text-align: center;
            }

            &:last-child {

                th,
                td {
                    border: 0;
                }
            }
        }
    }
}