.outer-container_roadmap {
      /*border: 2px solid #0166B4;
      border-radius: 10px;
      padding: 20px;
      background-color: #ffffff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
      width: 90%;
      max-width: 840px;
    }
    .roadmap-container {
      position: relative;
      width: 100%;
      height: 170px;
    }
    /* SVG Roadmap Path */
    .roadmap-path {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      z-index: 0;
    }
    /* Main Roadmap Line */
    .main-path {
      stroke: #0166B4;
      stroke-width: 30;
      fill: transparent;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    /* Dashed Overlay Path */
    .dashed-path {
      stroke: #fff;
      stroke-width: 5;
      fill: transparent;
      stroke-dasharray: 20, 15;
      stroke-linecap: round;
    }
    /* Ticket Icon */
    .ticket-icon {
      width: 60px;
      height: 60px;
      position: absolute;
      transform: translate(-50%, -50%);
      z-index: 2; /* Make sure icons stay above the line */
      animation: popIn 0.6s ease-out;
      background-color: #96BE11;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    /* Our custom class to control icon size */
    .custom-fa-icon {
      font-size: 24px;
      transform: rotate(-20deg);
    }
    
    /* Step Labels */
    .step-label {
      position: absolute;
      transform: translateX(-50%);
      font-size: 16px;
      font-weight: bold;
      color: #333;
      text-align: center;
     /* width: 140px;*/
      z-index: 2; /* Ensure text is above the line */
    }
    /* Clickable Box Styling */
    .box-text.pathpopup {
      cursor: pointer;
    }
	
	.plus-icon {
	position: absolute;
    top: 9px;
    right: 9px;
    font-size: 10px;
    color: #fafafa;
    background-color: #0166B4;
    border-radius: 50%;
    padding: 2px;
    z-index: 3;
	}

    /* Animation */
    @keyframes popIn {
      from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
      }
      to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
      }
    }
    /* Mobile Responsive */
    @media (max-width: 600px) {
      .outer-container_roadmap {
        padding: 15px;
      }
      .ticket-icon {
        width: 40px;
        height: 40px;
      }
      .custom-fa-icon {
        font-size: 16px;
      }
      .step-label {
        font-size: 14px;
        width: 100px;
      }
    }