/* Open Account Form — Comparison */
.oaf-comparison {
    background-color: #065055;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.oaf-comparison__inner {
    width: 100%;
    max-width: 1266px !important;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Left column (table only) */
.oaf-comparison__left {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.oaf-comparison__tag {
    display: block;
    font-family: 'Source Code Pro', monospace;
    font-size: 13px;
    color: #B8B8B8;
    line-height: 130%;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 400;
}

.oaf-comparison__heading {
    font-size: 28px;
    color: #fff;
    margin-bottom: 1rem;
    line-height: 116%;
}

/* Comparison table */
.oaf-comparison__table {
    border-radius: 1.77275rem;
    overflow: hidden;
    border: 1px solid #22AFB9;
    background: linear-gradient(180deg, #065055 0%, #062B2E 100%);
    max-width: 36.78406rem;
}

.oaf-comparison__table-header,
.oaf-comparison__table-row {
    display: grid;
    grid-template-columns: 1fr 8.5rem 8.5rem;
    align-items: stretch;
}

.oaf-comparison__table-header {
    background-color: rgba(255, 255, 255, 0.06);
}

.oaf-comparison__table-row {
    /* border-top: 1px solid rgba(255, 255, 255, 0.08); */
}

.oaf-comparison__col-label,
.oaf-comparison__col-platform,
.oaf-comparison__col-bank,
.oaf-comparison__feature,
.oaf-comparison__check {
    padding: 0.75rem 0.875rem;
}

.oaf-comparison__col-label {
    font-size: 1.06363rem;
    font-weight: 600;
    color: #E9E9E9;
    line-height: 140%;
    display: flex;
    align-items: center;
}

.oaf-comparison__col-platform {
    font-size: 1.15225rem;
    font-weight: 600;
    color: #212240;
    background-color: #38E97C;
    text-align: center;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oaf-comparison__col-bank {
    font-size: 1.15225rem;
    font-weight: 600;
    color: #E5E5E5;
    text-align: center;
    line-height: 125%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oaf-comparison__feature {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.oaf-comparison__feature a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.oaf-comparison__check {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.comparison__check_col_1{
    border-top: 1px solid #064448;
    border-left: 1px solid #38E97C;
    border-right: 1px solid #38E97C;

}

/* Mobile form padding */
.oaf-comparison .open-account-form-block__form-container {
    padding: 1.75rem 1.25rem;
}

/* sm: 480px */
@media (min-width: 480px) {
    .oaf-comparison__heading {
        font-size: 36px;
    }
}

/* md: 830px */
@media (min-width: 830px) {
    .oaf-comparison__heading {
        font-size: 42px;
    }
}

/* lg: 1050px — side by side */
@media (min-width: 1050px) {
    .oaf-comparison {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    /* Grid: left column auto-rows, right column fixed-width spanning both rows */
    .oaf-comparison__inner {
        display: grid;
        grid-template-columns: 1fr 560px;
        grid-template-rows: auto 1fr;
        grid-template-areas:
            "header form"
            "table  form";
        gap: 2rem 3rem;
    }

    .oaf-comparison__header {
        grid-area: header;
        align-self: start;
    }

    .oaf-comparison__left {
        grid-area: table;
        align-self: start;
        width: 100%;
        min-width: 0;
    }

    .oaf-comparison .open-account-form-block__form-wrapper {
        grid-area: form;
        width: 100%;
    }

    .oaf-comparison__heading {
        font-size: 48px;
    }
}

/* xl: 1280px */
@media (min-width: 1280px) {
    .oaf-comparison__inner {
        grid-template-columns: 1fr 600px;
        gap: 1.5rem 4rem;
    }

    .oaf-comparison__heading {
        font-size: 56px;
    }
}