/* Styles personnalisés pour la timeline */
  .timeline {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      padding: 40px 0;
      /* Ajustement pour le texte au-dessus */
  }

  .timeline-step {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
  }

  .timeline-circle {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: #4BBE3F;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 2;
      /* Pour placer les cercles au-dessus du trait */
  }

.timeline-bg {
    background-color: #4BBE3F !important;
}

.dot {
    height: 1.5em;
        width: 1.5em;
        background-color: white;
        border-radius: 50%;
        position: relative;
        top: -0.3em;
        left: 0%;
}

.btn-dot {
    top: 0.44em;
        left: 0.34rem;
}
.btn-dot-wrap {
        width: 2.5rem !important;
            height: 2.5rem !important;
}
  .timeline-circle.active {
      background-color: #4BBE3F;
  }

  .line {
    height: 5px;
        background-color: #4BBE3F;
  }
  .timeline-circle.active::after {
      content: '';
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background-color: white;
  }

  .pastille {
    margin-top: -47px;
        width: 34px !important;
        height: 34px !important;
  }

  timeline-text .wrap {

  }

  .timeline-text-inactive {
    background: none !important;
    color: #959595 !important;

  }
.timeline-text-active {
    background-color: #4BBE3F !important;
    color: white !important;
}

.timeline-text-active {
    background-color: #4BBE3F !important;
    color: white !important;
}

 .timeline-text-short {
    line-height: 15px;
    padding-top: 15px !important;
 }

  .timeline-text {
    transform: rotate(-29deg);
    transform-origin: 0% 0% !important;
    position: relative;
    bottom: 25px;
    font-size: 17px;    
    z-index: 2;
    background-color: #4BBE3F ;
    font-weight: normal;
    text-transform: none;
    top: -37px !important;
    line-height: 20px;
    height: 3em;
    inline-size: min-content;
    overflow: hidden;
    min-width: 15px;
    left: -48px;
    font-family: 'poppins-bold';
    padding: 5px 20px 2px 20px;
    }

  /* Trait horizontal reliant les cercles */
  .timeline::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 2px;
      background-color: #ccc;
      z-index: 1;
      /* Pour placer le trait en arrière-plan */
  }

  /* Trait horizontal reliant les cercles */
  .timeline::before {
      content: '';
      position: absolute;
      top: 48%;
      left: 0;
      right: 0;
      height: 6%;
      /* Épaissir le trait */
      background-color: #4BBE3F;
      /* Changer la couleur en rouge */
      z-index: 1;
      /* Pour placer le trait en arrière-plan */
  }