body {
  font-family: 'Poppins', sans-serif;
}
.timeline-line {
    background: linear-gradient(180deg, #043362, #5da945 50%, #f1740f)
}

.timeline-dot.is-active {
    --tw-border-opacity: 1;
    border-color: rgb(241 116 15/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(241 116 15/var(--tw-bg-opacity, 1))
}
@media (min-width:768px) and (max-width:1023px){
.reveal{
display:flex;
}
}
@media (max-width:1023px){

[data-timeline]{
padding-left:0;
}

[data-timeline]>.absolute{
left:10px;
transform:none;
}

.reveal{
/* display:flex; */
align-items:flex-start;
gap:1rem;
/* padding-bottom:3rem; */
}

.reveal .flex-1{
order:2;
width:100%;
}

.reveal .relative.w-10{
order:1;
width:20px;
min-width:20px;
display:flex;
justify-content:center;
}

.timeline-dot{
position:relative;
left:auto;
top:8px;
transform:none;
margin:0;
}

}

/* Clients */
.clients-marquee{
position:relative;
overflow:hidden;
}

.clients-track{
display:flex;
align-items:center;
width:max-content;
animation:clientsMarquee 30s linear infinite;
will-change:transform;
}

.clients-marquee:hover .clients-track{
animation-play-state:paused;
}

.clients-slide{
flex:0 0 auto;
padding-inline:.75rem;
}
.clients-marquee{
overflow:hidden;
position:relative;
}

.clients-track{
display:flex;
width:max-content;
will-change:transform;
}

.clients-slide{
flex:0 0 auto;
}

@media(max-width:1023px){
.clients-track{
animation-duration:22s;
}
}

@media(prefers-reduced-motion:reduce){
.clients-track{
animation:none;
transform:none;
}
}