/* Timeline Container */
.wpb-custom-timeline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    gap: 50px;
}

/* Circles Container */
.wpb-custom-timeline-circles {
    display: flex;
    justify-content: space-between; /* Evenly space circles */
    z-index: 1;
    position: relative;
    gap: 50px;
} 

.wpb-custom-timeline-circles:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;  /* Line should span the full width */
    height: 2px;  /* Line thickness */
    background-color: #000;  /* Black line */
    z-index: 1;
}

.wpb-timeline-circle-outer {
    display: flex;
    align-items: center;
}


/* Individual Circle */
.wpb-timeline-circle {
    background-color: #fb9f20;
    border-radius: 50%;
    z-index: 2;
    /* #fe6d00; */
}

.wpb-timeline-circle-outer:last-child .wpb-timeline-circle {
    background-color: #fe6d00;
}

/* Timeline Items */
.wpb-timeline-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 0;
    margin-top: 60px; /* Ensure there's space for the circles */
}

/* Timeline Item */
.wpb-custom-timeline-item {
    text-align: left;
    margin-bottom: 30px;
    width: 25%;
}

.wpb-custom-timeline-item p {
    font-size: 16px;
    line-height: normal;
}


.wpb-timeline-circle-outer, .wpb-timeline-item {
    width: 25%;
}

.wpb-custom-timeline-item h3 {
    font-size: 36px;
    margin-bottom: 10px;
}