<div class="tw-form-container tw-pb-36 tw-pt-20 md:tw-pb-36 md:tw-pt-36 lg:tw-pb-60 lg:tw-pt-40">
    <div class="tw-flex tw-min-h-[56px] tw-items-center tw-justify-center md:tw-min-h-[64px]"> <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="tw-opacity-0 tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="  tw-text-primary-900 tw-font-bold tw-leading-none">1</div>
            </div>
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class="tw-text-primary-400 tw-font-medium  tw-hidden tw-hidden md:tw-block">車主&車輛資料</div>
        </div>
        <div class="tw-body-m  tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class="tw-text-primary-400 tw-font-medium ">車主&車輛資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l  tw-border-neutral-300 tw-text-neutral-300 tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class=" tw-text-neutral-300  tw-font-bold tw-leading-none">2</div>
            </div>
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">選擇方案&商品</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">選擇方案&商品</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l  tw-border-neutral-300 tw-text-neutral-300 tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class=" tw-text-neutral-300  tw-font-bold tw-leading-none">3</div>
            </div>
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">填寫&確認資料</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">填寫&確認資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l  tw-border-neutral-300 tw-text-neutral-300 tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class=" tw-text-neutral-300  tw-font-bold tw-leading-none">4</div>
            </div>
            <div class="tw-opacity-0  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">付款</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">付款</div>
        </div>
        </div>
        <!-- stepsItem end -->
    </div>
</div>
            

<div class="tw-form-container tw-pb-36 tw-pt-20 md:tw-pb-36 md:tw-pt-36 lg:tw-pb-60 lg:tw-pt-40">
    <div class="tw-flex tw-min-h-[56px] tw-items-center tw-justify-center md:tw-min-h-[64px]"> <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="tw-opacity-0 tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">1</div>
            </div>
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">車主&車輛資料</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">車主&車輛資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="  tw-text-primary-900 tw-font-bold tw-leading-none">2</div>
            </div>
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class="tw-text-primary-400 tw-font-medium  tw-hidden tw-hidden md:tw-block">選擇方案&商品</div>
        </div>
        <div class="tw-body-m  tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class="tw-text-primary-400 tw-font-medium ">選擇方案&商品</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l  tw-border-neutral-300 tw-text-neutral-300 tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class=" tw-text-neutral-300  tw-font-bold tw-leading-none">3</div>
            </div>
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">填寫&確認資料</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">填寫&確認資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l  tw-border-neutral-300 tw-text-neutral-300 tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class=" tw-text-neutral-300  tw-font-bold tw-leading-none">4</div>
            </div>
            <div class="tw-opacity-0  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">付款</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">付款</div>
        </div>
        </div>
        <!-- stepsItem end -->
    </div>
</div>
              

<div class="tw-form-container tw-pb-36 tw-pt-20 md:tw-pb-36 md:tw-pt-36 lg:tw-pb-60 lg:tw-pt-40">
    <div class="tw-flex tw-min-h-[56px] tw-items-center tw-justify-center md:tw-min-h-[64px]"> <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="tw-opacity-0 tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">1</div>
            </div>
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">車主&車輛資料</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">車主&車輛資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">2</div>
            </div>
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">選擇方案&商品</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">選擇方案&商品</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="  tw-text-primary-900 tw-font-bold tw-leading-none">3</div>
            </div>
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class="tw-text-primary-400 tw-font-medium  tw-hidden tw-hidden md:tw-block">填寫&確認資料</div>
        </div>
        <div class="tw-body-m  tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class="tw-text-primary-400 tw-font-medium ">填寫&確認資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l  tw-border-neutral-300 tw-text-neutral-300 tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class=" tw-text-neutral-300  tw-font-bold tw-leading-none">4</div>
            </div>
            <div class="tw-opacity-0  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">付款</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">付款</div>
        </div>
        </div>
        <!-- stepsItem end -->
    </div>
</div>
                

<div class="tw-form-container tw-pb-36 tw-pt-20 md:tw-pb-36 md:tw-pt-36 lg:tw-pb-60 lg:tw-pt-40">
    <div class="tw-flex tw-min-h-[56px] tw-items-center tw-justify-center md:tw-min-h-[64px]"> <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="tw-opacity-0 tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">1</div>
            </div>
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">車主&車輛資料</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">車主&車輛資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">2</div>
            </div>
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">選擇方案&商品</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">選擇方案&商品</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">3</div>
            </div>
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">填寫&確認資料</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">填寫&確認資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class="tw-hidden tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="  tw-text-primary-900 tw-font-bold tw-leading-none">4</div>
            </div>
            <div class="tw-opacity-0  tw-border-neutral-300 tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class="tw-text-primary-400 tw-font-medium  tw-hidden tw-hidden md:tw-block">付款</div>
        </div>
        <div class="tw-body-m  tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class="tw-text-primary-400 tw-font-medium ">付款</div>
        </div>
        </div>
        <!-- stepsItem end -->
    </div>
</div>
                

<div class="tw-form-container tw-pb-36 tw-pt-20 md:tw-pb-36 md:tw-pt-36 lg:tw-pb-60 lg:tw-pt-40">
    <div class="tw-flex tw-min-h-[56px] tw-items-center tw-justify-center md:tw-min-h-[64px]"> <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class="tw-opacity-0 tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">1</div>
            </div>
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">車主&車輛資料</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">車主&車輛資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">2</div>
            </div>
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">選擇方案&商品</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">選擇方案&商品</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">3</div>
            </div>
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">填寫&確認資料</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">填寫&確認資料</div>
        </div>
        </div>
        <!-- stepsItem end -->
        <!-- stepsItem start -->
        <div class="tw-relative tw-flex tw-w-84 tw-flex-col tw-items-center md:tw-w-[128px]">
        <div class="tw-flex tw-w-full tw-items-center">
            <div class=" tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
            <div class="tw-body-l tw-border-primary-300 tw-bg-primary-200  tw-flex tw-h-32 tw-w-32 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full tw-border-2 tw-text-primary-800">
            <div class=" tw-font-bold tw-leading-none tw-text-primary-900">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m9.333 16.912 4.286 4.421L22.667 12" />
                </svg>
            </div>
            <div class="tw-hidden  tw-text-primary-900 tw-font-bold tw-leading-none">4</div>
            </div>
            <div class="tw-opacity-0 tw-border-primary-200  tw-h-2 tw-w-full tw-border-t-2"></div>
        </div>
        <div class="tw-body-m md:tw-body-l tw-mt-4 tw-h-20 md:tw-mt-8 md:tw-h-24">
            <div class=" tw-text-neutral-600 md:tw-block tw-hidden tw-hidden md:tw-block">付款</div>
        </div>
        <div class="tw-body-m tw-hidden tw-absolute tw-top-40 tw-h-20 tw-w-[100px] tw-text-center md:tw-hidden">
            <div class=" tw-text-neutral-600 md:tw-block">付款</div>
        </div>
        </div>
        <!-- stepsItem end -->
    </div>
</div>