.brochure-list {
    padding-left: 0;
    list-style: none;
    row-gap: 10px;
}

.brochure-list a {
    text-decoration: none;
}

.previous-item {
    border-bottom: 1px solid #B5C1C7;
    padding: 20px 0;
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 20px;
}



.chart-header {
    background: #1F394C;
    color: #fff;
    padding: 20px 0;
    font-size: var(--title-sm);
    line-height: normal;
    letter-spacing: 0.4px;
}

.chart-head {
    background: #B5C1C7;
    color: #1F394C;
    position: sticky;
    top: 80px;
}

.chart-row {
    grid-template-columns: repeat(var(--column_count), 1fr);
    display: grid;
    line-height: normal;
    font-weight: 400;
}

.chart-row :is(.flag-logo) {
    width: 32px;
    height: 32px;
}

.chart-row>[class^="col"] {
    padding: 10px 20px;
    border-right: 1px solid rgba(31, 57, 76, 0.20);
}

.chart-row>[scope^="row"] {
    font-size: 14px;
    color: #353840;
}

.chart-row>[class^="col"]:first-child,
.chart-row>[class^="col"]:last-child {
    border-right: none;
}

.col[data-title] {
    font-size: 16px;
    color: #1F394C;

}

.chart-body {
    background: #F8F8F8;
}

@media (max-width: 991.98px) {
    .chart-row {
        grid-template-columns: repeat(1, 1fr);
        display: grid;
        line-height: normal;
        font-weight: 400;
        border-bottom: 1px solid rgba(31, 57, 76, 0.20);

    }

    .chart-row>[scope^="row"] {
        font-size: 16px;
    }

    .chart-row>[class^="col"] {
        padding: calc(var(--bs-gutter-x) * 0.5);
        border-right: none;
    }

    .col[data-title] {
        padding: calc(var(--bs-gutter-x) * 0.5);
        border-right: none;
        row-gap: 20px;
        display: flex;
        flex-direction: column;
        color: #1F394C;
        font-weight: 700;
    }

    .col[data-title]:before {
        content: attr(data-title);
        font-weight: 400;

    }
}


.card-detail.caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    gap: 20px;
}