import React from 'react'

const Step = ({title, count, ml}) => {
    return (
        <div className='flex flex-col mb-7 relative [&>div>.number]:last:before:content-none'>
            <div className="flex items-center">
                <div className={'number border-yellow-200 border-4 flex items-center justify-center text-lg text-white relative font-bold bg-yellow-400 rounded-full w-16 h-16 mr-5 before:absolute before:bottom-0 before:bg-yellow-200 before:w-1 before:left-[calc(50%+5px)] before:h-[40px] before:-rotate-[11deg] before:-translate-y-[-100%] '+ml}>0{count}</div>
                <p className='text-xl font-medium text-gray-800'>{title}</p>
            </div>

        </div>
    )
}

export default Step