.services-fares-section {
    scroll-margin-top: 6rem;
    background: #f2f5f8;
}

.services-fares-heading {
    max-width: 820px;
    margin: 0 auto 2rem;
}

.services-fare-card {
    margin-bottom: 1.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid #d9dee4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(20, 30, 42, .1);
}

.services-fare-card__heading {
    display: flex;
    margin-bottom: .5rem;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
}

.services-fare-card__heading h3,
.services-fare-card__heading p {
    margin-bottom: 0;
}

.services-fare-card__heading > p {
    max-width: 480px;
    color: #5c6570;
    text-align: right;
}

.services-fare-table-wrap {
    margin-bottom: .75rem;
}

.services-fare-table th:first-child {
    width: 40%;
}

.services-fare-empty {
    padding: 1.25rem !important;
    background: #f7f8f9;
    color: #5c6570;
    text-align: left !important;
}

.services-fare-disclaimer {
    color: #5c6570;
    font-size: .92rem;
    text-align: center;
}

html.dark-mode .services-fares-section {
    background: #111 !important;
}

html.dark-mode .services-fare-card {
    border-color: #484848;
    background: #202020;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .35);
}

html.dark-mode .services-fare-card__heading > p,
html.dark-mode .services-fare-disclaimer {
    color: #c9c9c9;
}

html.dark-mode .services-fare-empty {
    background: #272727;
    color: #d5d5d5;
}

@media (max-width: 767.98px) {
    .services-fare-card__heading {
        align-items: start;
        flex-direction: column;
        gap: .65rem;
    }

    .services-fare-card__heading > p {
        max-width: none;
        text-align: left;
    }
}