{"id":1315,"date":"2026-07-22T04:43:14","date_gmt":"2026-07-22T04:43:14","guid":{"rendered":"https:\/\/hkfhy.visibleone.dev\/?page_id=429"},"modified":"2026-09-10T00:50:08","modified_gmt":"2026-09-10T00:50:08","slug":"02-understanding-disabilities","status":"publish","type":"page","link":"https:\/\/hkfhy.visibleone.dev\/en\/02-understanding-disabilities\/","title":{"rendered":"02 Understanding Disabilities"},"content":{"rendered":"\n<section block-name=\"banner\" class=\"banner relative overflow-hidden z-0\">\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/banner\/banner-bg.svg\" alt=\"\"\n    class=\"absolute right-0 bottom-0 h-full xl:w-[80%] 5xl:w-auto [object-fit:unset] max-md:object-cover\" \/>\n    <div class=\"container pb-10 md:pb-20 py-[100px] md:pt-32 lg:pt-40 xl:pt-[180px] 5xl:pt-[225px] relative\">\n        <div class=\"container-sm\">\n            <div class=\"flex max-md:flex-col md:justify-between md:items-center gap-5\">\n                <div class=\"xl:max-w-[1100px] w-full relative max-md:pt-5 z-0\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/banner\/banner-arrow.svg\" alt=\"\"\n                    class=\"absolute right-0 bottom-0 max-md:hidden max-5xl:scale-[.6] -z-[1] mix-blend-multiply\" \/>\n                \n                    <ul class=\"breadcrumbs-menu\">\n                        <li class=\"breadcrumb-list\"><a class=\"page-link\" href=\"https:\/\/hkfhy.visibleone.dev\/en\/\">Home<\/a><\/li><li class=\"breadcrumb-list\"><a class=\"page-link active\" href=\"#\">02 Understanding Disabilities<\/a><\/li>                    <\/ul>\n\n                    <div class=\"pt-5 md:pt-10\">\n                        <div class=\"flex items-center gap-[10px]\">\n                            <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n                            <p class=\"text-eyebrow text-pinkDark\">\n                                \u8a8d\u8b58\u6b98\u75be\u4eba\u58eb                            <\/p>\n                            <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n                        <\/div>\n                        \n                        <h1 class=\"heading1 text-primary md:pt-1\">\n                            02 Understanding Disabilities                        <\/h1>\n                         \n                    <\/div>\n                    \n\n                     \n                <\/div>\n\n                <div>\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/08\/understanding-disabilities.svg\" alt=\"02 Understanding Disabilities\" class=\"max-w-[320px] aspect-square object-contain\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"custom-awarness-section\" class=\"awarness-section relative pb-[70px]\">\n    <div class=\"container\">\n        <div class=\"container-sm\">\n                            <aside class=\"sidebar xl:absolute xl:right-0 xl:top-0 xl:mt-[10%] p-5 lg:p-10 bg-greyBG max-xl:rounded-[20px] xl:rounded-tl-[50px] xl:rounded-bl-[50px] xl:max-w-[340px]\">\n                    <nav>\n                        <h2 class=\"heading6 text-primary pb-[10px]\">\n                            Table of Content                        <\/h2>\n    \n                                                    <ul>\n                                                                    <li>\n                                        <button type=\"button\" data-target=\"disability\" class=\"flex items-center text-left w-full gap-3 relative px-4 py-[10px] text-button text-[#636363] before:content-[''] before:w-1 before:h-1 before:bg-grey before:rounded-full [&#038;.active]:before:w-2 [&#038;.active]:before:h-2 [&#038;.active]:before:bg-pink [&#038;.active]:text-primary\">\n                                            <span class=\"max-w-[calc(100%-20px)]\">\n                                                Definition of Disability                                            <\/span>\n                                        <\/button>\n                                    <\/li>\n                                                                    <li>\n                                        <button type=\"button\" data-target=\"disability-hk\" class=\"flex items-center text-left w-full gap-3 relative px-4 py-[10px] text-button text-[#636363] before:content-[''] before:w-1 before:h-1 before:bg-grey before:rounded-full [&#038;.active]:before:w-2 [&#038;.active]:before:h-2 [&#038;.active]:before:bg-pink [&#038;.active]:text-primary\">\n                                            <span class=\"max-w-[calc(100%-20px)]\">\n                                                Categories of Disabilities in Hong Kong                                            <\/span>\n                                        <\/button>\n                                    <\/li>\n                                                                    <li>\n                                        <button type=\"button\" data-target=\"physical-disability\" class=\"flex items-center text-left w-full gap-3 relative px-4 py-[10px] text-button text-[#636363] before:content-[''] before:w-1 before:h-1 before:bg-grey before:rounded-full [&#038;.active]:before:w-2 [&#038;.active]:before:h-2 [&#038;.active]:before:bg-pink [&#038;.active]:text-primary\">\n                                            <span class=\"max-w-[calc(100%-20px)]\">\n                                                Persons with Physical Disabilities                                            <\/span>\n                                        <\/button>\n                                    <\/li>\n                                                                    <li>\n                                        <button type=\"button\" data-target=\"visual-disability\" class=\"flex items-center text-left w-full gap-3 relative px-4 py-[10px] text-button text-[#636363] before:content-[''] before:w-1 before:h-1 before:bg-grey before:rounded-full [&#038;.active]:before:w-2 [&#038;.active]:before:h-2 [&#038;.active]:before:bg-pink [&#038;.active]:text-primary\">\n                                            <span class=\"max-w-[calc(100%-20px)]\">\n                                                Persons with Visual Impairment                                            <\/span>\n                                        <\/button>\n                                    <\/li>\n                                                                    <li>\n                                        <button type=\"button\" data-target=\"hearing-disability\" class=\"flex items-center text-left w-full gap-3 relative px-4 py-[10px] text-button text-[#636363] before:content-[''] before:w-1 before:h-1 before:bg-grey before:rounded-full [&#038;.active]:before:w-2 [&#038;.active]:before:h-2 [&#038;.active]:before:bg-pink [&#038;.active]:text-primary\">\n                                            <span class=\"max-w-[calc(100%-20px)]\">\n                                                Persons with Hearing Impairment                                            <\/span>\n                                        <\/button>\n                                    <\/li>\n                                                                    <li>\n                                        <button type=\"button\" data-target=\"think\" class=\"flex items-center text-left w-full gap-3 relative px-4 py-[10px] text-button text-[#636363] before:content-[''] before:w-1 before:h-1 before:bg-grey before:rounded-full [&#038;.active]:before:w-2 [&#038;.active]:before:h-2 [&#038;.active]:before:bg-pink [&#038;.active]:text-primary\">\n                                            <span class=\"max-w-[calc(100%-20px)]\">\n                                                Think About It                                            <\/span>\n                                        <\/button>\n                                    <\/li>\n                                                            <\/ul>\n                                            <\/nav>\n                <\/aside>\n            \n            <div class=\"xl:max-w-[calc(100%-240px)] 6xl:mx-auto\">\n                <div class=\"custom-content-wrapper\">\n                    <div class=\"acf-innerblocks-container\">\n  \n\n<article block-name=\"feature-section\" id=\"disability\" class=\"custom-article py-[50px] relative\">\n    \n    <div class=\"px-5 md:px-10 py-20 4xl:p-[100px] rounded-[60px]\" style=\"background-color: #CAE2F7;\">\n        <div class=\"pb-6 md:pb-10 text-center\">\n            \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u6b98\u75be\u7684\u5b9a\u7fa9    <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        Definition of Disability    <\/h2>\n        <\/div>\n\n        <div class=\"acf-innerblocks-container\">\n  \n\n<div block-name=\"features-grid\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] custom-content mb-10 last:mb-0\">\n                            <div class=\"pb-10\">\n                                                            <h3 class=\"!heading6 !text-dark text-center pb-5 font-bold [&#038;_span]:!font-bold\">\n                            <span style=\"color: #004d93\">\u201cDisability\u201d<\/span> may refer to a person who:\n                        <\/h3>\n                                    \n                                    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-5 lg:gap-10\">\n                                                    <div class=\"text-center\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/imgi_6_pic-01-3-1.png\" alt=\"Has lost any part of the body\" class=\"aspect-[266\/266] object-cover mx-auto\" \/>\n                                                                    <div class=\"pt-[10px]\">\n                                        <p>Has lost any part of the body<\/p>\n                                    <\/div>\n                                                            <\/div>\n                                                    <div class=\"text-center\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/b3ea6382077b29520dbe5c5768c096f6c9f38a8d.png\" alt=\"\" class=\"aspect-[266\/266] object-cover mx-auto\" \/>\n                                                                    <div class=\"pt-[10px]\">\n                                        <p>Has a malfunction, disorder, or impairment of bodily or mental functions<\/p>\n                                    <\/div>\n                                                            <\/div>\n                                                    <div class=\"text-center\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/imgi_8_pic-03-2.png\" alt=\"Has organisms in the body that may cause disease\" class=\"aspect-[266\/266] object-cover mx-auto\" \/>\n                                                                    <div class=\"pt-[10px]\">\n                                        <p>Has organisms in the body that may cause disease<\/p>\n                                    <\/div>\n                                                            <\/div>\n                                            <\/div>\n                            <\/div>\n                    <div class=\"pb-10\">\n                                                            <h3 class=\"!heading6 !text-dark text-center pb-5 font-bold [&#038;_span]:!font-bold\">\n                            <span style=\"color: #004d93\">\u201cDisability\u201d<\/span> may also refer to a person whose physical or mental condition:\n                        <\/h3>\n                                    \n                                    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-5 lg:gap-10\">\n                                                    <div class=\"text-center\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/c06f1cd31481dcbe1d6708ec3bff219a8d7be449.png\" alt=\"\" class=\"aspect-[266\/266] object-cover mx-auto\" \/>\n                                                                    <div class=\"pt-[10px]\">\n                                        <p>Causes learning difficulties<\/p>\n                                    <\/div>\n                                                            <\/div>\n                                                    <div class=\"text-center\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/4ca3ad04d9abb29fef9b131b3e0a7d96f4a5825a.png\" alt=\"\" class=\"aspect-[266\/266] object-cover mx-auto\" \/>\n                                                                    <div class=\"pt-[10px]\">\n                                        <p>Affects understanding of reality, emotions, or judgement<\/p>\n                                    <\/div>\n                                                            <\/div>\n                                                    <div class=\"text-center\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/813f3c49e3965be227e8dcaa33b297559a4fd53c.png\" alt=\"\" class=\"aspect-[266\/266] object-cover mx-auto\" \/>\n                                                                    <div class=\"pt-[10px]\">\n                                        <p>Results in behavioural disturbances<\/p>\n                                    <\/div>\n                                                            <\/div>\n                                            <\/div>\n                            <\/div>\n            \n            <div class=\"custom-content\">\n            <p><strong>\u201cDisability\u201d<\/strong> does not only refer to an existing disability, but also includes disabilities that previously existed, may exist in the future, or are perceived to exist.<\/p>\n<p>A <strong>\u201cperson with a disability\u201d<\/strong> refers to an individual who unfortunately has physical or mental impairments that affect their daily life.<\/p>\n        <\/div>\n    \n    \n        <div class=\"resources-block border-4 border-dashed border-stroke p-5 md:p-10 mt-10 rounded-[40px] [&#038;_a]:!text-primary [&#038;_a]:underline [&#038;_a]:break-all\">\n            <h3 class=\"resources-block__title\">\n            Learn More        <\/h3>\n        \n    <div class=\"\">\n                                    <ul class=\"resources-block__content resources-block__list\">\n                    <li>\n                        <strong>Global Population of Persons with Disabilities\u2028<\/strong>\n                        <div>\n                            <p>According to the World Health Organization\u2019s 2022 estimates, around 16% of the world\u2019s population (approximately 1.3 billion people) live with significant disabilities. With the rise of non-communicable diseases and increasing life expectancy, this number is expected to continue growing.<\/p>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n                                                <div class=\"resources-block__content resources-block__txt\">\n                    <strong>World Health Organization \u2013 Disability and Health\u2028<\/strong>\n                    <div>\n                        <p><a href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/disability-and-health\" target=\"_blank\" rel=\"noopener\">https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/disability-and-health<\/a><\/p>\n                    <\/div>\n                <\/div>\n                                                <ul class=\"resources-block__content resources-block__list\">\n                    <li>\n                        <strong>Population of Persons with Disabilities in Hong Kong<\/strong>\n                        <div>\n                            <p>According to the Census and Statistics Department\u2019s 2020 survey report, there were approximately 534,200 persons with disabilities in Hong Kong, accounting for 7.1% of the total population. This figure does not include persons with intellectual disabilities. It is estimated that the number of persons with intellectual disabilities in Hong Kong ranges from 77,000 to 90,000.<\/p>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n                                                <div class=\"resources-block__content resources-block__txt\">\n                    <strong>Census and Statistics Department \u2013 Special Topics Report No. 63: Persons with Disabilities and Chronic Diseases\u2028<\/strong>\n                    <div>\n                        <p><a href=\"https:\/\/www.censtatd.gov.hk\/en\/data\/stat_report\/product\/C0000055\/att\/B11301632021XXXXB0100.pdf\" target=\"_blank\" rel=\"noopener\">https:\/\/www.censtatd.gov.hk\/en\/data\/stat_report\/product\/C0000055\/att\/B11301632021XXXXB0100.pdf<\/a><\/p>\n                    <\/div>\n                <\/div>\n                        <\/div>\n<\/div>    <\/div>\n<\/div>\n    <\/div>\n<\/article>\n\n  \n\n<article block-name=\"feature-section\" id=\"disability-hk\" class=\"custom-article py-[50px] relative\">\n            <div class=\"absolute -top-24 left-1\/2 -translate-x-1\/2 flex w-[80%] justify-between\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n        <\/div>\n    \n    <div class=\"px-5 md:px-10 py-20 4xl:p-[100px] rounded-[60px]\" style=\"background-color: #ffe8f2;\">\n        <div class=\"pb-6 md:pb-10 text-center\">\n            \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u9999\u6e2f\u7684\u6b98\u75be\u4eba\u58eb\u5206\u985e    <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        Categories of Disabilities in Hong Kong    <\/h2>\n        <\/div>\n\n        <div class=\"acf-innerblocks-container\">\n  \n\n<div block-name=\"cards-grid\" class=\"grid md:grid-cols-2 gap-[30px] mb-10 last:mb-0\">\n                        <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/imgi_13_Pic-8-3.png\" alt=\"Physical Disabilities\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Physical Disabilities                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Loss of limbs or impaired body functions affecting daily activities<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n                    <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/6ac59f17b9fa5fa99f156d85021bc265fc3227f9.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Visual Impairment                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Reduced vision or complete loss of sight<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n                    <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/49a1c90bf49ab8cce50e8941bc2c0e0cf0e61947.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Hearing Impairment                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Reduced hearing ability or complete hearing loss<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n                    <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/fc2692f250feae75e59c37e70203f1078790f761.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Speech Impairment                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Difficulties in speech affecting communication<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n                    <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/741b94062e6edec67981bf7aaacaf47c98b35c65.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Organ Disabilities \/ Chronic Illnesses                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Conditions caused by illness or treatment affecting organ functions or daily living<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n                    <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/7932fa6ba97bb0b696000df0ad067361c2b9be94.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Intellectual Disabilities                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Lower-than-average intellectual functioning affecting learning and adaptation<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n                    <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/beee00a1ac0190d9aaf3407cf6c2de68f175ec73.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Mental Illness                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Emotional, psychological, or behavioural disorders<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n                    <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/03bb2a4c4d22e43f56f151d2d427bc40a2835016.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Attention Deficit \/ Hyperactivity Disorder (ADHD)                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Difficulties with attention, excessive activity, and impulse control<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n                    <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/da06a9141873600d37bca93b8db45832538b17f9.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Autism Spectrum Disorder                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Difficulties in social interaction and communication<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n                    <div class=\"bg-white rounded-[40px] p-[30px] flex max-2xl:flex-col max-2xl:justify-center items-center gap-5\">\n                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/8adbbd72ff615d173cdbe33b3246381fb37ec466.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                    <h3 class=\"text-title text-primary pb-1\">\n                        Specific Learning Difficulties                    <\/h3>\n                    <div class=\"text-body-md text-textm\">\n                        <p>Learning challenges such as dyslexia<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>        \n            <\/div>\n<\/div>\n    <\/div>\n<\/article>\n\n  \n\n<article block-name=\"feature-section\" id=\"physical-disability\" class=\"custom-article py-[50px] relative\">\n            <div class=\"absolute -top-24 left-1\/2 -translate-x-1\/2 flex w-[80%] justify-between\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n        <\/div>\n    \n    <div class=\"px-5 md:px-10 py-20 4xl:p-[100px] rounded-[60px]\" style=\"background-color: #f9f1c3;\">\n        <div class=\"pb-6 md:pb-10 text-center\">\n            \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u8a8d\u8b58\u80a2\u9ad4\u6b98\u75be\u4eba\u58eb    <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        Persons with Physical Disabilities    <\/h2>\n        <\/div>\n\n        <div class=\"acf-innerblocks-container\">\n  \n\n<div block-name=\"alternating-row\" class=\"mb-10 last:mb-0 bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] custom-content\">\n    \n        <div class=\" \">\n\n                                    <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] \">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/imgi_23_Pic-18-2.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>Persons with physical disabilities refer to individuals who have missing limbs or impaired limb functions, resulting in limited movement of the legs or arms, mobility difficulties, or impacts on daily living.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] even-child\">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/imgi_23_Pic-18-2-1.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>Some persons with physical disabilities require walking sticks, wheelchairs, or electric wheelchairs for mobility assistance. Without accessible facilities such as ramps or lifts in the community, travelling can become extremely inconvenient for them.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] \">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/b9c54ca6e86a3dbaf6aae8553952ab076d28f05c.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>For individuals with severe physical disabilities, such as quadriplegia, self-care abilities may also be affected, and assistance may be needed for activities such as bathing or dressing.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] even-child\">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/6c627fc0ddd67061fe290baaa75711f4af280bb7.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>For individuals with severe physical disabilities, such as quadriplegia, self-care abilities may also be affected, and assistance may be needed for activities such as bathing or dressing.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            \n            <\/div>\n<\/div>\n\n  \n<div block-name=\"media-grid\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n            <h3 class=\"heading4 text-primary text-center \">\n            Assistive Devices for Persons with Physical Disabilities        <\/h3>\n    \n            \n            <div class=\"grid md:grid-cols-2 gap-[30px] mt-6 md:mt-10\">\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/imgi_14_Pic-9-3.png\" alt=\"Wheelchair\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Wheelchair                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Allows people who cannot walk for long periods to travel while seated.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/55eb803387d761d69522c95be0841a3272e872d5.jpg\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Electric Wheelchair                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>A powered wheelchair operated electrically without needing to be pushed.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/6400f40b190fccb8b21c0f6bc32e84d8430ad92e.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Walking Stick                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Provides support and balance for people with mobility difficulties.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/773aff98f2d917881f7df62d88504719c151439e.jpg\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Walking Frame                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Offers greater stability than a walking stick to assist mobility.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    \n    <\/div>\n\n  \n<div block-name=\"video-gallery\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n            <h3 class=\"heading4 text-primary text-center pb-6 md:pb-10\">\n            Videos        <\/h3>\n                <div class=\"flex max-md:flex-col flex-wrap justify-center gap-y-10 gap-x-[30px]\">\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/EgtZV9EpxP8?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"HK Monument &#8211; Lui Seng Chun: Wheelchair Vlog &amp; Daily Life\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            HK Monument &#8211; Lui Seng Chun: Wheelchair Vlog &amp; Daily Life                        <\/h4>\n                    <\/div>\n                <\/div>\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/rgjQaUewlOc?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"\u3010Getting to Know a Person with Physical Disability @ Fish\u3011\u300aBarrier-Free Inclusion Guide\u300b Video 01 \ufe33[Chinese Subtitles \u00b7 Sign Language]\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            \u3010Getting to Know a Person with Physical Disability @ Fish\u3011\u300aBarrier-Free Inclusion Guide\u300b Video 01 \ufe33[Chinese Subtitles \u00b7 Sign Language]                        <\/h4>\n                    <\/div>\n                <\/div>\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/_v2rWSaUORA?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"\u300aQ&#038;A for Persons with Disabilities (1)\u300b: What should wheelchair users do if the lift breaks down?\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            \u300aQ&#038;A for Persons with Disabilities (1)\u300b: What should wheelchair users do if the lift breaks down?                        <\/h4>\n                    <\/div>\n                <\/div>\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/FIdXn6fNqjA?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"\u300aQ&#038;A for Persons with Disabilities (2)\u300b: What should wheelchair users do if their electric wheelchair breaks down while they are out on the street?\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            \u300aQ&#038;A for Persons with Disabilities (2)\u300b: What should wheelchair users do if their electric wheelchair breaks down while they are out on the street?                        <\/h4>\n                    <\/div>\n                <\/div>\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/pdzeFZjtmJI?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"\u300aQ&#038;A for Persons with Disabilities (3)\u300b: If you have a choice, why not use an electric wheelchair?\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            \u300aQ&#038;A for Persons with Disabilities (3)\u300b: If you have a choice, why not use an electric wheelchair?                        <\/h4>\n                    <\/div>\n                <\/div>\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/gsp-pb3WGUI?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"\u300aQ&#038;A for Persons with Disabilities (4)\u300b: How can you exercise while sitting down?\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            \u300aQ&#038;A for Persons with Disabilities (4)\u300b: How can you exercise while sitting down?                        <\/h4>\n                    <\/div>\n                <\/div>\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/ycP65MyPmHA?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"\u300aQ&#038;A for Persons with Disabilities (5)\u300b: Want to cross the harbour? Can wheelchair users take a ferry?\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            \u300aQ&#038;A for Persons with Disabilities (5)\u300b: Want to cross the harbour? Can wheelchair users take a ferry?                        <\/h4>\n                    <\/div>\n                <\/div>\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/8XpPRlMbzA4?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"\u300aQ&#038;A for Persons with Disabilities (6)\u300b: How do wheelchair users use the toilet?\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            \u300aQ&#038;A for Persons with Disabilities (6)\u300b: How do wheelchair users use the toilet?                        <\/h4>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n\n\n<article block-name=\"featured-profile\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n    <div class=\"pb-6 md:pb-10 text-center\">\n        <p class=\"heading6 text-dark pb-1\">\n            Historical Figure with Physical Disabilities        <\/p>\n        <h3 class=\"heading4 text-primary\">\n            Stephen Hawking (1942\u20132018)        <\/h3>\n    <\/div>\n    <div class=\"flex max-lg:flex-col gap-5 xl:gap-10 pb-6 md:pb-10\">\n        <div class=\"lg:flex-[0_1_30%] lg:max-w-[30%]\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/imgi_27_photo-1-1.png\" alt=\"Stephen Hawking at NASA\" class=\"aspect-[39\/56] object-cover\" \/>\n            <p class=\"text-caption text-textm pt-[10px] italic\">\n                Stephen Hawking at the National Aeronautics and Space Administration (NASA). Source: Wikipedia            <\/p>\n        <\/div>\n        <div class=\"lg:flex-[0_1_70%] lg:max-w-[70%] custom-content\">\n            <div>\n                <p>As a young man, <strong>Hawking<\/strong> showed remarkable academic talent, and was consistently at the top of his class during his time at the University of Oxford. Unfortunately, at the age of 21, Hawking was diagnosed with Muscular Atrophic Lateral Sclerosis (MALS), which caused him to gradually lose control of his body.<\/p>\n<p>His muscle wasting worsened and he eventually lost the ability to speak, relying only on his fingers to express his thoughts and communicate with others. However, Hawking didn\u2019t give up on himself. Even though his body was deteriorating every day, his mind continued to race.Although he was physically handicapped, this did not hinder his scientific research. He produced many important ideas and theories on the study of black holes and became one of the world\u2019s greatest physicists.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n            <div class=\"custom-content\">\n            <p>Stephen Hawking is always optimistic about his condition. His experience teaches us that as long as we persevere and don\u2019t give up, we can eventually achieve our dreams.<\/p>\n        <\/div>\n    <\/article>\n<\/div>\n    <\/div>\n<\/article>\n\n  \n\n<article block-name=\"feature-section\" id=\"visual-disability\" class=\"custom-article py-[50px] relative\">\n            <div class=\"absolute -top-24 left-1\/2 -translate-x-1\/2 flex w-[80%] justify-between\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n        <\/div>\n    \n    <div class=\"px-5 md:px-10 py-20 4xl:p-[100px] rounded-[60px]\" style=\"background-color: #e7dbf5;\">\n        <div class=\"pb-6 md:pb-10 text-center\">\n            \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u8a8d\u8b58\u8996\u969c\u4eba\u58eb    <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        Persons with Visual Impairment    <\/h2>\n        <\/div>\n\n        <div class=\"acf-innerblocks-container\">\n  \n\n<div block-name=\"alternating-row\" class=\"mb-10 last:mb-0 bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] custom-content\">\n    \n        <div class=\" \">\n\n                                    <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] \">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/6ac59f17b9fa5fa99f156d85021bc265fc3227f9.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>A visually impaired person is a person who has lost some of all of their sight.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] even-child\">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/c5cc6f63bec1785a339ce7eb03d6eddeb8bb6c94.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>Some visually impaired people need to use a white cane or guide dog to help them in the street, to avoid knocking things over and to prevent accidents when they go out. If the community does not provide the accessible facilities that visually impaired people need, such as tactile pathways or public announcement systems at bus stops, they can easily get lost when they are out and about.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] \">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/29b5db66b35ddb614439b956b2ccf6290be04807.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>Because their vision is affected, they also face many challenges in their daily lives, such as recognising clothing, reading or using smartphones, etc. They need to use some assistive devices to help them.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] even-child\">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/8c7d0cfd77fc8b4e6d10962bfac34413fcf3a46d.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>Although visually impaired people face many difficulties and challenges in their lives, there are many visually impaired people in our society who have made outstanding achievements despite their visual impairment.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            \n            <\/div>\n<\/div>\n\n  \n<div block-name=\"media-grid\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n            <h3 class=\"heading4 text-primary text-center \">\n            Assistive Tools for Persons with Visual Impairment        <\/h3>\n    \n            \n            <div class=\"grid md:grid-cols-2 gap-[30px] mt-6 md:mt-10\">\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/b84f4842fedf0ea252b4f604e812e9cb2ba6ea9f.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            White Cane                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Allows the user to observe what is in front of them by swinging the white cane.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/09\/A01-Magnifier-1.jpg\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Magnifier                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Zoom in on the text or images to make them easier to read.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/2e33f7af941baa481995dc5a99080e291fa89059.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Braille Machine                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Converts words into raised dots, allowing the visually impaired to understand the text by touching it with their fingers.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/09\/A02E-Screen-Reader-Software.jpg\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Screen Reader Software                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Reads aloud text and image descriptions on computers or smartphones.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/63747f64563259b606c7bea25b1e92c1f3d0422e.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Be My Eyes                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>A mobile app connecting visually impaired users with sighted volunteers through live video assistance.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    \n    <\/div>\n\n  \n<div block-name=\"video-gallery\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n            <h3 class=\"heading4 text-primary text-center pb-6 md:pb-10\">\n            Videos        <\/h3>\n                <div class=\"flex max-md:flex-col flex-wrap justify-center gap-y-10 gap-x-[30px]\">\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/UuHcOOSk1AI?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"Blind Bus Fan: Identifying buses by sound! How to ride alone? Visuals in dreams?\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            Blind Bus Fan: Identifying buses by sound! How to ride alone? Visuals in dreams?                        <\/h4>\n                    <\/div>\n                <\/div>\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/VDg4L3DnXng?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"\u3010Getting to Know a Person with Visual Impairment @ Bread\u3011\u300aBarrier-Free Inclusion Guide\u300b Video 02 \ufe33[Chinese Subtitles \u00b7 Sign Language]\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            \u3010Getting to Know a Person with Visual Impairment @ Bread\u3011\u300aBarrier-Free Inclusion Guide\u300b Video 02 \ufe33[Chinese Subtitles \u00b7 Sign Language]                        <\/h4>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n\n\n<article block-name=\"featured-profile\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n    <div class=\"pb-6 md:pb-10 text-center\">\n        <p class=\"heading6 text-dark pb-1\">\n            Historical Figure with Visual Impairment        <\/p>\n        <h3 class=\"heading4 text-primary\">\n            Helen Keller (1880\u20131968)        <\/h3>\n    <\/div>\n    <div class=\"flex max-lg:flex-col gap-5 xl:gap-10 pb-6 md:pb-10\">\n        <div class=\"lg:flex-[0_1_30%] lg:max-w-[30%]\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/357d90915305d56f6e8b8cb24095d2420621bcfc.png\" alt=\"\" class=\"aspect-[39\/56] object-cover\" \/>\n            <p class=\"text-caption text-textm pt-[10px] italic\">\n                Helen Keller graduated from Harvard University in 1904. Source: Wikipedia            <\/p>\n        <\/div>\n        <div class=\"lg:flex-[0_1_70%] lg:max-w-[70%] custom-content\">\n            <div>\n                <p>Helen Keller lost her sight and hearing to illness when she was 19 months old. At the age of 7, she learnt to read by having her teacher write on her palm, and within a year she was signing, reading and writing Braille. At the age of 10, Helen Keller learnt to speak by feeling her teacher\u2019s tongue and lips with her hands and trying to imitate the shape of her teacher\u2019s mouth. Since then, Helen Keller has been an enthusiastic student and learnt five languages. In 1904, she received a Bachelor of Arts degree from Harvard University, becoming the first deaf-blind person to graduate from an institution of higher education.<\/p>\n<p>In 1924, Helen Keller founded the Helen Keller International. In 1946, she became the International Relations Advisor for the American Foundation for the Blind. She travelled around the world and visited 35 countries, campaigning for the establishment of schools for the blind around the world. She visited patients in hospitals to share her experiences. She also campaigned for the rights of various disadvantaged groups. Her strong will and dedication have made her a role model for the world to follow.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <\/article>\n<\/div>\n    <\/div>\n<\/article>\n\n  \n\n<article block-name=\"feature-section\" id=\"hearing-disability\" class=\"custom-article py-[50px] relative\">\n            <div class=\"absolute -top-24 left-1\/2 -translate-x-1\/2 flex w-[80%] justify-between\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n        <\/div>\n    \n    <div class=\"px-5 md:px-10 py-20 4xl:p-[100px] rounded-[60px]\" style=\"background-color: #CAE2F7;\">\n        <div class=\"pb-6 md:pb-10 text-center\">\n            \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u8a8d\u8b58\u807d\u969c\u4eba\u58eb    <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        Persons with Hearing Impairment    <\/h2>\n        <\/div>\n\n        <div class=\"acf-innerblocks-container\">\n  \n\n<div block-name=\"alternating-row\" class=\"mb-10 last:mb-0 bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] custom-content\">\n    \n        <div class=\" \">\n\n                                    <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] \">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/f6f21e90a15d2cee2f0ce373eaa5a87ddc85f197.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>A hearing impaired person is a person who has some hearing loss or total hearing loss.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] even-child\">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/d721a7a35c7748a7f5a2033dcdce4e3cc89f89f7.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>Some hearing impaired people need to use hearing aids or sign language to help them communicate in their daily lives. It is very inconvenient for them to communicate with other people if the environment is too noisy or if the other person does not know sign language. Hearing impairment has a major impact on their learning and daily lives.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] \">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/ff242a3c0b206dbbe54e5551b70b4d16af550bdb.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>Hearing impaired people rely heavily on their vision to receive information. Auxiliary aids such as sign language interpreters or visual signalling devices can help hearing-impaired people gain access to important information in the community that would otherwise make it difficult for them to participate in the community.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"flex items-center max-md:flex-col md:[&#038;:nth-child(even)]:flex-row-reverse max-md:justify-center gap-5 pb-9 last:pb-0 md:[&#038;.even-child_.stroke-line]:left-[-32%] even-child\">\n                    <div class=\"relative h-full\">\n                        <div class=\"stroke-line h-[43%] flex flex-col md:[&#038;:nth-child(even)]:flex-row-reverse justify-between max-md:rotate-90 absolute left-[2%] top-[63%] md:left-[74%] md:top-[30%]\">\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                            <div class=\"bg-greyBG h-4 w-[173px] rounded-[100px]\"><\/div>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/f9d702cc40e2a6e3ffe7fe656377f3ca4852727c.png\" alt=\"\" class=\"relative aspect-[300\/300] max-w-[180px] xl:max-w-[300px] object-cover rounded-full\" \/>\n                    <\/div>\n    \n                    <div class=\"md:flex-[0_1_calc(100%_-_220px)] md:max-w-[calc(100%-220px)] xl:flex-[0_1_calc(100%_-_340xpx)] xl:max-w-[calc(100%-340xpx)] bg-greyBG px-4 lg:px-10 5xl:px-[60px] py-5 lg:py-[50px] rounded-[20px] lg:rounded-[40px] relative\">\n                                                <div>\n                            <p>Although hearing impaired people face many difficulties and challenges in their lives, many hearing impaired people in society have made outstanding achievements beyond the hearing barrier.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            \n            <\/div>\n<\/div>\n\n  \n<div block-name=\"media-grid\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n            <h3 class=\"heading4 text-primary text-center \">\n            Assistive Tools for Persons with Hearing Impairment        <\/h3>\n    \n            \n            <div class=\"grid md:grid-cols-2 gap-[30px] mt-6 md:mt-10\">\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/35542b922673eb871629606e03d2dfb376df81c5.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Hearing Aid                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Allows the user to observe what is in front of them by swinging the white cane.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/09\/06.-Cochlear-1-6-scaled.jpg\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Cochlear Implant                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Zoom in on the text or images to make them easier to read.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/09\/Flashing-Doorbell.jpg\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Flashing Doorbell                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Converts words into raised dots, allowing the visually impaired to understand the text by touching it with their fingers.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/09\/Vibrating-Alarm-Clock.jpg\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Vibrating Alarm Clock                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Offers greater stability than a walking stick to assist mobility.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"flex max-2xl:flex-col items-center gap-5\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/09\/07.-Voice-to-Message.png\" alt=\"\" class=\"aspect-[180\/180] max-w-[180px] object-cover rounded-full\" \/>\n\n                    <div class=\"2xl:flex-[0_1_calc(100%_-_200px)] 2xl:max-w-[calc(100%-200px)] max-2xl:text-center\">\n                        <h4 class=\"text-title text-primary pb-1\">\n                            Speech-to-Text Function                        <\/h4>\n                        <div class=\"text-body-md text-textm\">\n                            <p>Converts words into raised dots, allowing the visually impaired to understand the text by touching it with their fingers.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    \n    <\/div>\n\n  \n<div block-name=\"video-gallery\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n            <h3 class=\"heading4 text-primary text-center pb-6 md:pb-10\">\n            Videos        <\/h3>\n                <div class=\"flex max-md:flex-col flex-wrap justify-center gap-y-10 gap-x-[30px]\">\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/_rYI5NfIj6g?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"A Person with Hearing Impairment, Loves Concerts &amp; Doesn&#039;t Know Sign Language!\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            A Person with Hearing Impairment, Loves Concerts &#038; Doesn&#8217;t Know Sign Language!                        <\/h4>\n                    <\/div>\n                <\/div>\n                            <div class=\"md:flex-[0_1_47%] md:max-w-[47%] 6xl:flex-[0_1_48%] 6xl:max-w-[48%]\">\n                    <div class=\"embed-iframe-responsive\">\n                        <iframe\n                            src=\"https:\/\/www.youtube.com\/embed\/DY_fRF42v5Q?rel=0&#038;origin=https%3A%2F%2Fhkfhy.visibleone.dev%2Fen\"\n                            title=\"\u3010Getting to Know a Person with Hearing Impairment @ Fong Bao\u3011\u300aBarrier-Free Inclusion Guide\u300b Video 03 \ufe33[Chinese Subtitles \u00b7 Sign Language]\"\n                            loading=\"lazy\"\n                            frameborder=\"0\"\n                            allowfullscreen\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"    \n                        >\n                        <\/iframe>\n                    <\/div>\n                    <div class=\"pt-[10px] text-title text-dark\">\n                        <h4>\n                            \u3010Getting to Know a Person with Hearing Impairment @ Fong Bao\u3011\u300aBarrier-Free Inclusion Guide\u300b Video 03 \ufe33[Chinese Subtitles \u00b7 Sign Language]                        <\/h4>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n\n\n<article block-name=\"featured-profile\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px] mb-10 last:mb-0\">\n    <div class=\"pb-6 md:pb-10 text-center\">\n        <p class=\"heading6 text-dark pb-1\">\n            Historical Figure with Hearing Impairment        <\/p>\n        <h3 class=\"heading4 text-primary\">\n            Thomas Edison (1847\u20131931)        <\/h3>\n    <\/div>\n    <div class=\"flex max-lg:flex-col gap-5 xl:gap-10 pb-6 md:pb-10\">\n        <div class=\"lg:flex-[0_1_30%] lg:max-w-[30%]\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/eae79f8a9ead1baaa62b77d0bb32b0be052ff49b.png\" alt=\"\" class=\"aspect-[39\/56] object-cover\" \/>\n            <p class=\"text-caption text-textm pt-[10px] italic\">\n                Edison in 1922.            <\/p>\n        <\/div>\n        <div class=\"lg:flex-[0_1_70%] lg:max-w-[70%] custom-content\">\n            <div>\n                <p>Thomas Edison is one of the world\u2019s most famous scientists, with patents for several important inventions, including the phonograph and the electric light bulb. There are many different stories about Edison\u2019s hearing loss, but he had already lost most of his hearing by the age of 12. Rather than being discouraged by his hearing loss, Edison saw it as an asset that allowed him to focus on his experiments and research. Despite Edison\u2019s hearing loss, he still managed to invent the phonograph, which some say was able to play material for the blind, similar to today\u2019s \u201caudiobooks\u201d.<\/p>\n<p>Edison\u2019s hearing loss didn\u2019t stop him from succeeding, and his inventions have touched the lives of generations of people around the world. He is an inspirational role model morewho has motivated people all over the world.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <\/article>\n<\/div>\n    <\/div>\n<\/article>\n\n  \n\n<article block-name=\"feature-section\" id=\"think\" class=\"custom-article py-[50px] relative\">\n            <div class=\"absolute -top-24 left-1\/2 -translate-x-1\/2 flex w-[80%] justify-between\">\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n            <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/line.svg\" alt=\"\" \/>\n        <\/div>\n    \n    <div class=\"px-5 md:px-10 py-20 4xl:p-[100px] rounded-[60px]\" style=\"background-color: #FFE8F2;\">\n        <div class=\"pb-6 md:pb-10 text-center\">\n            \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u8a66\u60f3\u60f3&#8230;     <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        Think About It    <\/h2>\n        <\/div>\n\n        <div class=\"acf-innerblocks-container\">\n  \n\n<div block-name=\"quiz-option\" class=\"bg-white rounded-[40px] max-sm:px-5 p-10 4xl:p-[60px]\">\n            <h3 class=\"heading4 text-primary text-center pb-6 md:pb-10\">\n            Terms Used to Describe Persons with Disabilities        <\/h3>\n    \n            <p class=\"heading6 text-dark text-center pb-4 md:pb-6\">\n            Which of the following terms would you choose to describe people with physical or mental disabilities? Why?        <\/p>\n    \n            <div class=\"grid md:grid-cols-2 gap-[10px] pb-10\">\n                            <div class=\"p-4 md:px-[30px] flex items-center gap-[10px] bg-greyBG rounded-[20px]\">\n                    <div class=\"w-[50px] flex items-center justify-center text-body-lg text-dark !font-bold\">\n                        A                    <\/div>\n\n                    <div class=\"flex-[0_1_calc(100%_-_60px)] max-w-[calc(100%-60px)] custom-content\">\n                        <p>Handicapped Person<\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"p-4 md:px-[30px] flex items-center gap-[10px] bg-greyBG rounded-[20px]\">\n                    <div class=\"w-[50px] flex items-center justify-center text-body-lg text-dark !font-bold\">\n                        B                    <\/div>\n\n                    <div class=\"flex-[0_1_calc(100%_-_60px)] max-w-[calc(100%-60px)] custom-content\">\n                        <p>Person with Disability<\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"p-4 md:px-[30px] flex items-center gap-[10px] bg-greyBG rounded-[20px]\">\n                    <div class=\"w-[50px] flex items-center justify-center text-body-lg text-dark !font-bold\">\n                        C                    <\/div>\n\n                    <div class=\"flex-[0_1_calc(100%_-_60px)] max-w-[calc(100%-60px)] custom-content\">\n                        <p>Disabled Person<\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"p-4 md:px-[30px] flex items-center gap-[10px] bg-greyBG rounded-[20px]\">\n                    <div class=\"w-[50px] flex items-center justify-center text-body-lg text-dark !font-bold\">\n                        D                    <\/div>\n\n                    <div class=\"flex-[0_1_calc(100%_-_60px)] max-w-[calc(100%-60px)] custom-content\">\n                        <p>Persons with and without Disabilities<\/p>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n                    <div class=\"mt-[26px] first:mt-0\">\n                <div class=\"border-[3px] border-dashed border-stroke p-5 md:px-10 md:py-[30px] rounded-[20px] text-title text-textm\">\n                                            <h3><span>A . <\/span>Handicapped Person<\/h3>\n                                        <div class=\"!font-normal\">\n                        <p>The term \u201chandicapped\u201d emphasises injury or incompleteness and is sometimes criticised for focusing negatively on personal deficiencies.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"mt-[26px] first:mt-0\">\n                <div class=\"border-[3px] border-dashed border-stroke p-5 md:px-10 md:py-[30px] rounded-[20px] text-title text-textm\">\n                                            <h3><span>B . <\/span>Person with Disability<\/h3>\n                                        <div class=\"!font-normal\">\n                        <p>This term is based on the medical model, describing disability as a physical condition. It is also the official term used in Hong Kong legislation and official documents, such as the Disability Discrimination Ordinance.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"mt-[26px] first:mt-0\">\n                <div class=\"border-[3px] border-dashed border-stroke p-5 md:px-10 md:py-[30px] rounded-[20px] text-title text-textm\">\n                                            <h3><span>C . <\/span>Disabled Person<\/h3>\n                                        <div class=\"!font-normal\">\n                        <p>This term reflects the social model of disability, emphasising that barriers arise from society and the environment rather than from the individual.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"mt-[26px] first:mt-0\">\n                <div class=\"border-[3px] border-dashed border-stroke p-5 md:px-10 md:py-[30px] rounded-[20px] text-title text-textm\">\n                                            <h3><span>D . <\/span>Persons with and without Disabilities<\/h3>\n                                        <div class=\"!font-normal\">\n                        <p>This term is commonly used in Hong Kong in the context of inclusion, referring collectively to people with and without disabilities rather than describing a specific individual.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"custom-content mt-[26px]\">\n            <p>Different terms reflect different perspectives and understandings. However, language is ultimately a tool for communication. Even the \u201ccorrect\u201d terminology may still make others uncomfortable if spoken with prejudice or disrespect. More important than the wording itself is respecting the wishes and feelings of the individuals concerned.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n    <\/div>\n<\/article>\n<\/div>\n                <\/div>\n                \n                                    <div class=\"flex max-sm:flex-col items-center sm:items-stretch justify-between max-sm:gap-10 next-prev-btnwrapper\">\n\n                                                    <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/01-why-inclusion\/\" class=\"relative flex items-center justify-between gap-2 sm:gap-4 p-4 lg:px-[30px] bg-greyBG min-w-[80%] xs:min-w-[225px] max-w-[80%] xs:max-w-[225px] sm:max-w-[225px] lg:max-w-[320px] min-h-[116px] rounded-[10px] border-2 border-primary hover:bg-blueBG group\">\n                                <p class=\"w-6 h-6 rounded-full bg-primary transition-all duration-300 ease-out inline-flex flex-col items-center justify-center overflow-hidden\">\n                                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white translate-y-[11px] rotate-180 max-w-6 object-contain group-hover:-translate-y-5 transition-all duration-300 ease-out\" \/>\n                                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white translate-y-5 rotate-180 max-w-6 object-contain group-hover:translate-y-[-14px] transition-all duration-300 ease-out\" \/>\n                                <\/p>\n                                <div class=\"mr-8 text-primary text-button ml-1 flex-1 w-full\">\n                                    <span class=\"block pb-1 text-caption text-textm\">\n                                        Previous Chapter                                    <\/span>\n                                    01 Why Inclusion                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Group-2.svg\" alt=\"01 Why Inclusion\" class=\"max-w-[50px] sm:max-w-20 object-contain absolute -right-5 sm:-right-12\">\n                            <\/a>\n                        \n                                                    <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/03-accessible-society\/\" class=\"flex items-center justify-between gap-2 sm:gap-4 relative p-4 lg:px-[30px] bg-greyBG min-w-[80%] xs:min-w-[225px] max-w-[80%] xs:max-w-[225px] sm:max-w-[225px] lg:max-w-[320px] min-h-[116px] rounded-[10px] border-2 border-primary hover:bg-blueBG group\">\n                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Group-1-1.svg\" alt=\"03 Accessible Society\" class=\" max-w-[50px] sm:max-w-20 object-contain absolute -left-5 sm:-left-12\">\n                                <div class=\" text-primary flex-1 text-button mr-1 ml-7\">\n                                    <span class=\"block pb-1 text-caption text-textm\">\n                                        Next Chapter                                        \n                                    <\/span>\n                                    03 Accessible Society                                <\/div>\n                                <p class=\"w-6 h-6 rounded-full bg-primary transition-all duration-300 ease-out inline-flex flex-col items-center justify-center overflow-hidden\">\n                                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white translate-y-[11px] max-w-6 object-contain group-hover:-translate-y-5 transition-all duration-300 ease-out\" \/>\n                                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white translate-y-5 max-w-6 object-contain group-hover:translate-y-[-14px] transition-all duration-300 ease-out\" \/>\n                                <\/p>\n                            <\/a>\n                                            <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"chapters-slide\" class=\"relative slider-card-wrapper\">\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/explore-blue-top-curve.svg\" alt=\"\" class=\"w-full\" \/>\n\n    <div class=\"relative pt-10 md:pb-[50px] md:pt-20 xl:pt-[100px] bg-primary-blueBG\">\n        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/cloud-bg.png\" alt=\"\" class=\"w-full 4k:h-full max-lg:object-cover absolute left-0 bottom-0\" \/>\n\n        <div class=\"container relative\">\n            <div class=\"container-md\">\n                <div class=\"pb-6 md:pb-[60px] text-center\">\n                    \n<div class=\"flex items-center gap-[10px] justify-center\">\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n    <p class=\"text-eyebrow\" style=\"color: #BC165B;\">\n        \u66f4\u591a\u7ae0\u7bc0    <\/p>\n    <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n<\/div>\n\n    <h2 class=\"heading2 md:pt-1\" style=\"color: #004D93;\">\n        More Chapters    <\/h2>\n                <\/div>\n\n                                    <div class=\"relative\">\n                        <div class=\"flex items-center justify-between absolute left-[-5%] 6xl:left-[-7%] top-1\/2 -translate-y-1\/2 z-10 w-[110%] 6xl:w-[114%]\">\n                            <button type=\"button\" class=\"chapter-prevbtn w-10 h-10 xl:w-[65px] xl:h-[65px] flex items-center justify-center border-2 border-primary hover:border-transparent hover:bg-white\/80 rounded-full transition-all duration-300 ease-out text-primary hover:text-pink\">\n                                <svg class=\"max-xl:w-8\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                    <path d=\"M8.33331 20L31.6666 20M18.3333 10L8.33331 20L18.3333 30\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/button>\n\n                            <button type=\"button\" class=\"chapter-nextbtn w-10 h-10 xl:w-[65px] xl:h-[65px] flex items-center justify-center border-2 border-primary hover:border-transparent hover:bg-white\/80 rounded-full transition-all duration-300 ease-out text-primary hover:text-pink\">\n                                <svg class=\"max-xl:w-8\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                <path d=\"M31.6667 20L8.33341 20M21.6667 10L31.6667 20L21.6667 30\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                        \n                        <div class=\"swiper chapters-swiper !p-5\">\n                            <div class=\"swiper-wrapper\">\n                                \n                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/01-why-inclusion\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Group-2.svg\" alt=\"01 Why Inclusion\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        01 Why Inclusion                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                \n                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/03-accessible-society\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Group-1-1.svg\" alt=\"03 Accessible Society\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        03 Accessible Society                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                \n                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/04-respectful-interaction\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/08\/respectful-interaction.svg\" alt=\"04 Respectful Interaction\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        04 Respectful Interaction                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                \n                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/05-unique-strengths\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Graphic-4-300x300.png\" alt=\"05 Unique Strengths\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        05 Unique Strengths                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                \n                                        <a href=\"https:\/\/hkfhy.visibleone.dev\/en\/06-better-together\/\" class=\"swiper-slide block group relative !h-auto\">\n                                            <div class=\"rounded-[40px] border-4 border-transparent group-hover:border-pink transition-all duration-300 bg-white w-full h-[80%] absolute bottom-0 left-0\"><\/div>\n                                            <div class=\"px-10 relative h-full flex flex-col justify-between\">\n                                                <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Graphic-5-300x300.png\" alt=\"06 Better Together\" class=\"object-contain\" \/>\n\n                                                <div class=\"pt-[10px] md:pt-5\">\n                                                    <h3 class=\"heading5 text-dark text-center\">\n                                                        06 Better Together                                                    <\/h3>\n\n                                                     \n\n                                                    <p class=\"w-10 h-10 md:w-[60px] md:h-[60px] group-hover:scale-[1.15] group-hover:translate-y-2 transition-all duration-300 rounded-full flex items-center justify-center ml-auto translate-x-10 bg-pink\">\n                                                        <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/icons\/arrow-primary.svg\" alt=\"arrow\" class=\"filter-white\" \/>\n                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n                                        <\/a>\n                                \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/explore-blue-bottom-curve.png\" alt=\"\" class=\"w-full hidden lg:block\" \/>\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/home\/mb-explore-blue-bottom-curve.png\" alt=\"\" class=\"w-full lg:hidden\" \/>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":986,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1315","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/comments?post=1315"}],"version-history":[{"count":23,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1315\/revisions"}],"predecessor-version":[{"id":2365,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1315\/revisions\/2365"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media\/986"}],"wp:attachment":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media?parent=1315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}