.linha-infinita {
    position: absolute;
    width: 5px;
    background: #2b2856;
    height: 100%;
    left: 10%;
}

.linha-do-tempo-con {
    position: relative;
}

.linha-do-loop {
    overflow-y: scroll;
    height: 600px;
    padding-bottom: 100px;
}

div.linha-cat {
    display: flex;
    margin: 150px 0px;
}

.ano-cat {
    display: flex;
    gap: 30px;
    margin-left:8.45%;
    align-items: center;
}

span.circulozinho {
    width: 30px;
    height: 30px;
    background: #ff8f4d;
    border-radius: 30px;
    position: relative;
}

.linha-infinita {
    position: absolute;
    width: 5px;
    background: #2b2856;
    height: 100%;
    left: 10%;
}

.linha-do-tempo-con {
    position: relative;
}

.linha-do-loop {
    overflow-y: scroll;
    height: 600px;
}

div.linha-cat {
    display: flex;
    height: 256px;
    margin: 150px 0px;
}

.ano-cat {
    display: flex;
    gap: 12px;
    margin-left: 8.45%;
    align-items: center;
}

span.circulozinho {
    width: 30px;
    height: 30px;
    background: #ff8f4d;
    border-radius: 30px;
    position: relative;
}

.ano-cat p {
    margin: 0px;
}

.ano-cat p {
    margin: 0px;
    font-size: 18px;
}

div.pessoa-linha-con {
    margin-left: 25%;
    width: 40%;
}

.imagem-da-pessoa-linha {
    display: flex;
    justify-content: center;
}


.texto-pessoa-linha h3,
.pessoa-linha-card a:hover,
.texto-pessoa-linha h2 {
    text-align: center;
    text-decoration: none;
    color: #2b2856;
}

@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideOutToLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-50px);
    }
}

.pessoa-linha-con.ativo {
     opacity: 1;
    animation: slideInFromLeft 0.5s ease-out forwards !important;
}

.pessoa-linha-con {
   opacity: 0;
}

.pessoa-linha-con.saindo {
    animation: slideOutToLeft 0.5s ease-in forwards !important;
}

.dots-pesquisa li button {
    background: #bcbac9 !important;
    width: 20px;
    height: 20px;
    border-radius: 30px;
}

.dots-pesquisa li.slick-active button {
    background: #ff8f4d !important;
    width: 20px;
    height: 20px;
}
span.s1{
    padding: 0px!important;
}

.texto-pessoa-linha {
    width: 100%;
}

.texto-pessoa-linha h3 {
    width: 100%;
}
ul.slick-dots {
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 20px;
    color: transparent;
}

.imagem-da-pessoa-linha img {
    width: 55%;
    height: auto;
}