.tl-wrapper-9a7251cb {
    width: 100%;
    display: block;
}
.tl-item {
    display: flex;
    align-items: flex-start;
    position: relative;
}
.tl-spine {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    flex-shrink: 0;
}
.tl-dot-outer {
    border: 2px solid #EFAB00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    z-index: 2;
    flex-shrink: 0;
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.4s ease, box-shadow 0.4s ease;
}
.tl-dot-inner {
    border-radius: 50%;
    background-color: #EFAB00;
    flex-shrink: 0;
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.4s ease;
}
.tl-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #3a3a2a;
    z-index: 1;
}
.tl-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.tl-number {
    font-weight: bold;
    color: #EFAB00;
    line-height: 1;
    margin-bottom: 8px;
}
.tl-title {
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.tl-desc {
    color: #888888;
    margin: 0;
    transition: color 0.3s ease;
}

/* Hover effects */
.tl-item:hover .tl-dot-outer {
    transform: scale(1.15);
}
.tl-item:hover .tl-dot-inner {
    transform: scale(1.25);
}
.tl-item:hover .tl-desc {
    color: #b3b3b3;
}

/* Active glow */
.tl-item.is-active .tl-dot-outer {
    box-shadow: 0 0 12px rgba(239, 171, 0, 0.6);
}