@props([
    'step' => 01,
    'title' => 'Discovery',
    'description' => 'We begin by thoroughly understanding your business goals, target
    audience, and project requirements. We conduct in-depth research
    to gather insights and define project objectives, allowing us to
    develop a tailored strategy.',
])
<div class="flex flex-col p-12 space-y-8 border border-[#262626]">
    <div class="flex space-x-4 items-center">
    <h1 class="text-7xl font-semibold text-[#d8ff99]">{{ $step }}</h1>
        <div class="flex flex-col mt-8 w-full space-y-4">
            <h2 class="text-xl font-normal text-zinc-500">
                {{ $title }}
            </h2>
            <div class="bg-gray-600/80 w-full h-px rounded"></div>
        </div>
    </div>
    <p class="text-zinc-400">
    {{
        $description
    }}
    </p>
</div>