/*
 * "Company Journey" year timeline (About page) — restyled to match the
 * original akshengineering.com site's own timeline widget: a connecting
 * line with a small dot under each year, the active year highlighted, and
 * a checkmark on the final entry — instead of the new theme's boxed pill
 * buttons and their vertical dividers between items.
 *
 * Every ".nav-link" gets the same fixed height with the dot pinned to its
 * bottom edge (via margin-top:auto in a column flex box), so the dot row
 * lines up exactly regardless of each year's text length — the connecting
 * line is then positioned at that same fixed offset, rather than guessed
 * from font-metric math.
 */
.rs-history-one .rs-history-tab .nav-item:not(:last-child) .nav-link::before {
    content: none !important;
}

.rs-history-one .rs-history-tab .nav-link::after {
    content: none !important;
}

.rs-history-one .rs-history-tab .nav-pills {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    overflow-x: auto;
}

.rs-history-one .rs-history-tab .nav-pills::before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 56px;
    height: 1px;
    background: rgba(31, 31, 31, 0.15);
    z-index: 0;
}

.rs-history-one .rs-history-tab .nav-item {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    padding: 0 16px;
}

.rs-history-one .rs-history-tab .nav-link {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 60px !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: var(--rs-text-primary);
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
}

.rs-history-one .rs-history-tab .nav-link .rs-year-dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--rs-text-secondary);
    margin-top: auto;
}

.rs-history-one .rs-history-tab .nav-link.active,
.rs-history-one .rs-history-tab .nav-link:hover {
    color: var(--rs-theme-light-blue);
}

.rs-history-one .rs-history-tab .nav-link.active .rs-year-dot,
.rs-history-one .rs-history-tab .nav-link:hover .rs-year-dot {
    background: var(--rs-theme-light-blue);
    width: 10px;
    height: 10px;
}

.rs-history-one .rs-history-tab .nav-link .rs-year-check {
    font-size: 15px;
    margin-bottom: 4px;
}