JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css">
<div class="wrapper">
  <div class="carrousel__candidature__timeline">
    <div class="timeline-item p">Architecture</div>
    <div class="timeline-item p">Design d’intérieur</div>
    <div class="timeline-item p">Accrédités LEED</div>
    <div class="timeline-item p">Spécialiste codes</div>
  </div>
</div>

SCSS

.wrapper {
  max-width: 800px;
}
		.slick-list {
			width: 100%;
		}
.carrousel__candidature__timeline {
				.timeline-item {
					width: auto;
					height: auto;
					background: transparent;
					margin-bottom: 20px !important;
					position: relative;
					font-size: 14px;
					line-height: 28px;
					font-weight: 400;
					outline: none;
					cursor: pointer;
					color: red;

					&::before {
						content: "";
						position: absolute;
						top: 36px;
						left: -100%;
						width: 100%;
						height: 2px;
						background-color: red;
						transition: 0.2s;	
					}

					&::after {
						content: "";
						position: absolute;
						top: 30px;
						left: 0;
						width: 15px;
						height: 15px;
						border-radius: 100%;
						background-color: red;
						transition: 0.2s;
						z-index: 1000;
					}
				}
			}
      
.slick-current ~ .timeline-item {
  color: gray;
}
.slick-current ~ .timeline-item::before {
  background-color: gray;
}
.slick-current ~ .timeline-item::after {
  background-color: gray;
}

JavaScript

$('.carrousel__candidature__timeline').slick({
			slidesToShow: 4,
			SlideToScroll: 1,
            asNavFor: '.carrousel__candidature__content',
            centerMode: false,
            focusOnSelect: true,
            mobileFirst: true,
			arrows: false,
			dots: false,
			infinite: false,
			variableWidth: false
		});