{"id":2641,"date":"2025-11-03T11:35:25","date_gmt":"2025-11-03T11:35:25","guid":{"rendered":"https:\/\/www.cmhahk.org\/membership\/"},"modified":"2026-05-06T10:53:17","modified_gmt":"2026-05-06T10:53:17","slug":"membership","status":"publish","type":"page","link":"https:\/\/www.cmhahk.org\/tc\/membership\/","title":{"rendered":"\u6703\u54e1"},"content":{"rendered":"\n<div block-name=\"cm-banner\" class=\"cm-banner relative\">\n    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/02\/pexels-fauxels-3183183-scaled.jpg\" alt=\"\" class=\" aspect-[1920\/500] object-cover w-full sm:min-h-[400px] min-h-[500px] sm:block hidden\">\n    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/02\/pexels-fauxels-3183183-scaled.jpg\" alt=\"\"\n                                class=\"aspect-[1920\/500] object-cover w-full sm:min-h-[400px] min-h-[500px] sm:hidden block\">\n    <div class=\"absolute left-0 top-0 w-full h-full bg-[linear-gradient(180deg,rgba(30,33,35,0)_0%,rgba(30,33,35,0.72)_100%)]\n\">\n\n    <\/div>\n    <div class=\"absolute bottom-0 left-0 w-full py-[60px]\">\n        <div class=\"container\">\n            <div class=\"container-sm\">\n                <h1 class=\"heading1 font-secondary font-bold text-white leading-[normal]\">\u6703\u54e1<\/h1>\n                <div class=\"mt-4 font-primary text-body font-normal leading-[160%] text-white\">\n                    <h3>\u532f\u805a\u5404\u754c\u9818\u5c0e\u8005\u3001\u5c08\u5bb6\u53ca\u89aa\u8eab\u7d93\u6b77\u5fc3\u7406\u5065\u5eb7\u6311\u6230\u7684\u904e\u4f86\u4eba\u3002<\/h3>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div block-name=\"cm-two-grid-content\"\n    class=\"cm-two-grid-content md:py-20 py-[60px] bg-white\">\n    <div class=\"container\">\n        <div class=\"container-sm\">\n            <div>\n                <div class=\"grid lg:grid-cols-2 2xl:gap-20 lg:gap-10 md:gap-5\">\n                    <div>\n                        <h2 class=\"heading2 font-bold md:leading-[normal] leading-[140%] text-complimentary-orange\"><p>\u52a0\u76dfCMHA HK\uff0c\u5171\u540c\u6253\u9020\u5fc3\u7406\u5065\u5eb7\u4e14\u66f4\u5177\u751f\u7522\u529b\u7684\u8077\u5834\u6587\u5316\u3002<\/p>\n<\/h2>\n                    <\/div>\n                    <div\n                        class=\"2xl:mt-20 mt-10 pt-10 relative before:left-0 before:top-0 before:absolute before:w-1 before:h-1 before:rounded-full before:bg-brand-teal\n                    after:absolute after:left-4 after:top-[2px] after:block after:content-normal after:w-[calc(100%_-_16px)] after:h-[1px] after:bg-black-medium\">\n                        <div class=\"text-body-lg font-normal leading-[160%] text-black-text-medium font-primary\">\n                            <p>\u6210\u70ba\u9999\u6e2f\u8077\u5834\u4e92\u52a9\u806f\u76df\uff08CMHA HK\uff09\u7684\u6703\u54e1\uff0c\u60a8\u7684\u4f01\u696d\u5c07\u80fd\u4ee5\u53ef\u91cf\u5316\u53ca\u53ef\u6301\u7e8c\u767c\u5c55\u7684\u65b9\u5f0f\uff0c<strong>\u52a0\u901f\u5be6\u73fe\u69cb\u5efa\u5fc3\u7406\u5065\u5eb7\u8077\u5834<\/strong>\u7684\u76ee\u6a19\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u6703\u54e1\u53ef\u53c3\u8207\u4e00\u9805\u4ee5\u4f01\u696d\u70ba\u4e3b\u5c0e\u3001\u5c08\u5bb6\u6307\u5c0e\u7684\u652f\u63f4\u8a08\u5283\uff0c\u5167\u5bb9\u5305\u62ec\uff1a<strong>\u8077\u5834\u8a55\u4f30\u3001\u54e1\u5de5\u5fc3\u7406\u5065\u5eb7\u8abf\u67e5\u3001\u70ba\u9818\u5c0e\u8005\u8207\u54e1\u5de5\u8a2d\u8a08\u7684\u5be6\u52d9\u6307\u5357\u8207\u5de5\u5177\u5305<\/strong>\uff0c\u4ee5\u53ca\u70ba\u8eab\u5fc3\u798f\u7949\u3001\u591a\u5143\u5171\u878d(DEI)\u53ca\u4eba\u529b\u8cc7\u6e90\u9818\u57df\u7684\u9818\u5c0e\u8005\u8209\u8fa6\u7684\u5e74\u5ea6\u7cfb\u5217\u6d3b\u52d5\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u6240\u6709 CMHA HK \u7684\u8cc7\u6e90\u8207\u6d3b\u52d5\u5747\u878d\u5408\u6703\u54e1\u53ca\u5c08\u5bb6\u5c0f\u7d44\u7684\u77e5\u8b58\u7d93\u9a57\uff0c\u4e26\u4ee5\u5be6\u8b49\u7814\u7a76\u70ba\u57fa\u790e\u3002CMHA HK \u5718\u968a\u5c07\u8207\u6703\u54e1\u7684<strong>\u9ad8\u5c64\u53ca\u71df\u904b\u5718\u968a\u7dca\u5bc6\u5408\u4f5c<\/strong>\uff0c\u70ba\u60a8\u7684\u8077\u5834\u7b56\u7565\u63d0\u4f9b\u5177\u91dd\u5c0d\u6027\u7684\u652f\u63f4\u3002<\/p>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n\n<div block-name=\"cm-grey-blue-content\" class=\"cm-grey-blue-content\">\n    <div class=\"grid lg:grid-cols-2 items-center\">\n        <div class=\"lg:px-[9.375%] md:px-[4%] px-5 bg-black flex items-center\">\n            <div class=\"xl:pt-20 pt-[60px] xl:pb-20 pb-10 w-full md:max-w-[600px] mx-auto\">\n                <div class=\" 2xl:min-h-[300px] lg:min-h-[200px] flex flex-col justify-center\">\n                    <div class=\"heading4 lg:font-bold font-medium lg:leading-[normal] leading-[160%] text-text-black font-secondary\">\n                        <p>\u52a0\u5165CMHA HK\u6210\u70ba\u6703\u54e1\u5c07\u5354\u52a9\u60a8\u7684\u4f01\u696d\uff1a<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"lg:px-0 px-5 lg:bg-white bg-black\">\n            <div style=\"background-color: #ffb751;\"\n                class=\"lg:px-[9.375%] md:px-[4%] px-5 rounded-2xl rounded-tr-none 2xl:py-[200px] xl:py-[120px] md:py-[100px] py-10\">\n                <div class=\"md:max-w-[600px] mx-auto max-w-full\">\n                    <div\n                        class=\"text-body-lg font-normal leading-[160%] text-primary md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4\">\n                        <ul>\n<li>\u63d0\u9ad8\u54e1\u5de5\u5c0d\u8077\u5834\u5fc3\u7406\u5065\u5eb7\u7684\u610f\u8b58\uff0c\u4e26\u6d88\u9664\u7d44\u7e54\u5167\u5c0d\u5fc3\u7406\u5065\u5eb7\u7684\u6c61\u540d<\/li>\n<p> \t&nbsp;<\/p>\n<li>\u5f9e\u9ad8\u968e\u9818\u5c0e\u5230\u65b0\u5165\u8077\u4eba\u58eb\uff0c\u63d0\u5347\u5168\u9ad4\u54e1\u5de5\u7684\u5fc3\u7406\u5065\u5eb7\u7d20\u990a<\/li>\n<p>        &nbsp;<\/p>\n<li>\u57f9\u990a\u54e1\u5de5\u7684\u5fc3\u7406\u5065\u5eb7\u610f\u8b58\u548c\u6280\u80fd\uff0c\u4f7f\u4ed6\u5011\u80fd\u5920\u81ea\u4fe1\u5730\u5c31\u5fc3\u7406\u5065\u5eb7\u554f\u984c\u5c55\u958b\u5c0d\u8a71\uff0c\u4e26\u5728\u9069\u7576\u6642\u63a1\u53d6\u884c\u52d5<\/li>\n<p>        &nbsp;<\/p>\n<li>\u5efa\u7acb\u53ef\u6301\u7e8c\u7684\u8077\u5834\u8f49\u578b\u8a08\u5283\uff0c\u78ba\u4fdd\u9818\u5c0e\u8005\u91cd\u8996\u826f\u597d\u7684\u5fc3\u7406\u5065\u5eb7\u5be6\u8e10\uff0c\u4e26\u878d\u5165\u4f01\u696d\u7684\u6240\u6709\u7b56\u7565\u512a\u5148\u4e8b\u9805\u4e2d<\/li>\n<\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div block-name=\"cm-member-slider\" class=\"cm-member-slider xl:py-[100px] md:pt-20 pt-16 md:pb-20 pb-0\">\n    <div>\n        <h2 class=\"heading2 font-bold text-text-black text-center px-5\"><p>\u6211\u5011\u7684\u6703\u54e1<\/p>\n<\/h2>\n        <div class=\"lg:mt-10 mt-5\">\n            <div class=\"swiper\">\n                <div class=\"swiper-wrapper\">\n                                                                        <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/AIA.png\" alt=\"AIA\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/AXA_resized_50pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/AOShearman_70pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/11\/Bank_of_America_logo-1.svg\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/11\/EY-logo-1.svg\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/FWD_resized_65pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/11\/Goldman-Sachs-Logo-1-1.svg\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/HaiWen_50pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/11\/HKEX_logo_2016-1.svg\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/HKJC-1.png\" alt=\"HKJC\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/12\/HSBC_logo_2018-1.svg\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/12\/Jardine_Matheson-Logo.wine-1.svg\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/KW_65pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/12\/Logo-Container-1.svg\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/12\/Linklaters-1.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/12\/path813.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/Nomura_65pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/OliverWyman_65pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/PacificPrime_65pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/Pru_50pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/SFC_65pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/Simmons_50pct_240x110.jpg\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/SlaughterMay_70pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <a href=\"\" class=\"flex items-center justify-center aspect-[240\/110]\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/SC_50pct_240x110.png\" alt=\"\" class=\"object-contain mx-auto\">\n                                <\/a>\n                            <\/div>\n                                                            <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div block-name=\"cm-benefis-of-membership\" class=\"cm-benefis-of-membership bg-black xl:py-[120px] md:py-20 py-[60px]\">\n    <div class=\"container\">\n        <div class=\"container-sm\">\n            <div class=\"max-w-[800px] mx-auto\">\n                <h2 class=\"heading2 font-bold text-center leading-[normal] text-text-black\">\u6703\u54e1\u6b0a\u76ca<\/h2>\n                                    <div class=\"text-body-lg text-center mt-5 leading-[160%] text-primary\">\n                        <p>\u52a0\u5165\u6211\u5011\u6210\u70ba\u4f01\u696d\u806f\u76df\u7684\u4e00\u54e1\uff0c\u8207\u9999\u6e2f\u5fd7\u540c\u9053\u5408\u7684\u4f01\u696d\u4e26\u80a9\u5408\u4f5c\uff0c\u5728\u5c08\u5bb6\u5f15\u9818\u4e0b\u70ba\u60a8\u7684\u4f01\u696d\u5e36\u4f86\u6301\u4e45\u7684\u6539\u8b8a\u3002<\/p>\n                    <\/div>\n                            <\/div>\n                            <div class=\"grid lg:grid-cols-3 sm:grid-cols-2 2xl:gap-10 xl:gap-6 gap-5 counter-card md:mt-[64px] mt-10\">\n                                                                        <div\n                                class=\"bg-white xl:p-10 p-5 rounded-[20px] rounded-tr-none shadow-[0_12px_32px_0_rgba(169,169,169,0.18)]\">\n                                <div>\n                                    <div class=\"heading4 font-secondary font-bold leading-[normal] text-complimentary-orange\">\n                                        <p>\u793e\u7fa4<\/p>\n                                    <\/div>\n                                    <div class=\"mt-5 pt-5 relative before:left-0 before:top-0 before:absolute before:w-1\n                                before:h-1 before:rounded-full before:bg-brand-teal after:absolute after:left-4\n                                after:top-[2px] after:block after:content-normal after:w-[calc(100%_-_16px)]\n                                after:h-[1px] after:bg-black-medium\">\n                                        <div class=\"text-body-lg font-normal leading-[160%] text-black-text-medium\">\n                                            <p>\u8207\u5176\u4ed6\u6703\u54e1\u5408\u4f5c\u7684\u6a5f\u6703\uff0c\u4e26\u5411\u540c\u696d\u5c55\u793a\u60a8\u7684\u4f01\u696d\u7684\u6700\u4f73\u5be6\u8e10\u7bc4\u4f8b\u3002<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div\n                                class=\"bg-white xl:p-10 p-5 rounded-[20px] rounded-tr-none shadow-[0_12px_32px_0_rgba(169,169,169,0.18)]\">\n                                <div>\n                                    <div class=\"heading4 font-secondary font-bold leading-[normal] text-complimentary-orange\">\n                                        <p>\u7814\u7a76<\/p>\n                                    <\/div>\n                                    <div class=\"mt-5 pt-5 relative before:left-0 before:top-0 before:absolute before:w-1\n                                before:h-1 before:rounded-full before:bg-brand-teal after:absolute after:left-4\n                                after:top-[2px] after:block after:content-normal after:w-[calc(100%_-_16px)]\n                                after:h-[1px] after:bg-black-medium\">\n                                        <div class=\"text-body-lg font-normal leading-[160%] text-black-text-medium\">\n                                            <p>\u53ef\u4f7f\u7528\u300a\u8c50\u76db\u8077\u5834\u8a55\u4f30\u300b\u6216\u300a\u54e1\u5de5\u5fc3\u7406\u5065\u5eb7\u8abf\u67e5\u300b\u3002<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div\n                                class=\"bg-white xl:p-10 p-5 rounded-[20px] rounded-tr-none shadow-[0_12px_32px_0_rgba(169,169,169,0.18)]\">\n                                <div>\n                                    <div class=\"heading4 font-secondary font-bold leading-[normal] text-complimentary-orange\">\n                                        <p>\u8cc7\u6e90<\/p>\n                                    <\/div>\n                                    <div class=\"mt-5 pt-5 relative before:left-0 before:top-0 before:absolute before:w-1\n                                before:h-1 before:rounded-full before:bg-brand-teal after:absolute after:left-4\n                                after:top-[2px] after:block after:content-normal after:w-[calc(100%_-_16px)]\n                                after:h-[1px] after:bg-black-medium\">\n                                        <div class=\"text-body-lg font-normal leading-[160%] text-black-text-medium\">\n                                            <p>\u6703\u54e1\u5c08\u5c6c\u8cc7\u6e90\u5eab\u53ca\u516c\u958b\u7684\u5be6\u8b49\u8cc7\u6e90\u3002<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div\n                                class=\"bg-white xl:p-10 p-5 rounded-[20px] rounded-tr-none shadow-[0_12px_32px_0_rgba(169,169,169,0.18)]\">\n                                <div>\n                                    <div class=\"heading4 font-secondary font-bold leading-[normal] text-complimentary-orange\">\n                                        <p>\u6d3b\u52d5<\/p>\n                                    <\/div>\n                                    <div class=\"mt-5 pt-5 relative before:left-0 before:top-0 before:absolute before:w-1\n                                before:h-1 before:rounded-full before:bg-brand-teal after:absolute after:left-4\n                                after:top-[2px] after:block after:content-normal after:w-[calc(100%_-_16px)]\n                                after:h-[1px] after:bg-black-medium\">\n                                        <div class=\"text-body-lg font-normal leading-[160%] text-black-text-medium\">\n                                            <p>\u5e74\u5ea6\u6d3b\u52d5\u8d85\u904e\u5341\u5834\u7684\u6703\u54e1\u5de5\u4f5c\u574a\u53ca\u4ea4\u6d41\u6d3b\u52d5\u3002<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div\n                                class=\"bg-white xl:p-10 p-5 rounded-[20px] rounded-tr-none shadow-[0_12px_32px_0_rgba(169,169,169,0.18)]\">\n                                <div>\n                                    <div class=\"heading4 font-secondary font-bold leading-[normal] text-complimentary-orange\">\n                                        <p>\u57f9\u8a13<\/p>\n                                    <\/div>\n                                    <div class=\"mt-5 pt-5 relative before:left-0 before:top-0 before:absolute before:w-1\n                                before:h-1 before:rounded-full before:bg-brand-teal after:absolute after:left-4\n                                after:top-[2px] after:block after:content-normal after:w-[calc(100%_-_16px)]\n                                after:h-[1px] after:bg-black-medium\">\n                                        <div class=\"text-body-lg font-normal leading-[160%] text-black-text-medium\">\n                                            <p>\u6703\u54e1\u8cc7\u683c\u5305\u62ec\u6bcf\u5e742\u5c0f\u6642\u5fc3\u7406\u5065\u5eb7\u57f9\u8a13\uff08\u6216\u53c3\u8207CMHA HK\u7684\u5176\u4ed6\u4e92\u52d5\u6d3b\u52d5\uff09\u3002<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <div\n                                class=\"bg-white xl:p-10 p-5 rounded-[20px] rounded-tr-none shadow-[0_12px_32px_0_rgba(169,169,169,0.18)]\">\n                                <div>\n                                    <div class=\"heading4 font-secondary font-bold leading-[normal] text-complimentary-orange\">\n                                        <p>\u901a\u8a0a<\/p>\n                                    <\/div>\n                                    <div class=\"mt-5 pt-5 relative before:left-0 before:top-0 before:absolute before:w-1\n                                before:h-1 before:rounded-full before:bg-brand-teal after:absolute after:left-4\n                                after:top-[2px] after:block after:content-normal after:w-[calc(100%_-_16px)]\n                                after:h-[1px] after:bg-black-medium\">\n                                        <div class=\"text-body-lg font-normal leading-[160%] text-black-text-medium\">\n                                            <p>\u6bcf\u6708\u6703\u54e1\u52d5\u614b\u3001\u5b63\u5ea6\u7c21\u5831\u3001CMHA HK\u7db2\u7ad9\u6703\u54e1\u5c08\u5340\u3002<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<section id=\"testimonials\" block-name=\"cm-testmonials-slider\" class=\"cm-testmonials-slider xl:py-[120px] md:py-20 py-[60px] overflow-hidden\n\">\n    <div class=\"container\">\n        <div class=\"container-sm\">\n            <div>\n                <div class=\"max-w-[1160px] mx-auto\">\n                    <div class=\"heading2 font-bold text-text-black text-center leading-[normal] font-secondary\">\n                        \u6703\u54e1\u611f\u8a00                    <\/div>\n                    <div class=\"mt-5 text-body-lg font-normal leading-[160%] text-center text-black-text-medium\">\n                        <p>City Mental Health Alliance Hong Kong\uff08CMHA HK\uff09\u662f\u4e00\u500b\u975e\u725f\u5229\u6703\u54e1\u7d44\u7e54\u3002\u6211\u5011\u6df1\u4fe1\uff0c\u8077\u5834\u65e2\u6709\u6a5f\u6703\u4ea6\u6709\u8cac\u4efb\u70ba\u54e1\u5de5\u7684\u7cbe\u795e\u5065\u5eb7\u63d0\u4f9b\u4fdd\u8b77\u8207\u652f\u63f4\uff0c\u4e26\u7a4d\u6975\u57f9\u80b2\u6b63\u9762\u7684\u7cbe\u795e\u5065\u5eb7\u6587\u5316\uff0c\u5f9e\u800c\u7de0\u9020\u4e00\u500b\u8b93\u54e1\u5de5\u5f97\u4ee5\u8301\u58ef\u6210\u9577\u7684\u5de5\u4f5c\u74b0\u5883\u3002<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"md:mt-[60px] mt-10 relative\">\n                    <div\n                        class=\"swiper-button-prev md:!block !hidden swiper-button-prev-to-orange overflow-hidden group absolute !top-[40%] !right-[unset] -translate-y-1\/2 lg:!-left-20 !-left-12\">\n                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/left-arrow-black.svg\"\n                            class=\"absolute -left-full translate-x-0 group-hover:left-0 group-hover:translate-x-[32%] transition-transform duration-300 ease-out\" \/>\n                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/left-arrow-black.svg\"\n                            class=\"absolute left-1\/2 -translate-x-1\/2 group-hover:translate-x-full transition-transform duration-300 ease-out\" \/>\n                    <\/div>\n                    <div class=\"swiper\">\n                        <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>We appreciate the support we have received from CMHA HK so far. The advice and training provided by the team has helped tremendously in formulating and implementing our mental health policy and strategy. We look forward to the continued partnership with CMHA HK to help take our effort to the next level.<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Securities and Futures Commission                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            CMHA HK Member                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>We all have a role to play to help build a mentally healthy workplace. I am extremely privileged to be working with CMHA HK and the members to make a meaningful difference.<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Jennifer Tam                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            Partner, Simmons &#038; Simmons                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>In addition to a fit and able body, we need a healthy mind to achieve our well-being, better health and greater happiness. Good mental health enables us to cope with everyday stresses and occasional crises. Together with CMHA HK, let&#8217;s help our colleagues and each other to build and strengthen our mental well-being.<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Norbert Wong                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            Chief Risk Officer, Hong Kong and Greater China &#038; North Asia, Standard Chartered Bank                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>Hong Kong is an international business city. In order to retain international competitiveness in the future, it is essential that companies play a critical role in encouraging employees to understand the mental health of themselves and their colleagues, and to promote good wellbeing in the workplace.<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Edward Moncreiffe                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            CEO, Global Insurance, HSBC Holdings plc                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>So much focus is spent on physical wellbeing, why not mental? And why isn&#8217;t this a regular board agenda item?<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Mark Saunders                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            ASPAC Head of Clients &#038; Markets, KPMG                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>Supporting people\u2019s mental health should be a core focus for all employers. CMHA HK provides really valuable insights, know-how and training for businesses in HK, helping to improve the provision of support within our community.<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Nikki Williams                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            Managing Director, APAC HR &#038; N. Asia Ops, A&#038;O Shearman                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>People are all we have. CMHA HK offers us the ability to share practical steps across similar firms that help us to address mental health challenges.<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Peter Reynolds                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            Group Chief Strategic Development Officer, FWD Group                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>It can\u2019t just be talk \u2013 embedding supportive and positive mental wellbeing practices into everyday working life needs to come from leadership, and be top-down. Wellbeing is a key pillar of our global talent priorities and CMHA HK have been key in helping EY Hong Kong to develop our response.<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Peter Picton-Phillips                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            Partner, EY Greater China                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>My participation in CMHA HK activities has connected me with like-minded fellow advocates, whose dedication and passion reignite my belief in the power of collective effort to transform our workplace into healthier environments. The simple lesson from my Chinese ancestors also resonates deeply: &#8220;Never disregard the value of small acts of kindness, nor dismiss the harm of seemingly minor misdeeds (\u52ff\u4ee5\u5584\u5c0f\u800c\u4e0d\u70ba,\u52ff\u4ee5\u60e1\u5c0f\u800c\u70ba\u4e4b).\u201d This teaching is af the heart of my advocacy. Let&#8217;s remember that even the smallest act of kindness can have a big impact. Let&#8217;s embrace this spirit today, and every day thereafter.<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Sherry Cui                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            Partner, Haiwen &#038; Partners                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div>\n                                            <div class=\"flex sm:flex-row flex-col-reverse sm:items-start items-center\">\n                                                                                                <div class=\"w-full  \">\n                                                    <div\n                                                        class=\"font-primary sm:text-left text-center text-body-lg text-text-black font-normal leading-[160%] md:[&#038;_ol]:pl-6 [&#038;_ol]:pl-4 [&#038;_ol]:list-decimal md:[&#038;_ul]:pl-6 [&#038;_ul]:pl-4 [&#038;_ul]:list-disc\">\n                                                        <p>Hong Kong is a special, vibrant and competitive place with a diverse society. Mental health is necessary for all of us to be at our best in and outside of the workplace, and all employers and managers have a critical role to play in supporting their people. I am delighted to join the CMHA HK Board to contribute to the growth of the Alliance, and share experiences and toolkits across members to help make a difference in the broader Hong Kong business community.<\/p>\n                                                    <\/div>\n                                                    <div class=\"md:mt-[30px] mt-4\">\n                                                        <div\n                                                            class=\"text-body-lg font-primary text-text-black font-bold leading-[160%] sm:text-left text-center\">\n                                                            Selene Chong                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mt-1\">\n                                                        <div\n                                                            class=\"text-body font-primary text-black-text-medium font-normal leading-[160%] sm:text-left text-center\">\n                                                            HSBC                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                                    <\/div>\n                    <\/div>\n                    <div class=\"flex justify-center items-center mt-10\">\n                        <div\n                            class=\"swiper-button-prev md:hidden block swiper-button-prev-to-orange overflow-hidden group !relative !top-[unset]!right-[unset] !left-[unset]\">\n                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/left-arrow-black.svg\"\n                                class=\"absolute -left-full translate-x-0 group-hover:left-0 group-hover:translate-x-[32%] transition-transform duration-300 ease-out\" \/>\n                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/left-arrow-black.svg\"\n                                class=\"absolute left-1\/2 -translate-x-1\/2 group-hover:translate-x-full transition-transform duration-300 ease-out\" \/>\n                        <\/div>\n                        <div\n                            class=\"swiper-pagination !w-auto inline-flex mx-5 swiper-pagination-custom-blue !relative !bottom-[unset] !left-[unset] !top-[unset] !right-[unset]\">\n                        <\/div>\n                        <div\n                            class=\"swiper-button-next swiper-button-next-to-orange overflow-hidden group md:!absolute md:!top-[40%] md:!left-[unset] md:-translate-y-1\/2 lg:!-right-20 md:!-right-12 !relative !top-[unset]! right-[unset] !left-[unset]\">\n                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal.svg\"\n                                class=\"absolute -left-full translate-x-0 group-hover:left-0 group-hover:md:translate-x-[calc(100%_-_26px)] group-hover:translate-x-[calc(100%_-_21px)] transition-transform duration-300 ease-out\" \/>\n                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal.svg\"\n                                class=\"absolute left-1\/2 -translate-x-1\/2 group-hover:translate-x-[100%] transition-transform duration-300 ease-out\" \/>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n<script>\n    const slideNoPerSlide = 3;\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const swiper = new Swiper(\".cm-testmonials-slider .swiper\", {\n            loop: false,\n            autoplay: false,\n            slidesPerView: 1,\n            spaceBetween: 20,\n            pagination: {\n                el: \".cm-testmonials-slider .swiper-pagination\",\n                clickable: true\n            },\n            breakpoints: {\n                1024: {\n                    slidesPerView: 2,\n                    spaceBetween: 40\n                },\n                1280: {\n                    slidesPerView: slideNoPerSlide,\n                    spaceBetween: 40\n                }\n            },\n            navigation: {\n                nextEl: \".cm-testmonials-slider .swiper-button-next\",\n                prevEl: \".cm-testmonials-slider .swiper-button-prev\"\n            },\n        });\n    });\n\n<\/script>\n\n\n<div block-name=\"cm-join-card-with-images\" class=\"cm-join-card-with-images py-[60px]\">\n    <div class=\"container\">\n        <div class=\"container-xxs\">\n            <div class=\"max-w-[1320px] mx-auto\">\n                <div style=\"background-color: #007e97;\"\n                    class=\"3xl:px-[100px] xl:px-20 lg:px-16 md:px-10 px-5 py-16 rounded-[16px] overflow-hidden\">\n                    <div class=\"grid lg:grid-cols-2 lg:gap-0 gap-10 items-center\">\n                        <div>\n                            <div class=\"heading6 font-medium leading-[normal] text-white opacity-60\"><p>\u6703\u54e1<\/p>\n<\/div>\n                            <div class=\"heading2 font-secondary font-bold leading-[normal] text-white mt-5\">\n                                <p>\u6703\u54e1\u5c08\u5340<\/p>\n                            <\/div>\n                            <div class=\"mt-5 font-primary font-normal leading-[160%] text-white text-body\">\n                                <p>CMHA HK\u6703\u54e1\u53ef\u767b\u5165\u672c\u7db2\u7ad9\u7684\u6703\u54e1\u5c08\u5340\uff0c\u7372\u53d6\u50c5\u9650\u6703\u54e1\u4f7f\u7528\u7684\u8cc7\u6e90\u3001\u5de5\u5177\u548c\u6d3b\u52d5\u5f71\u7247\u3002<\/p>\n                            <\/div>\n                            <div class=\"lg:mt-10 mt-5 xs:inline-flex flex xs:items-center xs:flex-row flex-col\">\n                                                                \n                                    <a href=\"https:\/\/www.cmhahk.org\/login\/\" target=\"_blank\"\n                                        class=\"block text-center xs:mb-0 mb-3 text-button font-bold font-primary text-text-black px-6 py-3 bg-white rounded-lg hover:bg-brand-orange transition-all duration-300 xs:mr-3\">\n                                        \u767b\u5165                                    <\/a>\n                                \n                                                                \n                                                                                                    <div class=\"inline-flex\">\n                                        <a href=\"https:\/\/www.cmhahk.org\/tc\/contact-us\/\"\n                                            target=\"_blank\"\n                                            class=\"inline-flex items-center pl-5 pr-4 text-button font-bold arrow-button text-primary-button leading-[normal] font-secondary md:py-[10px] py-2 rounded-lg rounded-tr-none\">\n                                            <span class=\"pr-5 font-primary\">\u806f\u7d61\u6211\u5011\u4e86\u89e3\u66f4\u591a\u6703\u54e1\u6b0a\u76ca<\/span>\n                                            <div\n                                                class=\"flex items-center justify-center bg-white w-10 h-10 min-w-10 rounded-[8px] rounded-tr-none rounded-br-[8px] overflow-hidden relative\">\n                                                <img decoding=\"async\" class=\"arrow-hover min-w-[26px]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal.svg\"\n                                                    alt=\"left arrow\">\n                                                <img decoding=\"async\" class=\"arrow min-w-[26px]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal.svg\"\n                                                    alt=\"right arrow\">\n                                            <\/div>\n                                        <\/a>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                                                    <div class=\"md:pl-[53px] relative\">\n                                <div>\n                                    <div class=\"relative\">\n                                        <div class=\"relative\">\n                                            <div class=\"absolute md:left-[-53px] left-[-10px] top-[33%]\">\n                                                <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/decoration-orange1.svg\"\n                                                    alt=\"decoration\" class=\"md:max-w-[42px] max-w-[26px]\">\n                                            <\/div>\n                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/02\/pexels-yankrukov-8837256-scaled.jpg\" alt=\"\" class=\" aspect-[442\/551] object-cover w-full \n                                                lg:max-w-[442px] ml-auto\n                                                sm:rounded-[12px] rounded-lg\">\n\n                                        <\/div>\n                                        <div class=\"absolute md:right-[-29px] right-[-6px] md:-bottom-[29px] -bottom-4\">\n                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/decoration-orange2.svg\"\n                                                alt=\"decoration\" class=\"2xl:max-w-[82px] md:max-w-16 max-w-[29px]\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n    <\/div>\n    \n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2641","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages\/2641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/comments?post=2641"}],"version-history":[{"count":20,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages\/2641\/revisions"}],"predecessor-version":[{"id":7121,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages\/2641\/revisions\/7121"}],"wp:attachment":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/media?parent=2641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}