{"id":1634,"date":"2024-07-03T16:34:37","date_gmt":"2024-07-03T16:34:37","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/bbmsl\/pos-solutions\/"},"modified":"2024-09-03T03:40:42","modified_gmt":"2024-09-03T03:40:42","slug":"pos-solutions","status":"publish","type":"page","link":"https:\/\/bbmsl.com\/zh-hant\/pos-solutions\/","title":{"rendered":"BOXS &#8211; POS\u7cfb\u7d71"},"content":{"rendered":"\n<div block-name=\"bbmsl-home-landing\" class=\"py-10 xl:pb-[68px] bg-white overflow-hidden\" x-data=\"landing_banner\">\n  <div class=\"container\">\n    <div class=\"xl:flex items-center\">\n      <div class=\"xl:max-w-[700px] 3xl:max-w-[848px] xl:mr-5\" x-ref=\"landing_content\">\n                  <p class=\"text-body text-black000 font-bold leading-5 mb-5\">PAYMENTS<\/p>\n        \n        \n        <h1 class=\"heading1 leading-[50px] md:leading-[56px] 3xl:leading-[75px] mb-5\">\n          POS Solutions                  <\/h1>\n\n        <div class=\"text-body text-tertiary leading-7 font-noto-sans\">\n          <p>Whatever your business size &#8211; from startups to large enterprises &#8211; we can provide you with a suitable payment solution and help you expand your business online.<\/p>\n<p>&nbsp;<\/p>\n<p>We bring together everything that\u2019s required to let your website accept payment and send payouts easily. Simply using our APIs, you can activate multiple payment channels without technical development, including Visa, Mastercard, Alipay, WeChat Pay, Apple Pay and Google Pay.<\/p>\n        <\/div>\n\n                  <div class=\"mt-5 md:mt-10 md:flex\">\n                          <a href=\"https:\/\/bbmsl.com\/zh-hant\/contact-us\/\"\n                                class=\"block max-lg:flex-1 max-lg:text-center text-btn py-4 px-6 rounded-[100px] transition md:mr-5 last:mr-0 text-white border bg-primary border-primary hover:bg-secondary hover:border-secondary\">\n                Get started              <\/a>\n            \n                      <\/div>\n              <\/div>\n\n      <div\n        class=\"mx-auto xl:mr-[unset] xl:ml-auto max-w-[480px] xl:max-w-[660px] mt-5 md:mt-[60px] xl:mt-0 w-full aspect-square flex items-center\">\n                  <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/services-detail-e1721119561332.png\" alt=\"\" x-ref=\"content_img\"\n            class=\"transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] rounded-xl\" \/>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('landing_banner', () => ({\n        imgLoaded: false,\n        contentObserved: false,\n        imgObserved: false,\n        init() {\n          \/\/ this.observe(this.$refs.landing_content, 'contentObserved');\n          const img = this.$refs.content_img;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n              this.observe(img, 'imgObserved');\n            }, 1);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n              this.observe(img, 'imgObserved');\n            });\n          }\n        },\n        observe(ele, observedKey) {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this[`${observedKey}`] = true;\n                ele.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(ele);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-payment-platform\" class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-lightBlue\"\n  x-data=\"bbmsl_payment_platform\">\n  <div class=\"container\">\n    <div class=\"max-w-[1360px] mx-auto\">\n      <div class=\"max-w-[1000px] mx-auto\">\n        <div class=\"text-center heading2 leading-8 xl:leading-[54px] text-black000 mb-5\"><p>A Modern Payments Platform Designed to Help You Grow and Safeguard Your Global Revenue<\/p>\n<\/div>\n        <div class=\"text-center text-body font-noto-sans leading-7 text-tertiary\"><p>Businesses of all shapes and sizes &#8211; from eCommerce stores and subscription businesses to online marketplaces and platforms &#8211; use BBMSL to reach new global customers, eliminate unnecessary currency fees, and protect against fraud.<\/p>\n<\/div>\n      <\/div>\n\n      <div class=\"flex flex-col xl:flex-row xl:items-center mt-5 lg:mt-10 xl:mt-20\">\n        <div class=\"xl:flex-1 xl:mr-10 2xl:mr-20\">\n                      <img decoding=\"async\" x-ref=\"img_content\"\n              class=\"mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/modern-payments-e1721120031211.png\" alt=\"\" \/>\n                  <\/div>\n\n        <div class=\"xl:flex-1 mt-5 xl:mt-0\">\n                        <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/accept-payment.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Accept payments in 160+ payment methods and 180+ countries<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Boost checkout rates by pricing in local currency and letting customers pay with their preferred payment methods.<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_0', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/fx-conversion.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Eliminate costly FX conversion fees with like-for-like settlement<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Collect and settle funds in the same currency without the hassle of setting up multiple entities or paying hidden conversion fees.<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_1', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/reduce-chargeback.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Reduce chargebacks with built-in fraud prevention<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Automatically identify suspicious transactions and reduce chargebacks with built-in fraud detection and dispute management.<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_2', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_pp_3\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/minimise-fx.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Minimise FX risk with Multi-currency pricing<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Lock in FX rates for up to 72 hours when you price in local currency to safeguard against FX fluctuations.<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_pp_3', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                      <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_payment_platform', () => ({\n        imgLoaded: false,\n        init() {\n          const img = this.$refs.img_content;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n            });\n          }\n\n          this.$watch('imgLoaded', () => {\n            if (this.imgLoaded) {\n              this.observe();\n            }\n          });\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.25 });\n          observer.observe(this.$refs.img_content);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-service-detail-content-image\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-white\"\n  x-data=\"bbmsl_service_detail_content_image\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-center\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20\">\n        <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">Borderless Commerce<\/p>\n        <h2 class=\"heading2 text-black000 leading-8 xl:leading-[54px]\">Powerful Out-of-box Features to Boost Your Conversions<\/h2>\n\n        <div class=\"mt-10\">\n                        <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/adaptive-success.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Adaptive success rate optimisation<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>ML-powered optimisation engine includes smart MCC assignment, automatic retries, ISO message optimisations, and more to improve acceptance rates.<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_0', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/smart-3d.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Smart 3DS optimisation<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Maximise global acceptance while staying compliant with local regulations. Our 3DS engine automatically pick the best strategy based on transaction risk, applicable regulatory exemptions, and policies.<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_1', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/adjustable-risk.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Adjustable risk thresholds<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Customise your risk appetite based on your business model, set specific rules for 3D Secure, build alerts lists, and have the option to do manual reviews when needed.<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_2', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                      <\/div>\n      <\/div>\n\n      <div class=\"xl:flex-1 mt-5 xl:mt-0\">\n                  <img decoding=\"async\" x-ref=\"img_content\"\n            class=\"mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n            src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/out-of-box-e1721121477497.png\" alt=\"\" \/>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_service_detail_content_image', () => ({\n        imgLoaded: false,\n        init() {\n          const img = this.$refs.img_content;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n            });\n          }\n\n          this.$watch('imgLoaded', () => {\n            if (this.imgLoaded) {\n              this.observe();\n            }\n          });\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.25 });\n          observer.observe(this.$refs.img_content);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-service-detail-three-cols\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-lightBlue\">\n  <div class=\"container\">\n    <div class=\"max-w-[1360px] mx-auto\">\n      <h3 class=\" text-center heading3 leading-8 xl:leading-[48px] text-black000 mb-5 md:mb-10 2xl:mb-[56px]\">\n        Applications That Adapt to Your Business Model      <\/h3>\n\n              <div class=\"-m-2.5\">\n          <div class=\"flex flex-wrap justify-center max-md:max-w-[500px] max-xl:max-w-[984px] mx-auto\">\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_0\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-white group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/tokenisation.png\" alt=\"Network tokenisation\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">Network tokenisation<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">Replaces PANs with network-issued tokens to improve card acceptance rates and reduce processing costs.<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_0', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_1\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-white group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-detail.png\" alt=\"Saved payment details\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">Saved payment details<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">Drive repeat sales by initiating payments based on your customers\u2019 saved payment details.<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_1', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_2\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-white group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/network-integration.png\" alt=\"Direct network integrations\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">Direct network integrations<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">Benefit from our full-stack payments platform that directly integrates with all major card scheme networks.<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_2', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                      <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-service-detail-content-image\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-white\"\n  x-data=\"bbmsl_service_detail_content_image\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-center\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20\">\n        <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">Like-for-like Settlement<\/p>\n        <h2 class=\"heading2 text-black000 leading-8 xl:leading-[54px]\">Save on Costly FX Fees with Like- for-like Settlement<\/h2>\n\n        <div class=\"mt-10\">\n                        <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/get-paid.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Get paid without hidden fees<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Avoid unnecessary currency conversion fees when you receive funds in the same currency that your customers pay in.<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_0', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/collect-funds.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Collect funds into multi-currency accounts<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Collect funds into multi-currency accounts and securely hold funds for future payments to local suppliers.<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_1', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"bbmsl_sdci_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/pay-suppliers.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Pay suppliers in local currency<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Make fast, cost-effective transfers to local suppliers or easily make local purchases.<\/p>\n<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdci_2', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                      <\/div>\n      <\/div>\n\n      <div class=\"xl:flex-1 mt-5 xl:mt-0\">\n                  <img decoding=\"async\" x-ref=\"img_content\"\n            class=\"mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n            src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/save-on-costly-fx-fees-e1721121534666.png\" alt=\"\" \/>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_service_detail_content_image', () => ({\n        imgLoaded: false,\n        init() {\n          const img = this.$refs.img_content;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n            });\n          }\n\n          this.$watch('imgLoaded', () => {\n            if (this.imgLoaded) {\n              this.observe();\n            }\n          });\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.25 });\n          observer.observe(this.$refs.img_content);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-service-detail-content-tabs\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-lightBlue\"\n  x-data=\"bbmsl_service_detail_content_tabs\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-stretch\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20\">\n        <div class=\"flex flex-col justify-center\">\n          <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">Integration Methods<\/p>\n          <div class=\"heading2 text-black000 leading-8 xl:leading-[54px]\"><p>Choose the Integration Path That\u2019s Right for You<\/p>\n<\/div>\n\n          <div class=\"mt-10\">\n                          <div\n                class=\"flex mb-10 last:mb-0 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(0)\" x-data=\"bbmsl_sdct_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 0 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 0 ? 'text-black000' : 'text-tertiary'\">No-code Ecommerce Plugins<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">Access our simple plug-and-play integrations with popular platforms like Shopify, WooCommerce, and Magento.<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_0', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div\n                class=\"flex mb-10 last:mb-0 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(1)\" x-data=\"bbmsl_sdct_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 1 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 1 ? 'text-black000' : 'text-tertiary'\">Hosted Payment Page<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">Save on development resources by redirecting customers to a BBMSL-hosted page on your own web store. We take care of the whole payments journey.<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_1', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div\n                class=\"flex mb-10 last:mb-0 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(2)\" x-data=\"bbmsl_sdct_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 2 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 2 ? 'text-black000' : 'text-tertiary'\">Drop-ins and Embedded Elements<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">Use our pre-built UI components to easily design and show a unified payment methods list on your checkout page or show payment methods separately under different blocks.<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_2', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div\n                class=\"flex mb-10 last:mb-0 cursor-pointer group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                @click=\"handleIndexChange(3)\" x-data=\"bbmsl_sdct_3\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 32 32\" fill=\"none\">\n  <g id=\"SVG\" clip-path=\"url(#clip0_8920_16880)\">\n    <g id=\"Group\">\n      <path id=\"Vector\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4ZM23.499 10.5164C24.167 11.2048 24.167 12.3211 23.499 13.0095L14.3067 22.4836C13.6387 23.1721 12.5556 23.1721 11.8876 22.4836L8.501 18.9932C7.833 18.3047 7.833 17.1885 8.501 16.5C9.169 15.8115 10.252 15.8115 10.92 16.5L13.0972 18.7439L21.08 10.5164C21.748 9.82788 22.831 9.82788 23.499 10.5164Z\"\n        class=\"transition-all\" :class=\"currentIndex == 3 ? 'fill-primary' : 'fill-[#B2B2B2]'\" \/>\n    <\/g>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_8920_16880\">\n      <rect width=\"32\" height=\"32\" fill=\"white\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 transition group-hover:text-black000 \"\n                    :class=\"currentIndex == 3 ? 'text-black000' : 'text-tertiary'\">API or Mobile SDK<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\">Take full control over your checkout experience by building directly via our API in the back end or accept payments in your iOS or Android app using our mobile SDKs.<\/div>\n                <\/div>\n\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_sdct_3', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                        <\/div>\n        <\/div>\n      <\/div>\n\n      <div\n        class=\"xl:flex-1 mt-5 xl:mt-0 relative transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] max-xl:aspect-square max-xl:max-w-[500px] max-xl:mx-auto max-xl:w-full\" x-ref=\"img_wrapper\">\n                    <img decoding=\"async\" x-ref=\"img_content_0\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/choose-integration-path-e1721121580827.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_1\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/modern-payments-e1721120031211.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_2\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/no-code-ecommerce.png\" alt=\"\" \/>\n                      <img decoding=\"async\" x-ref=\"img_content_3\"\n              class=\"mx-auto transition duration-500 absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full opacity-0 size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/modern-payments-e1721120031211.png\" alt=\"\" \/>\n                <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_service_detail_content_tabs', () => ({\n        currentIndex: 0,\n        imgWrapperHeight: 0,\n        imageHeights: [],\n        init() {\n          this.calculateHeight();\n          window.addEventListener('resize', () => {\n            this.calculateHeight();\n          });\n\n          this.handleIndexChange(this.currentIndex);\n        },\n        calculateHeight() {\n          const images = this.$refs.img_wrapper.children;\n          Array.from(images).forEach((img, index) => {\n            if (img.complete) {\n              this.getImgHeight(img, index);\n\n              if (index == 0) {\n                this.observe();\n              }\n            } else {\n              img.addEventListener('load', () => {\n                this.getImgHeight(img, index);\n\n                if (index == 0) {\n                  this.observe();\n                }\n              })\n            }\n          });\n        },\n        getImgHeight(img, index) {\n          if (this.imageHeights[index] != img.clientHeight) {\n            this.imageHeights[index] = img.clientHeight;\n          }\n\n          const maxHeight = Math.max(...this.imageHeights);\n          if (img.clientHeight != maxHeight) {\n            this.imgWrapperHeight = maxHeight;\n          };\n        },\n        handleIndexChange(index) {\n          if (this.$refs[`img_content_${this.currentIndex}`]) {\n            this.$refs[`img_content_${this.currentIndex}`].classList.add('opacity-0');\n          }\n\n          this.currentIndex = index;\n          if (this.$refs[`img_content_${index}`]) {\n            this.$refs[`img_content_${index}`].classList.remove('opacity-0');\n          }\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_wrapper.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.25 });\n          observer.observe(this.$refs.img_wrapper);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-service-detail-three-cols\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-white\">\n  <div class=\"container\">\n    <div class=\"max-w-[1360px] mx-auto\">\n      <h3 class=\" text-center heading3 leading-8 xl:leading-[48px] text-black000 mb-5 md:mb-10 2xl:mb-[56px]\">\n        Applications That Adapt to Your Business Model      <\/h3>\n\n              <div class=\"-m-2.5\">\n          <div class=\"flex flex-wrap justify-center max-md:max-w-[500px] max-xl:max-w-[984px] mx-auto\">\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_0\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-lightBlue group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/subscription.png\" alt=\"Subscriptions\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">Subscriptions<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">Accept recurring customer payments with a built-in tool to manage complex subscription logic.<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_0', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_1\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-lightBlue group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-link.png\" alt=\"Payment Links\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">Payment Links<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">Automatically generate a Payment Link each time an order comes through and easily create links in bulk if needed.<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_1', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                                            <div class=\"flex flex-col w-full md:w-1\/2 xl:w-1\/3 p-2.5 group transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"three_columns_2\">\n                  \n                  <div\n                    class=\"flex-1 flex flex-col rounded-3xl py-8 lg:py-12 px-5 md:px-7 lg:px-[38px] transition-shadow bg-lightBlue group-hover:shadow-[0_4px_20px_0_#0000001A]\">\n                    <div class=\"aspect-[188\/125] mb-12 overflow-hidden flex items-center justify-center p-5\">\n                                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/invoice.png\" alt=\"Invoices\"\n                          class=\"m-auto size-full object-contain transition group-hover:scale-110\" \/>\n                                          <\/div>\n\n                    <div class=\"flex flex-col\">\n                      <h4 class=\"heading4 leading-6 text-black000 mb-2.5\">Invoices<\/h4>\n                      <p class=\"text-body font-noto-sans leading-7 text-tertiary\">Power payments on invoices created via your favourite accounting software, including Xero and NetSuite.<\/p>\n                    <\/div>\n\n                                      <\/div>\n\n                                    <\/div>\n                              <script>\n                (function () {\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('three_columns_2', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                })();\n              <\/script>\n                      <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-service-detail-content-without-pb\"\n  class=\"bg-lightBlue pt-10 md:pt-[60px] xl:pt-[90px] overflow-hidden\" x-data=\"bbmsl_service_detail_content_without_pb\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-center\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20 xl:py-10\">\n        <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">Payments for Platforms<\/p>\n        <div class=\"heading2 text-black000 leading-8 xl:leading-[54px] mb-5\"><p>Embed Payments into Your Platform or Marketplace<\/p>\n<\/div>\n\n        <div class=\"font-noto-sans text-body leading-7 text-tertiary\">\n          <p>White-label and offer online payment processing solution to your customers. Programmatically create connected accounts, streamline onboarding and compliance, manage fund flows without requiring PayFac registration, and instantly transfer funds between connected accounts. Experience an end-to-end solution covering both global pay-ins and payouts.<\/p>\n        <\/div>\n\n        \n              <\/div>\n\n      <div class=\"xl:flex-1 mt-5 xl:mt-0\">\n                  <img decoding=\"async\" x-ref=\"img_content\"\n            class=\"mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n            src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/embed-payments.png\" alt=\"\" \/>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_service_detail_content_without_pb', () => ({\n        imgLoaded: false,\n        init() {\n          const img = this.$refs.img_content;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n            });\n          }\n\n          this.$watch('imgLoaded', () => {\n            if (this.imgLoaded) {\n              this.observe();\n            }\n          });\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(this.$refs.img_content);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-for-developers\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] overflow-hidden bg-lightBlue\"\n  x-data=\"bbmsl_for_developers\">\n  <div class=\"container\">\n    <div class=\"flex flex-col xl:flex-row xl:items-center\">\n      <div class=\"xl:flex-1 flex flex-col xl:mr-10 2xl:mr-20\">\n                  <img decoding=\"async\" x-ref=\"img_content\"\n            class=\"mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n            src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/for-developers.png\" alt=\"\" \/>\n              <\/div>\n\n      <div class=\"xl:flex-1 mt-5 xl:mt-0\">\n        <p class=\"text-tertiary text-body leading-5 uppercase mb-2.5 font-bold\">For Developers<\/p>\n        <div class=\"heading2 text-black000 leading-8 xl:leading-[54px]\"><p>Designed for Developers, by Developers.<\/p>\n<\/div>\n\n        <div class=\"mt-5 md:mt-10\">\n                        <div\n                class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"bbmsl_fd_0\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/best-in-class.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Best-in-class developer tools<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Integrate in a fraction of the time with our high-quality developer capabilities, libraries, and APIs.<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_fd_0', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div\n                class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"bbmsl_fd_1\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/complex-use.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Complex use cases made easy<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>Our comprehensive APIs and proprietary financial infrastructure can be tailored to suit your most complex requirements, all supported by our world-class technical teams.<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_fd_1', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                            <div\n                class=\"flex mb-10 last:mb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n                x-data=\"bbmsl_fd_2\">\n                <div class=\"shrink-0 size-8 mr-3 md:mr-5\">\n                                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/accelerated.png\" alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"heading4 leading-6 mb-2.5 text-black000\">Accelerated integrations<\/h5>\n                  <div class=\"text-body leading-7 font-noto-sans\"><p>We\u2019ve partnered with the likes of Shopify, Xero, and NetSuite to engineer prebuilt integrations to help you get started quickly.<\/p>\n<\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('bbmsl_fd_2', () => ({\n                      observed: false,\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                      <\/div>\n\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_for_developers', () => ({\n        imgLoaded: false,\n        init() {\n          const img = this.$refs.img_content;\n          if (img.complete) {\n            setTimeout(() => {\n              this.imgLoaded = true;\n            }, 300);\n          } else {\n            img.addEventListener('load', () => {\n              this.imgLoaded = true;\n            });\n          }\n\n          this.$watch('imgLoaded', () => {\n            if (this.imgLoaded) {\n              this.observe();\n            }\n          });\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.img_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(this.$refs.img_content);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-payment-tabs\" class=\"bg-lightBlue py-10 md:py-[60px] xl:py-[120px] overflow-hidden\"\n  x-data=\"bbmsl_payment_tabs\">\n  <div class=\"container\">\n    <p class=\"text-body font-bold leading-5 text-tertiary mb-5\">17 e-payment methods<\/p>\n    <h2 class=\"heading2 xl:leading-[48px] text-black000 mb-5 xl:mb-10 3xl:mb-20\">Grow Your Revenue by Accepting A Wide Array of Payment Methods<\/h2>\n\n    <div class=\"xl:flex transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-ref=\"payment_tabs\">\n            <div class=\"xl:max-w-[300px] 3xl:max-w-[375px] w-full xl:mr-10 3xl:mr-20\">\n                <ul class=\"hidden xl:block\">\n                      <li\n              class=\"py-7 px-10 heading4 rounded-xl mb-5 last:mb-0 cursor-pointer transition-all border-t border-r border-b hover:border-primary hover:underline hover:text-black000\"\n              :class=\"currentIndex == 0 ? 'text-black000 border-primary bg-[#EBF7F9] border-l-[20px]' : 'border-black800 font-normal text-tertiary bg-white border-l'\"\n              @click=\"currentIndex = 0\">Featured Methods<\/li>\n                      <li\n              class=\"py-7 px-10 heading4 rounded-xl mb-5 last:mb-0 cursor-pointer transition-all border-t border-r border-b hover:border-primary hover:underline hover:text-black000\"\n              :class=\"currentIndex == 1 ? 'text-black000 border-primary bg-[#EBF7F9] border-l-[20px]' : 'border-black800 font-normal text-tertiary bg-white border-l'\"\n              @click=\"currentIndex = 1\">Hong Kong<\/li>\n                      <li\n              class=\"py-7 px-10 heading4 rounded-xl mb-5 last:mb-0 cursor-pointer transition-all border-t border-r border-b hover:border-primary hover:underline hover:text-black000\"\n              :class=\"currentIndex == 2 ? 'text-black000 border-primary bg-[#EBF7F9] border-l-[20px]' : 'border-black800 font-normal text-tertiary bg-white border-l'\"\n              @click=\"currentIndex = 2\">Singapore<\/li>\n                      <li\n              class=\"py-7 px-10 heading4 rounded-xl mb-5 last:mb-0 cursor-pointer transition-all border-t border-r border-b hover:border-primary hover:underline hover:text-black000\"\n              :class=\"currentIndex == 3 ? 'text-black000 border-primary bg-[#EBF7F9] border-l-[20px]' : 'border-black800 font-normal text-tertiary bg-white border-l'\"\n              @click=\"currentIndex = 3\">Malaysia<\/li>\n                  <\/ul>\n\n                <div class=\"xl:hidden relative mobile-filter\">\n          <div class=\"flex mb-5 py-4 px-5 border border-black800 rounded-lg items-center\" @click=\"toggleMobileFilter\">\n            <p class=\"text-body text-tertiary leading-5 mr-2.5\" x-text=\"mobileFilterText\">Featured Methods<\/p>\n            <span class=\"size-6 ml-auto transition-all\" :class=\"showMobileFilter ? 'rotate-180' : ''\">\n              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-payment-arrow.svg\"\n                alt=\"Arrow Svg\" \/>\n            <\/span>\n          <\/div>\n\n          <ul\n            class=\"absolute left-0 -bottom-1 translate-y-full border border-black800 rounded-lg shadow-lg w-full bg-white p-5\"\n            x-show=\"showMobileFilter\" x-transition:enter=\"transition-opacity ease-in-out\"\n            x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"transition-opacity ease-in-out\" x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\">\n                          <li class=\"text-body-sm mb-2.5 last:mb-0\"\n                :class=\"currentIndex == 0 ?  'text-primary' : 'text-tertiary'\"\n                @click=\"handleMobileFilterClick(0, 'Featured Methods')\">Featured Methods<\/li>\n                          <li class=\"text-body-sm mb-2.5 last:mb-0\"\n                :class=\"currentIndex == 1 ?  'text-primary' : 'text-tertiary'\"\n                @click=\"handleMobileFilterClick(1, 'Hong Kong')\">Hong Kong<\/li>\n                          <li class=\"text-body-sm mb-2.5 last:mb-0\"\n                :class=\"currentIndex == 2 ?  'text-primary' : 'text-tertiary'\"\n                @click=\"handleMobileFilterClick(2, 'Singapore')\">Singapore<\/li>\n                          <li class=\"text-body-sm mb-2.5 last:mb-0\"\n                :class=\"currentIndex == 3 ?  'text-primary' : 'text-tertiary'\"\n                @click=\"handleMobileFilterClick(3, 'Malaysia')\">Malaysia<\/li>\n                      <\/ul>\n        <\/div>\n      <\/div>\n\n            <div class=\"xl:max-w-[1105px] flex-1\">\n                  <div class=\"grid xl:grid-cols-3 gap-5\">\n                            <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '0ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/visa.png\" alt=\"Visa\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Visa<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">One of the largest, most used global card networks.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '100ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/mastercard.png\" alt=\"Mastercard\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Mastercard<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">One of the largest, most used global card networks.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '200ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/amex.png\" alt=\"American Express\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">American Express<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">A popular and widely used global credit card.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '300ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/apple-pay.png\" alt=\"Apple Pay\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Apple Pay<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">The digital wallet of choice for many Apple device users.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '400ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/g-pay.png\" alt=\"Google Pay\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Google Pay<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">The digital wallet from Google, popular with Android users.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '500ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/paypal.png\" alt=\"Paypal\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">PayPal<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">A leading digital wallet used by millions around the world.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '600ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/wechat-pay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">WeChat Pay<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">A critical payment method for Chinese buyers worldwide.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '700ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/alipay.png\" alt=\"Ali Pay\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Alipay<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">A critical payment method for Chinese buyers worldwide.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '800ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/union-pay.png\" alt=\"Union Pay\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Union Pay<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">A great alternative to carrying cash or checks.<\/p>\n                                      <\/div>\n                <\/div>\n                          <\/div>\n                  <div class=\"grid xl:grid-cols-3 gap-5\">\n                            <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '0ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/visa.png\" alt=\"Visa\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Visa<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">One of the largest, most used global card networks.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '100ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/mastercard.png\" alt=\"Mastercard\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Mastercard<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">One of the largest, most used global card networks.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '200ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/wechat-pay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">WeChat Pay<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">A critical payment method for Chinese buyers worldwide.<\/p>\n                                      <\/div>\n                <\/div>\n                          <\/div>\n                  <div class=\"grid xl:grid-cols-3 gap-5\">\n                            <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 2\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 2 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '0ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/visa.png\" alt=\"Visa\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Visa<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">One of the largest, most used global card networks.<\/p>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 2\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 2 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '100ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/mastercard.png\" alt=\"Mastercard\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Mastercard<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">One of the largest, most used global card networks.<\/p>\n                                      <\/div>\n                <\/div>\n                          <\/div>\n                  <div class=\"grid xl:grid-cols-3 gap-5\">\n                            <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 3\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 3 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '0ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/visa.png\" alt=\"Visa\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Visa<\/h5>\n                                          <p class=\"text-body text-tertiary leading-5 font-noto-sans mt-2.5\">One of the largest, most used global card networks.<\/p>\n                                      <\/div>\n                <\/div>\n                          <\/div>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_payment_tabs', () => ({\n        currentIndex: 0,\n        showMobileFilter: false,\n        mobileFilterText: 'Featured Methods',\n        listenClickAwayHandler: null,\n        init() {\n          this.listenClickAwayHandler = (e) => this.listenClickAway(e);\n          this.$watch('showMobileFilter', () => {\n            if (this.showMobileFilter) {\n              setTimeout(() => {\n                document.addEventListener('click', this.listenClickAwayHandler);\n              }, 1);\n            } else {\n              document.removeEventListener('click', this.listenClickAwayHandler);\n            }\n          });\n          this.observe();\n        },\n        toggleMobileFilter() {\n          this.showMobileFilter = !this.showMobileFilter;\n        },\n        handleMobileFilterClick(index, text) {\n          this.currentIndex = index;\n          this.mobileFilterText = text;\n          this.showMobileFilter = false;\n        },\n        listenClickAway(e) {\n          if (!e.target.classList.contains('mobile-filter') || !e.target.closest('.mobile-filter')) {\n            this.toggleMobileFilter();\n          }\n        },\n        observe() {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this.observed = true;\n                this.$refs.payment_tabs.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.2 });\n          observer.observe(this.$el);\n        }\n      }));\n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1634","page","type-page","status-publish","hentry"],"acf":[],"rankMath":{"parentDomain":"bbmsl.com","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":true,"featuredImageNotice":"The featured image should be at least 200 by 200 pixels to be picked up by Facebook and other social media sites.","pluginReviewed":false,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"pos-solutions","permalinkFormat":"https:\/\/bbmsl.com\/zh-hant\/%pagename%\/","showLockModifiedDate":true,"assessor":{"focusKeywordLink":"https:\/\/bbmsl.com\/wp-admin\/edit.php?focus_keyword=%focus_keyword%&post_type=%post_type%","hasTOCPlugin":false,"primaryTaxonomy":false,"serpData":{"title":"","description":"","focusKeywords":"","pillarContent":false,"canonicalUrl":"","breadcrumbTitle":"","advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":"","facebookHasOverlay":false,"facebookImageOverlay":"","facebookAuthor":"","twitterCardType":"","twitterUseFacebook":true,"twitterTitle":"","twitterDescription":"","twitterImage":"","twitterImageID":"","twitterHasOverlay":false,"twitterImageOverlay":"","twitterPlayerUrl":"","twitterPlayerSize":"","twitterPlayerStream":"","twitterPlayerStreamCtype":"","twitterAppDescription":"","twitterAppIphoneName":"","twitterAppIphoneID":"","twitterAppIphoneUrl":"","twitterAppIpadName":"","twitterAppIpadID":"","twitterAppIpadUrl":"","twitterAppGoogleplayName":"","twitterAppGoogleplayID":"","twitterAppGoogleplayUrl":"","twitterAppCountry":"","robots":{"index":true},"twitterAuthor":"username","primaryTerm":0,"authorName":"admin","titleTemplate":"%title% %sep% %sitename%","descriptionTemplate":"%excerpt%","showScoreFrontend":true,"lockModifiedDate":false},"powerWords":[],"diacritics":{"A":"[\\u0041\\u24B6\\uFF21\\u00C0\\u00C1\\u00C2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\u00C3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\u00C4\\u01DE\\u1EA2\\u00C5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F]","AA":"[\\uA732]","AE":"[\\u00C6\\u01FC\\u01E2]","AO":"[\\uA734]","AU":"[\\uA736]","AV":"[\\uA738\\uA73A]","AY":"[\\uA73C]","B":"[\\u0042\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181]","C":"[\\u0043\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\u00C7\\u1E08\\u0187\\u023B\\uA73E]","D":"[\\u0044\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779]","DZ":"[\\u01F1\\u01C4]","Dz":"[\\u01F2\\u01C5]","E":"[\\u0045\\u24BA\\uFF25\\u00C8\\u00C9\\u00CA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\u00CB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E]","F":"[\\u0046\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B]","G":"[\\u0047\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E]","H":"[\\u0048\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D]","I":"[\\u0049\\u24BE\\uFF29\\u00CC\\u00CD\\u00CE\\u0128\\u012A\\u012C\\u0130\\u00CF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197]","J":"[\\u004A\\u24BF\\uFF2A\\u0134\\u0248]","K":"[\\u004B\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2]","L":"[\\u004C\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780]","LJ":"[\\u01C7]","Lj":"[\\u01C8]","M":"[\\u004D\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C]","N":"[\\u004E\\u24C3\\uFF2E\\u01F8\\u0143\\u00D1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4]","NJ":"[\\u01CA]","Nj":"[\\u01CB]","O":"[\\u004F\\u24C4\\uFF2F\\u00D2\\u00D3\\u00D4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\u00D5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\u00D6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\u00D8\\u01FE\\u0186\\u019F\\uA74A\\uA74C]","OI":"[\\u01A2]","OO":"[\\uA74E]","OU":"[\\u0222]","P":"[\\u0050\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754]","Q":"[\\u0051\\u24C6\\uFF31\\uA756\\uA758\\u024A]","R":"[\\u0052\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782]","S":"[\\u0053\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784]","T":"[\\u0054\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786]","TZ":"[\\uA728]","U":"[\\u0055\\u24CA\\uFF35\\u00D9\\u00DA\\u00DB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\u00DC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244]","V":"[\\u0056\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245]","VY":"[\\uA760]","W":"[\\u0057\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72]","X":"[\\u0058\\u24CD\\uFF38\\u1E8A\\u1E8C]","Y":"[\\u0059\\u24CE\\uFF39\\u1EF2\\u00DD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE]","Z":"[\\u005A\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762]","a":"[\\u0061\\u24D0\\uFF41\\u1E9A\\u00E0\\u00E1\\u00E2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\u00E3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\u00E4\\u01DF\\u1EA3\\u00E5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250]","aa":"[\\uA733]","ae":"[\\u00E6\\u01FD\\u01E3]","ao":"[\\uA735]","au":"[\\uA737]","av":"[\\uA739\\uA73B]","ay":"[\\uA73D]","b":"[\\u0062\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253]","c":"[\\u0063\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\u00E7\\u1E09\\u0188\\u023C\\uA73F\\u2184]","d":"[\\u0064\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A]","dz":"[\\u01F3\\u01C6]","e":"[\\u0065\\u24D4\\uFF45\\u00E8\\u00E9\\u00EA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\u00EB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD]","f":"[\\u0066\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C]","g":"[\\u0067\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F]","h":"[\\u0068\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265]","hv":"[\\u0195]","i":"[\\u0069\\u24D8\\uFF49\\u00EC\\u00ED\\u00EE\\u0129\\u012B\\u012D\\u00EF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131]","j":"[\\u006A\\u24D9\\uFF4A\\u0135\\u01F0\\u0249]","k":"[\\u006B\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3]","l":"[\\u006C\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747]","lj":"[\\u01C9]","m":"[\\u006D\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F]","n":"[\\u006E\\u24DD\\uFF4E\\u01F9\\u0144\\u00F1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5]","nj":"[\\u01CC]","o":"[\\u006F\\u24DE\\uFF4F\\u00F2\\u00F3\\u00F4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\u00F5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\u00F6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\u00F8\\u01FF\\u0254\\uA74B\\uA74D\\u0275]","oi":"[\\u01A3]","ou":"[\\u0223]","oo":"[\\uA74F]","p":"[\\u0070\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755]","q":"[\\u0071\\u24E0\\uFF51\\u024B\\uA757\\uA759]","r":"[\\u0072\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783]","s":"[\\u0073\\u24E2\\uFF53\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B]","ss":"[\\u00DF]","t":"[\\u0074\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787]","tz":"[\\uA729]","u":"[\\u0075\\u24E4\\uFF55\\u00F9\\u00FA\\u00FB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\u00FC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289]","v":"[\\u0076\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C]","vy":"[\\uA761]","w":"[\\u0077\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73]","x":"[\\u0078\\u24E7\\uFF58\\u1E8B\\u1E8D]","y":"[\\u0079\\u24E8\\uFF59\\u1EF3\\u00FD\\u0177\\u1EF9\\u0233\\u1E8F\\u00FF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF]","z":"[\\u007A\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763]"},"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasRedirection":false,"hasBreadcrumb":false},"homeUrl":"https:\/\/bbmsl.com\/zh-hant\/","objectID":1634,"objectType":"post","locale":"zh","localeFull":"zh_TW","overlayImages":{"play":{"name":"Play icon","url":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","path":"\/hdd\/bbmsl\/public_html\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","position":"middle_center"},"gif":{"name":"GIF icon","url":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","path":"\/hdd\/bbmsl\/public_html\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","position":"middle_center"}},"defautOgImage":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/social-placeholder.jpg","customPermalinks":true,"isUserRegistered":false,"autoSuggestKeywords":false,"connectSiteUrl":"https:\/\/rankmath.com\/auth?site=https%3A%2F%2Fbbmsl.com%2Fzh-hant%2F&r=https%3A%2F%2Fbbmsl.com%2Fzh-hant%2Fwp-json%2Fwp%2Fv2%2Fpages%2F1634%3Fnonce%3Dd308750913","maxTags":5,"trendsIcon":"<svg viewBox=\"0 0 610 610\"><path d=\"M18.85,446,174.32,290.48l58.08,58.08L76.93,504a14.54,14.54,0,0,1-20.55,0L18.83,466.48a14.54,14.54,0,0,1,0-20.55Z\" style=\"fill:#4285f4\"\/><path d=\"M242.65,242.66,377.59,377.6l-47.75,47.75a14.54,14.54,0,0,1-20.55,0L174.37,290.43l47.75-47.75A14.52,14.52,0,0,1,242.65,242.66Z\" style=\"fill:#ea4335\"\/><polygon points=\"319.53 319.53 479.26 159.8 537.34 217.88 377.61 377.62 319.53 319.53\" style=\"fill:#fabb05\"\/><path d=\"M594.26,262.73V118.61h0a16.94,16.94,0,0,0-16.94-16.94H433.2a16.94,16.94,0,0,0-12,28.92L565.34,274.71h0a16.94,16.94,0,0,0,28.92-12Z\" style=\"fill:#34a853\"\/><rect width=\"610\" height=\"610\" style=\"fill:none\"\/><\/svg>","showScore":true,"siteFavIcon":"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/favicon.png","canUser":{"general":false,"advanced":false,"snippet":false,"social":false,"analysis":false,"analytics":false,"content_ai":false},"isPro":false,"is_front_page":false,"trendsUpgradeLink":"https:\/\/rankmath.com\/pricing\/?utm_source=Plugin&utm_medium=CE%20General%20Tab%20Trends&utm_campaign=WP","trendsUpgradeLabel":"Upgrade","trendsPreviewImage":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/trends-preview.jpg","currentEditor":false,"homepageData":{"assessor":{"powerWords":[],"diacritics":true,"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasBreadcrumb":false,"serpData":{"title":"%sitename% %page% %sep% %sitedesc%","description":"","titleTemplate":"%sitename% %page% %sep% %sitedesc%","descriptionTemplate":"","focusKeywords":"","breadcrumbTitle":"Home","robots":{"index":true},"advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":""}}},"tocTitle":"Table of Contents","tocExcludeHeadings":[],"listStyle":"ul"},"_links":{"self":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/comments?post=1634"}],"version-history":[{"count":1,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1634\/revisions"}],"predecessor-version":[{"id":2590,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1634\/revisions\/2590"}],"wp:attachment":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/media?parent=1634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}