.block-timeline .title ,.block-timeline .text-content {
    text-align: center;
    max-width: 52rem;
    margin: 0 auto 1.25rem;
    display: table;
}

.block-timeline .text-content p {
    font-size: var(--bs-nav-link-font-size);
   
    line-height: var(--line-height-nav);
}
.timeline-container {
    display: table;
    margin: 2.5rem auto 0;
    padding-left: 18.75rem;
}


.timeline-container .info-event-item {
    position: relative;
    display: flex;
    gap: 0.938rem;
    align-items: center;
    padding-bottom: 4.875rem;
}
.timeline-container .info-event-item:last-child {
    padding-bottom: 0;
}
.timeline-container .info-event-item::after {
    position: absolute;
    content: '';
    background: url('data:image/svg+xml;charset=utf-8,<svg width="2" height="80" viewBox="0 0 2 80" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0V80" stroke="%23C9C6CA" stroke-width="2" stroke-linejoin="round" stroke-dasharray="2 8"/></svg>') repeat-y center;
    left: 1.75rem;
    top: 3.625rem;
    bottom: 0;
    width: 4px;
    z-index: -1;
}
.timeline-container .info-event-item:last-child::after {
   display: none;
}
.timeline-container .info-event-item .icon-timeline {
    width: 3.625rem;
    height: 3.625rem;
    /* background: var( --color-primary); */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease;
}
.timeline-container .info-event-item .icon-timeline.red {

    background: var( --color-primary);

}
.timeline-container .info-event-item:hover .icon-timeline {
    transform: scale(1.2);
}

.timeline-container .info-event-item .icon-timeline img {
    max-height: 2.5rem;
}

.timeline-container .info-event-item .event-detail {
    font-size: var(--bs-nav-link-font-size);
    max-width: 25.625rem;
    line-height: var(--line-height-nav);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.005em;
}


.timeline-container .info-event-item .event-detail span.year {
    color: var(--color-primary);
    display: inline;
    position: relative;
}

.timeline-container .info-event-item .event-detail span.year::after {
    content: ",";
    position: relative;
    display: inline;
    margin-right: 0.188rem;
    margin-left: 0.063rem;
}
@media only screen and (max-width: 991px) {
    .timeline-container {
    
        padding-left: 0;
    }
}
@media only screen and (max-width: 767px) {
    .timeline-container {
        margin: 0.75rem 0 0;
        padding-left: 0;
    }

    .block-timeline .title ,.block-timeline .text-content {
        text-align: left;
        max-width: 100%;
        margin: 0 0 0.75rem;
      
    } 
    .timeline-container .info-event-item {
     
        padding-bottom: 3.438rem;
    
    }
    .timeline-container .info-event-item::after {
        height: 100%;
    }
    .block-timeline .text-content p {
        font-size: var(--font-size-base);
        line-height: var(--bs-body-line-height);
    }
    .timeline-container .info-event-item .event-detail {
        max-width: calc(100% - 4.875rem);
        flex-shrink: 1;
    }
}