/* ==========================================================
   Comparison
   ========================================================== */

.comparison {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* ---------- Header ---------- */

.comparison__header {
    text-align: center;
}

.comparison__title {
    margin-bottom: 0.75rem;
}

.comparison__subtitle {
    margin: 0;
}

/* ---------- Columns ---------- */

.comparison__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;

    border: 1px solid;

    border-radius: 0.75rem;

    overflow: hidden;
}

.comparison__column {
    padding: 2rem;
}

.comparison__column:first-child {
    border-right: 1px solid;
}

/* ---------- Titles ---------- */

.comparison__column-title {
    text-align: center;

    margin-bottom: 2rem;
}

/* ---------- List ---------- */

.comparison__list {
    margin: 0;
    padding-left: 1.5rem;
}

.comparison__item {
    margin-bottom: 1.5rem;
}

.comparison__item:last-child {
    margin-bottom: 0;
}

.comparison__label {
    font-weight: 700;
}

.comparison__text {
    text-align: left;
}

/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 768px) {

    .comparison__columns {

        grid-template-columns: 1fr;

    }

    .comparison__column:first-child {

        border-right: none;

        border-bottom: 1px solid;

    }

    .comparison__column {

        padding: 1.5rem;

    }

}