.process-section {
      padding: 3rem 1rem;
    }
    .section-eyebrow {
      color: #fff;
      letter-spacing: .14em;
      text-transform: uppercase;
      font-weight: 700;
      font-size: .85rem;
      text-align: center;
    }
    .display-head {
      font-weight: 800;
      letter-spacing: .2px;
      text-align: center;
      font-size: 2rem;
      margin: 0.5rem 0;
    }
    .lead {
      color: #b7c8e8;
      opacity: .9;
      text-align: center;
      margin-bottom: 2rem;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
    }
    .scroll-container {
      display: flex;
      gap: 2rem;
      overflow-x: auto;
      scroll-snap-type: y mandatory;
      padding: 2rem 0;
      padding-bottom: 12rem;
      max-width: 1600px;
      margin: 0 auto;
    }
    .scroll-container::-webkit-scrollbar {
     display: none;
    }
    .step {
      flex: 0 0 80%;
      /* scroll-snap-align: start; */
      min-width: 320px;
      max-width: 600px;
      position: relative;
      display: flex;
      flex-direction: column;
      padding-left: 0px;
    }
    .icon-bubble {
      width: 200px;
      height: 200px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2rem;
      padding-left: 0px;
      font-size: 2rem;
      color: #7a49ff;
    }
    .step h4 {
     color: #1fe0ff;
     background: linear-gradient(100deg, #04E4FF 1.4%, #009CFF 67.99%, #009CFF 98.26%);
    background-clip: border-box;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 34px;
    }
    .step p {
      font-size: 20px;
    }

    .feature-list li{
     padding: 0 0 0 25px;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='32' viewBox='0 0 18 32' fill='none'%3E%3Cpath d='M17.782 16.083L0.782043 0.583008L8.71538 16.083L0.782043 31.583L17.782 16.083Z' fill='%23F8F8F8'/%3E%3C/svg%3E");
     background-size: 13px;
     background-position: 0 .2em;
     background-repeat: no-repeat;
     list-style-type: none;
     font-size: 20px;
     margin-bottom: 1em;
     height: 32px;
    }

    .feature-list {
      padding-left:0px;
    } 

    .timeline-wrap {
    position: relative;
    height: 28px;
    max-width: 1600px;
    margin: 0 auto;
    min-height: auto;
    width: 100%;
    left: auto;
    top: 235px;
    transform: translate(0%, 100%);
    }

    .timeline-track {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      height: 4px;
      transform: translateY(-50%);
      /* background: linear-gradient(90deg, var blue, red); */
      border-radius: 999px;
    }

    .timeline-fill {
      position: absolute;
      left: 0;
      top: 50%;
      height: 6px;
      transform: translateY(-50%);
      width: 0%;
      /* background: linear-gradient(90deg, red, blue); */
      border-radius: 999px;
      box-shadow: 0 0 22px rgba(31, 210, 255, 0.45);
      transition: width 0.2s ease;
    }

    .timeline-knob {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 18px;
      height: 18px;
      border-radius: 50%;
      /* background: radial-gradient(circle at 40% 40%, #fff 0%, #b7f5ff 25%, #1fe0ff 50%, #7a49ff 100%); */
      box-shadow: 0 0 0 7px rgba(31,224,255,0.16), 0 0 28px rgba(31,224,255,0.5);
      left: 0%;
      transition: left 0.2s ease;
    }
    .counter {
      position: absolute;
      display: block;
      top: calc(100% - 0px);
      left: 0;
      color: rgba(255, 255, 255, 0.05);
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
      font-family: Roboto;
      font-size: clamp(70px, 9vw, 180px);
      font-style: normal;
      font-weight: 900;
      line-height: 110%;
    }