function AboutDcotor({ doctor }) {
    return (
        <div>
            <a
                id="about-doctor"
                className='absolute -translate-y-[148px] sm:-translate-y-[157px] md:-translate-y-[166px] lg:-translate-y-[176px]'
            ></a>
            <p className="text-[#616161] text-[14px] font-normal text-justify">{doctor.detail}</p>
            <div className="my-2">
                <p className="text-[#525252] text-[16px] font-bold">تخصص ها</p>
                <ul className="flex flex-wrap gap-y-1 items-center justify-start gap-4">
                    {doctor.specialties.map((item, idx) => (
                        <li className="flex items-center justify-start gap-1">
                            <span className="w-2 h-2 bg-[#F17732] rounded-full"></span>
                            <p className="text-[#616161] text-[16px] font-normal">{item}</p>
                        </li>
                    ))}
                </ul>
            </div>
        </div>
    )
}

export default AboutDcotor