/* TIMELINE CSS STARTS */
  .timeline {
      position: relative;
      width: 100%;
      height: 160px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0px;
    }

    .line {
      position: absolute;
      top: 50%;
      left: 50px; /* Adjust to match circle size */
      right: 50px;
      height: 4px;
      background-color: #007BFF;
      z-index: 1;
    }

    .circle-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      z-index: 2;
    }

    .label-top {
      margin-bottom: 8px;
      font-size: 14px;
      color: #333;
    }

    .label-bottom {
      margin-top: 8px;
      font-size: 14px;
      color: #666;
    }

    .circle {
      width: 54px;
      height: 54px;
      border-radius: 50%;
	  border: 4px solid #007BFF;
    }

    .start {
      background-color: #28a745;
    }

    .middle {
      background-color: #007BFF;
    }

    .end {
      background-color: #dc3545;
    }




/* TIMELINE CSS END */