/* About Page History Timeline Decoration */

.about-history-line::before,
.about-history-line::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background-color: var(--aip-heading);
    border-radius: 50%;
    z-index: 5;
}

/* Position exactly at the top and bottom */
.about-history-line::before {
    top: 0;
    display: none;
}

.about-history-line::after {
    bottom: 0;
}

/* Desktop overrides */
@media (min-width: 768px) {
    .about-history-line::before {
        display: block;
    }
}

/* Card side borders */
.history-card-left {
    border-right: 3px solid var(--aip-heading);
}

.history-card-right {
    border-left: 3px solid var(--aip-heading);
}

@media (max-width: 767px) {
    .history-card-left {
        border-right: 1px solid #e5e7eb;
        border-left: 3px solid var(--aip-heading);
    }
}