.elementor-widget-crafto-timeline.appear:not(.anime-complete) .timeline-item{
transition: 0s;
}
.timeline-box,
.timeline-box * {
transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1);
will-change: transform;
}
.timeline-box {
display: -ms-flexbox;
display: flex;
}
.timeline-item .timeline-content p:last-child {
margin-bottom: 0;
} .timeline-style-1 .timeline-item {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
width: 100%;
}
.timeline-style-1 .timeline-year {
font-size: 2.375rem;
line-height: 2.7rem;
font-weight: 500;
display: block;
color: var( --e-global-color-secondary, #232323 );
}
.timeline-style-1 .timeline-year.text-stroke {
color: transparent;
}
.timeline-style-1.year-down .timeline-item-year {
order: 3;
}
.timeline-style-1.year-middle .timeline-item-box {
order: 1;
margin: 0 0 10px;
top: -15px;
}
.timeline-style-1.year-middle .timeline-item-year {
order: 2;
}
.timeline-style-1.year-middle .timeline-content {
order: 3;
}
.timeline-style-1.year-down .timeline-content {
margin-bottom: 20px;
}
.timeline-style-1 .timeline-item-box {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin: 25px 0;
width: 100%;
}
.timeline-style-1 .timeline-separator {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: #e4e4e4;
}
.timeline-style-1 .timeline-box-bfr {
background: #e4e4e4;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
.timeline-style-1 .timeline-box-afr {
background: #000;
border-radius: 100%;
width: 8px;
height: 8px;
}
.timeline-style-1 div.timeline-title,
.timeline-style-1 span.timeline-title {
font-size: 18px;
font-weight: 500;
}
.timeline-style-1 .timeline-title {
color: #000;
display: block;
margin-bottom: 5px;
}
.timeline-style-1 .timeline-content {
display: inline-block;
width: 70%;
}
.timeline-style-1 .timeline-item:hover .timeline-box-bfr {
transform: scale(1.3);
} @media (max-width: 991px) {
.timeline-box {
flex-wrap: wrap;
}
.timeline-style-1 .timeline-item {
width: 50%;
margin-top: 50px;
flex: 0 0 auto;
}
.timeline-style-1 .timeline-item:nth-child(1),
.timeline-style-1 .timeline-item:nth-child(2) {
margin-top: 0;
}
}
@media (max-width: 575px) {
.timeline-style-1 .timeline-item {
width: 100%;
margin-top: 30px;
}
.timeline-style-1 .timeline-item:nth-child(2) {
margin-top: 30px;
}
}