.fan-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: -50px; /* Overlap cards */
        padding: 50px;
      }

      .fan-card {
        width: 15rem;
        transition: all 0.3s ease-in-out;
        position: relative;
      }

      /* Initial Fan Angles */
      .fan-card:nth-child(1) {
        transform: rotate(-15deg);
      }
      .fan-card:nth-child(2) {
        transform: translateY(-30px);
      }
      .fan-card:nth-child(3) {
        transform: rotate(15deg);
      }

 /* Vertical Steps Style */
 .steps-vertical {
     max-width: 500px;
     margin: 2rem auto;
     padding: 0;
 }

 .step-vertical {
     display: flex;
     position: relative;
     padding: 1rem 0;
 }

 .step-vertical:not(:last-child)::after {
     content: '';
     position: absolute;
     left: 25px;
     top: 60px;
     bottom: 0;
     width: 2px;
     background: #e9ecef;
 }

 .step-vertical-icon {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: white;
     border: 2px solid #dee2e6;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 1rem;
     font-size: 20px;
     color: #6c757d;
     position: relative;
     z-index: 2;
     flex-shrink: 0;
 }

 .step-vertical-content {
     padding-top: 0.5rem;
 }

 .step-vertical.active .step-vertical-icon {
     background: rgba(218, 41, 46, 1);
     border-color: rgba(218, 41, 46, 1);
     color: white;
     box-shadow: 0 0 0 5px rgba(218, 41, 46, 0.2);
 }

 .step-vertical.complete .step-vertical-icon {
     background: rgba(218, 41, 46, 0.75);
     border-color: rgba(218, 41, 46, 0.75);
     color: white;
 }