{"id":7358,"date":"2023-04-26T18:24:06","date_gmt":"2023-04-26T11:24:06","guid":{"rendered":"https:\/\/sable.asia\/?page_id=7358"},"modified":"2025-07-17T09:51:04","modified_gmt":"2025-07-17T02:51:04","slug":"pricing-new","status":"publish","type":"page","link":"https:\/\/sable.asia\/en\/pricing-new\/","title":{"rendered":"Pricing (New)"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><section data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_section vc_custom_1684914003642 vc_section-has-fill\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1684913918467 vc_row-o-equal-height vc_row-o-content-middle vc_row-flex\"><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner vc_custom_1554103278278\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-8\"><div class=\"vc_column-inner vc_custom_1554103285806\"><div class=\"wpb_wrapper\"><div style=\"font-size: 24px;color: #f26634;line-height: 32px;text-align: center\" class=\"vc_custom_heading vc_custom_1684913643874\" >PRICING PLANS<\/div><h1 style=\"color: #101828;text-align: center\" class=\"vc_custom_heading font-weight-bold vc_custom_1682503184155\" >Sales automation package<\/h1><p style=\"color: #101828;text-align: center\" class=\"vc_custom_heading font-weight-bold vc_custom_1684913595249\" >Sable has packages for you to choose from based on your business needs.<br \/>\nSo that you can be confident that you will get the most value out of our system.<\/p><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner vc_custom_1554103295837\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><\/div><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div><section data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_section vc_custom_1683890133857\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1683799228036\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-sm vc_hidden-xs\"><div class=\"vc_column-inner vc_custom_1683890292093\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html vc_custom_1752720295218\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div\n    style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 4px solid #f6f7fa; padding-top: 24px; padding-bottom: 72px; padding-bottom: 15px;\">\n    <div style=\"display: flex; flex-direction: row; margin-bottom:72px; \">\n      <div id=\"btn-bundles\"\n        style=\"cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 7.5px 54px; border: 2px solid #ef724b; border-top-left-radius: 16px; border-bottom-left-radius: 16px; background-color: #ef724b; color: #ffffff; font-weight: 400px; font-size: 20px;\"\n        onclick=\"changeType('bundles','products')\">\n        SABLE Bundles\n      <\/div>\n      <div id=\"btn-products\"\n        style=\"cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 7.5px 54px; border: 2px solid #ef724b; border-top-right-radius: 16px; border-bottom-right-radius: 16px; background-color: #ffffff; color: #ef724b; font-weight: 400px; font-size: 20px;\"\n        onclick=\"changeType('products','bundles')\">\n        SABLE Products\n      <\/div>\n    <\/div>\n  <\/div>\n  <div id=\"bundles\" style=\"display: block; height: 100%;\">\n    <div style=\"display: flex; flex-direction: row; gap: 0px; height: 100%;\">\n      <div style=\"max-width: 14%; display: flex; flex-direction: column; height: 100%; background-color: #FFFFFF;\">\n        <div id=\"digital-marketing-bundle\"\n          style=\"cursor: pointer; padding: 24px 24px 24px 24px; display: flex; align-items: center; border-right: 4px solid #EF724B; background-color: #FDEBE6; color: #EF724B;\"\n          onclick=\"changeTabSideBar('digital-marketing-bundle', 'digital-marketing-detail',                                       ['sales-bundle', 'website-optimization-bundle'], ['sales-detail','website-optimize-detail'])\">\n          Digital Marketing Bundle\n        <\/div>\n        <div id=\"sales-bundle\"\n          style=\"cursor: pointer; padding: 24px 24px 24px 24px; display: flex; align-items: center; border-right: 4px solid #F6F7FA; color: #98A2B3; background-color: #FFFFFF\"\n          onclick=\"changeTabSideBar('sales-bundle', 'sales-detail',                                       ['digital-marketing-bundle', 'website-optimization-bundle'], ['website-optimize-detail', 'digital-marketing-detail'])\">\n          Sales Bundle\n        <\/div>\n        <div id=\"website-optimization-bundle\"\n          style=\"cursor: pointer; padding: 24px 24px 24px 24px; display: flex; align-items: center; border-right: 4px solid #F6F7FA; color: #98A2B3; background-color: #FFFFFF\"\n          onclick=\"changeTabSideBar('website-optimization-bundle', 'website-optimize-detail',                                       ['digital-marketing-bundle', 'sales-bundle'], ['digital-marketing-detail','sales-detail'] )\">\n          Website Optimization Bundle\n        <\/div>\n        <div\n          style=\"padding: 24px 0px 24px 24px; border-right: 4px solid #F6F7FA; height: 100vh; background-color: #FFFFFF;\">\n\n        <\/div>\n      <\/div>\n      <div id=\"digital-marketing-detail\" style=\"display: block; width:100%\">\n        <div\n          style=\"display: flex; flex-direction: column; margin: 48px 24px 0px 24px; justify-content: center; align-items: center;\">\n          <div\n            style=\"background-color: #FFFFFF; border-radius: 0.375rem; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08); width: 95%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 48px; padding-bottom: 48px\">\n            <h1 style=\"color: #101828; font-size: 40px; font-weight: 500; text-align: center; margin-bottom:8px;\">\n              Digital Marketing Bundle\n            <\/h1>\n            <div\n              style=\"color: #344054; width: 90% ;font-weight: 400; font-size: 20px; text-align: center; margin-bottom:48px\">\n              Do online marketing effectively Take care from adjusting the Ads to be of quality and help convert website visitors into customers.\n            <\/div>\n            <div\n              style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;padding-top: 12px; padding-bottom: 12px; margin-right: -1rem; margin-left: -1rem; width:100%;\">\n              <div style=\"display: flex; justify-content: center; min-width:40%;\">\n                <div style=\"display: flex; flex-direction: column; align-items: start;\">\n                  <div style=\"color: #101828; font-weight: 400; font-size: 20px; margin-bottom:8px;\">\n                    Starting price\n                  <\/div>\n                  <div style=\"color: #101828; font-weight: 500; font-size: 40px; margin-bottom: 24px;\">\n                    \u0e3f 25,000\/month\n                  <\/div>\n                  <div\n                    style=\"cursor:pointer; display: flex; padding-top: 16px; padding-bottom: 16px; padding-left: 85px; padding-right: 85px; justify-content: center; align-items: center; background-color: #EF724B; color: #FFFFFF; font-weight: 400; font-size: 16px; border-radius: 0.25rem; user-select: none; -webkit-user-select: none;\"\n                    onclick=\"toRegister()\">\n                    Sign up\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div\n                style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400; min-width:33%;\">\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE CDP<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Link<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Ads Automation<\/span>\n                <\/div>\n                <div style=\"display: none; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE FOMO Marketing<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div\n            style=\" margin-left: 50px; color: #101828; display: flex; flex-direction: row; justify-content: flex-start; font-size: 20px; font-weight: 400; margin-top: 24px; width:99%;\">\n            This package includes:\n          <\/div>\n          <div style=\"width: 95%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; margin-top: 24px;\">\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE CDP<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Connect customer experiences with the Customer Data Platform<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Help manage customer information from various scattered sources. Gather them together and help analyze customer data from every perspective in 360.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/customer-data-platform-cdp\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Link<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Intelligent link management tool<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Helps manage link shortening, customization, and customer tracking. Effectively measure the efficiency of various channels.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-link\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Ads Automation<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Customize your ads to be more effective<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Automated advertising management tools Helps manage and shoot ADS accurately. Optimize your ads Reduce the duration of hours Leave only a few minutes.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-ads-automation\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: none; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE FOMO Marketing<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Create no-code widgets on your website to help increase sales.<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                \u0e2a\u0e38\u0e14\u0e22\u0e2d\u0e14\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e4a\u0e2d\u0e1b\u0e2d\u0e31\u0e1b\u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22 \u0e01\u0e23\u0e30\u0e15\u0e38\u0e49\u0e19\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e04\u0e38\u0e13\n                \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e44\u0e14\u0e49\u0e43\u0e19\u0e44\u0e21\u0e48\u0e01\u0e35\u0e48\u0e19\u0e32\u0e17\u0e35 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"\" style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div id=\"sales-detail\" style=\"display: none; width: 100%;\">\n        <div\n          style=\"display: flex; flex-direction: column; margin: 48px 24px 0px 24px; justify-content: center; align-items: center;\">\n          <div\n            style=\"background-color: #FFFFFF; border-radius: 0.375rem; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08); width: 95%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 48px; padding-bottom: 48px \">\n            <h1 style=\"color: #101828; font-size: 40px; font-weight: 500; text-align: center; margin-bottom:8px;\">\n              Sales Bundle\n            <\/h1>\n            <div\n              style=\"color: #344054; width: 90% ;font-weight: 400; font-size: 20px; text-align: center; margin-bottom:48px\">\n              Manage sales professionally Take care from start to finish Collect every lead so it doesn't get lost. Help the sales team take care of customers thoroughly and professionally. Including being able to send messages to customers easily\n            <\/div>\n            <div\n              style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;padding-top: 12px; padding-bottom: 12px; margin-right: -1rem; margin-left: -1rem; width:100%;\">\n              <div style=\"display: flex; justify-content: center; min-width:40%;\">\n                <div style=\"display: flex; flex-direction: column; align-items: start;\">\n                  <div style=\"color: #101828; font-size: 400px; font-weight: 400; font-size: 20px; margin-bottom:8px;\">\n                    Starting price\n                  <\/div>\n                  <div style=\"color: #101828; font-weight: 500; font-size: 40px; margin-bottom: 24px;\">\n                    \u0e3f 17,000\/month\n                  <\/div>\n                  <div\n                    style=\"cursor: pointer; display: flex; padding-top: 16px; padding-bottom: 16px; padding-left: 85px; padding-right: 85px; justify-content: center; align-items: center; background-color: #EF724B; color: #FFFFFF; font-weight: 400; font-size: 16px; border-radius: 0.25rem; user-select: none; -webkit-user-select: none;\"\n                    onclick=\"toRegister()\">\n                    Sign up\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div\n                style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;min-width:33%;\">\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE CDP<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE CRM<\/span>\n                <\/div>\n\n<!--\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Simple Automation<\/span>\n                <\/div>\n-->\n\n              <\/div>\n            <\/div>\n          <\/div>\n          <div\n            style=\"margin-left: 50px; color: #101828; display: flex; flex-direction: row; justify-content: flex-start; font-size: 20px; font-weight: 400px; margin-top: 24px; width:99%;\">\n            This package includes:\n          <\/div>\n          <div style=\"width: 95%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; margin-top: 24px;\">\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE CDP<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Connect customer experiences with the Customer Data Platform<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Help manage customer information from various scattered sources. Gather them together and help analyze customer data from every perspective in 360.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/customer-data-platform-cdp\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE CRM<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Manage sales and customer relations<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Customer database program that helps manage sales work Efficiently taking care of customers from start to finish Collect every lead so it doesn't get lost.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-crm\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n\n<!--\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Simple Automation<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e07\u0e32\u0e19\u0e02\u0e32\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14\u0e41\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e21\u0e32\u0e01\u0e22\u0e34\u0e48\u0e07 \u0e02\u0e36\u0e49\u0e19\n                \u0e25\u0e14\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e48\u0e32\u0e07\u0e46\n                \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e41\u0e04\u0e21\u0e40\u0e1b\u0e0d\u0e44\u0e1b\u0e2b\u0e32\u0e01\u0e25\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e41\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/sable-automation-marketing-automation\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n-->\n          <\/div>\n        <\/div>\n      <\/div>\n      <div id=\"website-optimize-detail\" style=\"display: none; width:100%\">\n        <div\n          style=\"display: flex; flex-direction: column; margin: 48px 24px 0px 24px; justify-content: center; align-items: center;\">\n          <div\n            style=\"background-color: #FFFFFF; border-radius: 0.375rem; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08); width: 95%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 48px; padding-bottom: 48px\">\n            <h1 style=\"color: #101828; font-size: 40px; font-weight: 500; text-align: center; margin-bottom:8px;\">\n              Website Optimization Bundle\n            <\/h1>\n            <div\n              style=\"color: #344054; width: 90%; font-weight: 400; font-size: 20px; text-align: center; margin-bottom:48px;\">\n              Customize your website for efficiency To comply with the PDPA law correctly and reliably Including being able to analyze customer behavior online in real time\n            <\/div>\n            <div\n              style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;padding-top: 12px; padding-bottom: 12px; margin-right: -1rem; margin-left: -1rem; width:100%;\">\n              <div style=\"display: flex; justify-content: center; min-width:40%;\">\n                <div style=\"display: flex; flex-direction: column; align-items: start;\">\n                  <div style=\"color: #101828; font-size: 400px; font-weight: 400; font-size: 20px; margin-bottom:8px;\">\n                    Starting price\n                  <\/div>\n                  <div\n                    style=\"color: #101828; font-size: 500px; font-weight: 500; font-size: 40px; margin-bottom: 24px;\">\n                    \u0e3f 5,600\/month\n                  <\/div>\n                  <div\n                    style=\"cursor: pointer; display: flex; padding-top: 16px; padding-bottom: 16px; padding-left: 85px; padding-right: 85px; justify-content: center; align-items: center; background-color: #EF724B; color: #FFFFFF; font-weight: 400; font-size: 16px; border-radius: 0.25rem; user-select: none; -webkit-user-select: none;\"\n                    onclick=\"toRegister()\">\n                    Sign up\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div\n                style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;min-width:33%;\">\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE CDP<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Analytics<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Consent<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div\n            style=\"margin-left: 50px; color: #101828; display: flex; flex-direction: row; justify-content: flex-start; font-size: 20px; font-weight: 400px; margin-top: 24px; width:99%;\">\n            This package includes:\n          <\/div>\n          <div style=\"width: 95%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; margin-top: 24px;\">\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE CDP<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Connect customer experiences with the Customer Data Platform<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Help manage customer information from various scattered sources. Gather them together and help analyze customer data from every perspective in 360.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/customer-data-platform-cdp\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Analytics<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Real-time Behavioral Analytics<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Online marketing tools that help businesses Helps collect customer behavior data on websites and online advertising channels. So that businesses can understand customer behavior\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-analytics\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Consent<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Manage legal cookie consent<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Utilize tools to ensure your website complies with data protection laws (PDPA) accurately and reliably, enabling your business to collect customer data worry-free.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-consent\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div id=\"products\" style=\"display: none; height: 100%;\">\n    <div style=\"display: flex; gap: 24px; flex-direction: row; height: 100%;\">\n      <div style=\"min-width: 14%; display: flex; flex-direction: column; height: 100%; background-color: #FFFFFF;\">\n        <div id=\"sable-consent\"\n          style=\"cursor: pointer; padding: 24px 24px 24px 24px; display: flex; align-items: center;border-right: 4px solid #EF724B; background-color: #FDEBE6; color: #EF724B;\"\n          onclick=\"changeTabSideBar('sable-consent', 'sable-consent-detail',                                       ['sable-loyalty'], ['sable-loyalty-detail'])\">\n          SABLE Consent\n        <\/div>\n        <div id=\"sable-loyalty\"\n          style=\"cursor: pointer; padding: 24px 24px 24px 24px; display: flex; align-items: center; border-right: 4px solid #F6F7FA; color: #98A2B3; background-color: #FFFFFF\"\n          onclick=\"changeTabSideBar('sable-loyalty', 'sable-loyalty-detail',                                       ['sable-consent'], ['sable-consent-detail'])\">\n          SABLE Loyalty\n        <\/div>\n        <div\n          style=\"padding: 24px 0px 24px 24px; border-right: 4px solid #F6F7FA; height: 100vh; background-color: #FFFFFF;\">\n\n        <\/div>\n      <\/div>\n      <div style=\"display: flex; flex-direction: column; margin: 48px 24px 48px 24px; width:100%;\">\n        <div id=\"sable-consent-detail\" style=\"display: block;\">\n          <div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n            <div style=\"display: flex; flex-direction: row; justify-content: center; width: 100%; margin-bottom: 72px;\">\n              <div id=\"consent-subscribe-monthly\"\n                style=\"padding-bottom: 12px; cursor: pointer; font-size: 26px; font-weight: 400; display: flex; justify-content: center; width: 20%; border-bottom: 4px solid #EF724B; color: #EF724B;\"\n                onclick=\"changeSubscribeType('annual','monthly')\">\n                Monthly\n              <\/div>\n              <div id=\"consent-subscribe-annual\"\n                style=\"padding-bottom: 12px; cursor: pointer; font-size: 26px; font-weight: 400; display: flex; justify-content: center; width: 20%; border-bottom: 4px solid #F6F7FA; color: #98A2B3;\"\n                onclick=\"changeSubscribeType('monthly','annual')\">\n                Annual (cheaper)\n              <\/div>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; align-items: center; margin-bottom: 48px;\">\n              <div style=\"color: #101828; font-size: 40px; font-weight: 500; margin-bottom:8px;\">\n                SABLE Consent\n              <\/div>\n              <div style=\"color: #344054; font-size: 20px; font-weight: 400;\">\n                Manage cookie consent that is legal according to GDPR\/PDPA principles\n              <\/div>\n            <\/div>\n          <\/div>\n          <div style=\"background-color: #ffffff; display: flex; gap: 24px; justify-content: space-between;\">\n            <!-- xxxxxxxxxxxxxxxxxxxxxx          1             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n            <div\n              style=\"position: relative; height: 624px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%\">\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #101828 ; margin-bottom: 0px;\">\n                    Basic Plan\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For small websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span id=\"basic-plan-price\" style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f329\n                    <\/span>\n                    <span id=\"basic-plan-price-unit\" style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div id=\"basic-payment-unit-median\"\n                    style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <ul style=\"margin-top: 24px; margin-left:30px;\">\n                  <li\n                    style=\"list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">100,000 page views per month<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">100 M page views\/month with unlimited sessions (Session)<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">1 domain<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">1 subdomain<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">1,000,000 consent records<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Keep consent records for 12 months.<\/span>\n                  <\/li>\n                <\/ul>\n              <\/div>\n\n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toConsent()\">\n                <div\n                  style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- xxxxxxxxxxxxxxxxxxxxxx          2             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n            <div\n              style=\"position: relative; height: 624px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%;\">\n              <div style=\"position: absolute;top: 10px; right: -10px;\">\n                <p\n                  style=\"background: #EF724B;position: relative;display: block;margin: 0;padding: 3px 20px 4px 20px; border-radius: 3px 0px 0px 3px;text-transform: uppercase;font-weight: 600;font-size: 12px;color: #fff;line-height: 25px;letter-spacing: 1px;width:146px;\">\n                  Recommended\n                  <span\n                    style=\"position: absolute;top: 100%;right: 0;content: ' ';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 0;border-color: rgba(0,0,0,0.75) transparent transparent transparent;\" \/>\n                <\/p>\n              <\/div>\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #EF724B ; margin-bottom: 0px;\">\n                    Jumpstart\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For medium websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span id=\"jump-start-price\" style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f600\n                    <\/span>\n                    <span id=\"jump-start-price-unit\" style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div id=\"jump-start-payment-unit-median\"\n                    style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <ul style=\"margin-top: 24px; margin-left:30px;\">\n                  <li\n                    style=\"list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">300,000 page views per month<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">100 M page views\/month with unlimited sessions (Session)<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">1 domain<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Unlimited subdomains<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">1,000,000 consent records<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Keep consent records for 6 months.<\/span>\n                  <\/li>\n                <\/ul>\n              <\/div>\n\n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toConsent()\">\n                <div\n                  style=\"cursor: pointer; margin-top:16px; margin-bottom: 3rem; color: white; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #EF724B; border-radius: 0.25rem;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- xxxxxxxxxxxxxxxxxxxxxx          3             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n\n            <div\n              style=\"position: relative; height: 624px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%;\">\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #101828 ; margin-bottom: 0px;\">\n                    SME\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For SME websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span id=\"sme-price\" style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f2,500\n                    <\/span>\n                    <span id=\"sme-price-unit\" style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div id=\"sme-payment-unit-median\"\n                    style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <ul style=\"margin-top: 24px; margin-left:30px;\">\n                  <li\n                    style=\"list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">300,000 page views per month<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">100 M page views\/month with unlimited sessions (Session)<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">8 domains<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Unlimited subdomains<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Unlimited consent records<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Keep consent records for 12 months.<\/span>\n                  <\/li>\n                <\/ul>\n              <\/div>\n\n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toConsent()\">\n                <div\n                  style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div id=\"sable-loyalty-detail\" style=\"display: none;\">\n          <div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n            <div style=\"display: flex; flex-direction: column; align-items: center; margin-bottom: 48px;\">\n              <div style=\"color: #101828; font-size: 40px; font-weight: 500; margin-bottom:8px;\">\n                SABLE Loyalty\n              <\/div>\n              <div style=\"color: #344054; font-size: 20px; font-weight: 400;\">\n                Point collecting system for stores\n              <\/div>\n            <\/div>\n          <\/div>\n          <div style=\"background-color: #ffffff; display: flex; gap: 24px; justify-content: center; \">\n            <!-- xxxxxxxxxxxxxxxxxxxxxx          1             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n            <div\n              style=\"position: relative; height: 624px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%\">\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #101828 ; margin-bottom: -10px;\">\n                    Starter\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For small websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f490\n                    <\/span>\n                    <span style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <ul style=\"margin-top: 24px; margin-left:30px;\">\n                  <li\n                    style=\"list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">1,000 members<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">1 moderator<\/span>\n                  <\/li>\n                  <li style=\"margin-top: 0.5rem;\">\n                    <div style=\"display: flex; align-items: center; margin-left: -25px;\">\n                      <span style=\"color: #F92F60; font-size: 24px;\">\u2717<\/span>\n                      <span style=\"margin-left: 0.5rem;\">Branch system<\/span>\n                    <\/div>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span\n                      style=\"font-weight: 400; font-size: 20px; color: #344054\">Redeem rewards an unlimited number of times.<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Unlimited number of rewards<\/span>\n                  <\/li>\n                <\/ul>\n              <\/div>\n\n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toLoyalty()\">\n                <div\n                  style=\"cursor: pointer; margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- xxxxxxxxxxxxxxxxxxxxxx          2             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n            <div\n              style=\"position: relative; height: 624px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%;\">\n              <div style=\"position: absolute;top: 10px; right: -10px;\">\n                <p\n                  style=\"background: #EF724B;position: relative;display: block;margin: 0;padding: 3px 20px 4px 20px; border-radius: 3px 0px 0px 3px;text-transform: uppercase;font-weight: 600;font-size: 12px;color: #fff;line-height: 25px;letter-spacing: 1px;width:146px;\">\n                  Recommended\n                  <span\n                    style=\"position: absolute;top: 100%;right: 0;content: ' ';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 0;border-color: rgba(0,0,0,0.75) transparent transparent transparent;\" \/>\n                <\/p>\n              <\/div>\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #EF724B ; margin-bottom: -10px;\">\n                    Standard\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For medium websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f990\n                    <\/span>\n                    <span style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <ul style=\"margin-top: 24px; margin-left:30px;\">\n                  <li\n                    style=\"list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">1,000 members<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">5 moderator<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Branch system<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span\n                      style=\"font-weight: 400; font-size: 20px; color: #344054\">Redeem rewards an unlimited number of times.<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Unlimited number of rewards<\/span>\n                  <\/li>\n                <\/ul>\n              <\/div>\n\n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toLoyalty()\">\n                <div\n                  style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: white; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #EF724B; border-radius: 0.25rem;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- xxxxxxxxxxxxxxxxxxxxxx          3             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n\n            <div\n              style=\"position: relative; height: 624px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%;\">\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #101828 ; margin-bottom: -10px;\">\n                    Premium\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For SME websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f1,290\n                    <\/span>\n                    <span style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <ul style=\"margin-top: 24px; margin-left:30px;\">\n                  <li\n                    style=\"list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">5,000 members<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">20 moderator<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Branch system (3 free branches)<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span\n                      style=\"font-weight: 400; font-size: 20px; color: #344054\">Redeem rewards an unlimited number of times.<\/span>\n                  <\/li>\n                  <li\n                    style=\"margin-top: 0.5rem; list-style-image: url('https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/04\/left-check-mark.png')\">\n                    <span style=\"font-weight: 400; font-size: 20px; color: #344054\">Unlimited number of rewards<\/span>\n                  <\/li>\n                <\/ul>\n              <\/div>\n\n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toLoyalty()\">\n                <div\n                  style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div style=\"display: flex; justify-content: center; margin-top: 24px;\">\n          <div\n            style=\"padding: 24px; display: flex; flex-direction: row; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); width: 100%\">\n            <div style=\"display: flex; flex-direction: column;\">\n              <div style=\"display: flex; flex-direction: column;\">\n                <div style=\"color: #101828; font-size: 40px; font-weight: 500;\">\n                  Enterprise\n                <\/div>\n                <div style=\"color: #344054; font-size: 20px; font-weight: 400;\">\n                  For enterprise website\n                <\/div>\n              <\/div>\n              <div style=\"display: flex; flex-direction: column;\">\n                <div>\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"color: #344054; font-size: 20px; font-weight: 400;\">Unlimited Session 1<\/span>\n                <\/div>\n                <div>\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"color: #344054; font-size: 20px; font-weight: 400;\">10 Domain<\/span>\n                <\/div>\n                <div>\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"color: #344054; font-size: 20px; font-weight: 400;\">100,000,000 Consent record<\/span>\n                <\/div>\n                <div>\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"color: #344054; font-size: 20px; font-weight: 400;\">Keep the consent record for 24\n                    months<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div style=\"display: flex; align-items: end;\" onclick=\"contactUs()\">\n              <div\n                style=\"cursor: pointer; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 3rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                Contact Us\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_js\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script>\n  const changeSubscribeType = (form, to) => {\n    let btnFormElement\n    let btnToElement\n    const basicPlanPriceElement = document.getElementById('basic-plan-price')\n    const jumpStartPriceElement = document.getElementById('jump-start-price')\n    const smePriceElement = document.getElementById('sme-price')\n    const basicPlanPriceUnitElement = document.getElementById('basic-plan-price-unit')\n    const jumpStartPriceUnitElement = document.getElementById('jump-start-price-unit')\n    const smePriceUnitElement = document.getElementById('sme-price-unit')\n    const basicPaymentUnitMedianElement = document.getElementById('basic-payment-unit-median')\n    const jumpStartPaymentUnitMedianElement = document.getElementById('jump-start-payment-unit-median')\n    const smePaymentUnitMedianElement = document.getElementById('sme-payment-unit-median')\n    if (form === 'annual' && to === 'monthly') {\n      btnFormElement = document.getElementById('consent-subscribe-annual')\n      btnToElement = document.getElementById('consent-subscribe-monthly')\n      basicPlanPriceElement.innerHTML = '\u0e3f329'\n      jumpStartPriceElement.innerHTML = '\u0e3f600'\n      smePriceElement.innerHTML = '\u0e3f2,500'\n      basicPlanPriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      jumpStartPriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      smePriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      basicPaymentUnitMedianElement.innerHTML = '\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      jumpStartPaymentUnitMedianElement.innerHTML = '\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      smePaymentUnitMedianElement.innerHTML = '\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19'\n    } else {\n      btnFormElement = document.getElementById('consent-subscribe-monthly')\n      btnToElement = document.getElementById('consent-subscribe-annual')\n      basicPlanPriceElement.innerHTML = '\u0e3f1,990'\n      jumpStartPriceElement.innerHTML = '\u0e3f3,600'\n      smePriceElement.innerHTML = '\u0e3f15,000'\n      basicPlanPriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e1b\u0e35'\n      jumpStartPriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e1b\u0e35'\n      smePriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e1b\u0e35'\n      basicPaymentUnitMedianElement.innerHTML = '(\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e30 165 \u0e1a\u0e32\u0e17)'\n      jumpStartPaymentUnitMedianElement.innerHTML = '(\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e30 300 \u0e1a\u0e32\u0e17)'\n      smePaymentUnitMedianElement.innerHTML = '(\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e30 1,250 \u0e1a\u0e32\u0e17)'\n    }\n    btnFormElement.style.borderBottomColor = '#F6F7FA'\n    btnFormElement.style.color = '#98A2B3'\n    btnToElement.style.borderBlockColor = '#EF724B'\n    btnToElement.style.color = '#EF724B'\n  }\n  const changeTabSideBar = (targetBtn, targetDiv, arrBtn, arrDiv) => {\n    const btnElement = document.getElementById(targetBtn)\n    btnElement.style.color = 'rgb(239, 114, 75)'\n    btnElement.style.backgroundColor = 'rgb(253, 235, 230)'\n    btnElement.style.borderRightColor = 'rgb(239, 114, 75)'\n\n    const divElement = document.getElementById(targetDiv)\n    divElement.style.display = 'block'\n\n    arrBtn.forEach((name) => {\n      const nameEle = document.getElementById(name)\n      nameEle.style.color = 'rgb(152, 162, 179)'\n      nameEle.style.backgroundColor = 'rgb(255, 255, 255) '\n      nameEle.style.borderRightColor = 'rgb(246, 247, 250)'\n    })\n    arrDiv.forEach((name) => {\n      const nameEle = document.getElementById(name)\n      nameEle.style.display = 'none'\n    })\n  }\n  const changeType = (form, to) => {\n    console.log(form);\n    console.log(to);\n    if (form === 'bundles' && to === 'products') {\n      const btnBundEle = document.getElementById('btn-bundles')\n      const btnProdEle = document.getElementById('btn-products')\n      const divBund = document.getElementById('bundles')\n      const divProd = document.getElementById('products')\n\n      btnBundEle.style.backgroundColor = '#ef724b'\n      btnBundEle.style.color = '#ffffff'\n      btnProdEle.style.backgroundColor = '#ffffff'\n      btnProdEle.style.color = '#ef724b'\n\n      divProd.style.display = 'none'\n      divBund.style.display = 'block'\n    } else {\n      const btnProdEle = document.getElementById('btn-products')\n      const btnBundEle = document.getElementById('btn-bundles')\n      const divBund = document.getElementById('bundles')\n      const divProd = document.getElementById('products')\n\n      btnProdEle.style.backgroundColor = '#ef724b'\n      btnProdEle.style.color = '#ffffff'\n      btnBundEle.style.backgroundColor = '#ffffff'\n      btnBundEle.style.color = '#ef724b'\n\n      divBund.style.display = 'none'\n      divProd.style.display = 'block'\n    }\n  }\n  const toConsent = () => {\n    location.href = 'https:\/\/sable.asia\/sable-consent\/'\n  }\n  const toLoyalty = () => {\n    location.href = 'https:\/\/sable.asia\/sable-loyalty\/'\n  }\n  const contactUs = () => {\n    location.href = 'https:\/\/page.line.me\/362dsqyj'\n  }\n  const toRegister = () => {\n    location.href = 'https:\/\/app.sable.asia\/register'\n  }\n\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div><section id=\"pricing_section_mobile\" data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_section vc_custom_1684295292011 vc_row-o-full-height\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1684295305720\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md\" id=\"pricing_mobile\"><div class=\"vc_column-inner vc_custom_1684295266397\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html vc_custom_1752720415213\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div\n    style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 4px solid #f6f7fa; padding-top: 24px;\">\n    <div style=\"display: flex; flex-direction: row; margin-bottom:48px; \">\n      <div id=\"btn-bundles-mobile\"\n        style=\"text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 11px 20px; border: 2px solid #ef724b; border-top-left-radius: 16px; border-bottom-left-radius: 16px; background-color: #ef724b; color: #ffffff; font-weight: 400px; font-size: 20px;\"\n        onclick=\"changeTypeOnMobile('bundles-mobile','products-mobile')\">\n        SABLE Bundles\n      <\/div>\n      <div id=\"btn-products-mobile\"\n        style=\"text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 11px 15px; border: 2px solid #ef724b; border-top-right-radius: 16px; border-bottom-right-radius: 16px; background-color: #ffffff; color: #ef724b; font-weight: 400px; font-size: 20px;\"\n        onclick=\"changeTypeOnMobile('products-mobile','bundles-mobile')\">\n        SABLE Products\n      <\/div>\n    <\/div>\n  <\/div>\n  <div id=\"bundles-mobile\" style=\"display: block; height: 100%;\">\n    <div\n      style=\"align-items: center; justify-content: center; display: flex; flex-direction: column; gap: 0px; height: 100%; margin-top: 48px;\">\n      <details class=\"custom-select\">\n        <summary class=\"radios\"\n          style=\"align-items: center; justify-content: space-between; display: flex; flex-direction: row; font-size: 20px;\">\n          <span><\/span>\n          <span style=\"display: block;\" id=\"ditial-marketing-bundle-select\"><input type=\"radio\" name=\"item\"\n              id=\"ditial-marketing-bundle-option\" checked> Digital Marketing Bundle<\/span>\n          <span style=\"display: none;\" id=\"sales-bundle-select\"><input type=\"radio\" name=\"item\"\n              id=\"sales-bundle-option\">Sales Bundle<\/span>\n          <span style=\"display: none;\" id=\"website-optimization-bundle-select\"><input type=\"radio\" name=\"item\"\n              id=\"website-optimization-bundle-option\">Website Optimization Bundle<\/span>\n        <\/summary>\n        <ul class=\"list\">\n          <li>\n            <label for=\"ditial-marketing-bundle-option\"\n              onclick=\"changeTabSelectFieldOnMobile('digital-marketing-detail-mobile',['sales-detail-mobile','website-optimize-detail-mobile'],['sales-bundle-select','website-optimization-bundle-select'],'ditial-marketing-bundle-select')\">\n              Digital Marketing Bundle\n            <\/label>\n          <\/li>\n          <li>\n            <label for=\"sales-bundle-option\"\n              onclick=\"changeTabSelectFieldOnMobile('sales-detail-mobile',['website-optimize-detail-mobile','digital-marketing-detail-mobile'],['ditial-marketing-bundle-select','website-optimization-bundle-select'],'sales-bundle-select')\">Sales\n              Bundle<\/label>\n          <\/li>\n          <li>\n            <label for=\"website-optimization-bundle-option\"\n              onclick=\"changeTabSelectFieldOnMobile('website-optimize-detail-mobile',['sales-detail-mobile','digital-marketing-detail-mobile'],['ditial-marketing-bundle-select','sales-bundle-select'] , 'website-optimization-bundle-select')\">Website\n              Optimization Bundle<\/label>\n          <\/li>\n        <\/ul>\n      <\/details>\n      <div id=\"digital-marketing-detail-mobile\" style=\"display: block; width:100%\">\n        <div\n          style=\"display: flex; flex-direction: column; margin: 48px 0px 0px 0px; justify-content: center; align-items: center;\">\n          <div\n            style=\"background-color: #FFFFFF; border-radius: 0.375rem; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08); width: 95%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 48px; padding-bottom: 48px\">\n            <h1 style=\"color: #101828; font-size: 40px; font-weight: 500; text-align: center; margin-bottom:8px;\">\n              Digital Marketing Bundle\n            <\/h1>\n            <div\n              style=\"color: #344054; width: 90% ;font-weight: 400; font-size: 20px; text-align: center; margin-bottom:48px\">\n              Do online marketing effectively Take care from adjusting the Ads to be of quality and help convert website visitors into customers.\n            <\/div>\n            <div\n              style=\"display: flex; flex-direction: column; justify-content: center; align-items: center;padding-top: 12px; padding-bottom: 12px; margin-right: -1rem; margin-left: -1rem; width:100%;\">\n              <div style=\"display: flex; flex-direction: column; \">\n                <div style=\"color: #101828; font-weight: 400; font-size: 20px; margin-bottom:8px;\">\n                  Starting price\n                <\/div>\n                <div style=\"color: #101828; font-weight: 500; font-size: 40px; margin-bottom: 24px;\">\n                  \u0e3f 25,000\/month\n                <\/div>\n                <div\n                  style=\"cursor:pointer; display: flex; padding-top: 16px; padding-bottom: 16px; padding-left: 85px; padding-right: 85px; justify-content: center; align-items: center; background-color: #EF724B; color: #FFFFFF; font-weight: 400; font-size: 16px; border-radius: 0.375rem; user-select: none; -webkit-user-select: none;\"\n                  onclick=\"toRegister()\">\n                  Sign up\n                <\/div>\n              <\/div>\n              <div\n                style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;margin-top: 64px; \">\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE CDP<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Link<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Ads Automation<\/span>\n                <\/div>\n                <div style=\"display: none; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE FOMO Marketing<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div\n            style=\" margin-left: 50px; color: #101828; display: flex; flex-direction: row; justify-content: flex-start; font-size: 20px; font-weight: 400; margin-top: 24px; width:99%;\">\n            This package includes:\n          <\/div>\n          <div style=\"width: 95%; display: grid; grid-template-columns: 1fr; grid-gap: 24px; margin-top: 24px;\">\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE CDP<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Connect customer experiences with the Customer Data Platform<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Help manage customer information from various scattered sources. Gather them together and help analyze customer data from every perspective in 360.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/customer-data-platform-cdp\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Link<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Intelligent link management tool<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Helps manage link shortening, customization, and customer tracking. Effectively measure the efficiency of various channels.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-link\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Ads Automation<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Customize your ads to be more effective<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Automated advertising management tools Helps manage and shoot ADS accurately. Optimize your ads Reduce the duration of hours Leave only a few minutes.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-ads-automation\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: none; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE FOMO Marketing<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Create no-code widgets on your website to help increase sales.<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                \u0e2a\u0e38\u0e14\u0e22\u0e2d\u0e14\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e4a\u0e2d\u0e1b\u0e2d\u0e31\u0e1b\u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22 \u0e01\u0e23\u0e30\u0e15\u0e38\u0e49\u0e19\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e04\u0e38\u0e13\n                \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e44\u0e14\u0e49\u0e43\u0e19\u0e44\u0e21\u0e48\u0e01\u0e35\u0e48\u0e19\u0e32\u0e17\u0e35\n                \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"\" style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div id=\"sales-detail-mobile\" style=\"display: none;\">\n        <div\n          style=\"display: flex; flex-direction: column; margin: 48px 0px 0px 0px; justify-content: center; align-items: center;\">\n          <div\n            style=\"background-color: #FFFFFF; border-radius: 0.375rem; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08); width: 95%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 48px; padding-bottom: 48px \">\n            <h1 style=\"color: #101828; font-size: 40px; font-weight: 500; text-align: center; margin-bottom:8px;\">\n              Sales Bundle\n            <\/h1>\n            <div\n              style=\"color: #344054; width: 90% ;font-weight: 400; font-size: 20px; text-align: center; margin-bottom:48px\">\n              Manage sales professionally Take care from start to finish Collect every lead so it doesn't get lost. Help the sales team take care of customers thoroughly and professionally. Including being able to send messages to customers easily\n            <\/div>\n            <div\n              style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 12px; padding-bottom: 12px; margin-right: -1rem; margin-left: -1rem;width:100%;\">\n              <div style=\"display: flex; flex-direction: column; \">\n                <div style=\"color: #101828; font-size: 400px; font-weight: 400; font-size: 20px; margin-bottom:8px;\">\n                  Starting price\n                <\/div>\n                <div style=\"color: #101828; font-weight: 500; font-size: 40px; margin-bottom: 24px;\">\n                  \u0e3f 17,000\/month\n                <\/div>\n                <div\n                  style=\"cursor: pointer; display: flex; padding-top: 16px; padding-bottom: 16px; padding-left: 85px; padding-right: 85px; justify-content: center; align-items: center; background-color: #EF724B; color: #FFFFFF; font-weight: 400; font-size: 16px; border-radius: 0.375rem;\"\n                  onclick=\"toRegister()\">\n                  Sign up\n                <\/div>\n              <\/div>\n              <div\n                style=\"margin-top: 64px; display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;min-width:33%;\">\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE CDP<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE CRM<\/span>\n                <\/div>\n<!--\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Simple Automation<\/span>\n                <\/div>\n-->\n\n              <\/div>\n            <\/div>\n          <\/div>\n          <div\n            style=\"margin-left: 50px; color: #101828; display: flex; flex-direction: row; justify-content: flex-start; font-size: 20px; font-weight: 400px; margin-top: 24px; width:99%;\">\n            This package includes:\n          <\/div>\n          <div style=\"width: 95%; display: grid; grid-template-columns: 1fr; grid-gap: 24px; margin-top: 24px;\">\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE CDP<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Connect customer experiences with the Customer Data Platform<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                \u0e0a\u0e48\u0e27\u0e22\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e08\u0e32\u0e01\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e17\u0e35\u0e48\u0e01\u0e23\u0e30\u0e08\u0e31\u0e14\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\n                \u0e23\u0e27\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e41\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e21\u0e38\u0e21\u0e21\u0e2d\u0e07\u0e41\u0e1a\u0e1a\n                360\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/customer-data-platform-cdp\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE CRM<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Manage sales and customer relations<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Customer database program that helps manage sales work Efficiently taking care of customers from start to finish Collect every lead so it doesn't get lost.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-crm\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n\n<!--\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Simple Automation<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e07\u0e32\u0e19\u0e02\u0e32\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14\u0e41\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e21\u0e32\u0e01\u0e22\u0e34\u0e48\u0e07 \u0e02\u0e36\u0e49\u0e19\n                \u0e25\u0e14\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\n                \u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e25\u0e30\u0e41\u0e04\u0e21\u0e40\u0e1b\u0e0d\u0e44\u0e1b\u0e2b\u0e32\u0e01\u0e25\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e41\u0e1a\u0e1a\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/sable-automation-marketing-automation\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n-->\n          <\/div>\n        <\/div>\n      <\/div>\n      <div id=\"website-optimize-detail-mobile\" style=\"display: none; width:100%\">\n        <div\n          style=\"display: flex; flex-direction: column; margin: 48px 0px 0px 0px; justify-content: center; align-items: center;\">\n          <div\n            style=\"background-color: #FFFFFF; border-radius: 0.375rem; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08); width: 95%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 48px; padding-bottom: 48px\">\n            <h1 style=\"color: #101828; font-size: 40px; font-weight: 500; text-align: center; margin-bottom:8px;\">\n              Website Optimization Bundle\n            <\/h1>\n            <div\n              style=\"color: #344054; width: 90%; font-weight: 400; font-size: 20px; text-align: center; margin-bottom:48px;\">\n              Customize your website for efficiency To comply with the PDPA law correctly and reliably Including being able to analyze customer behavior online in real time\n            <\/div>\n            <div\n              style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 12px; padding-bottom: 12px; margin-right: -1rem; margin-left: -1rem;width:100%;\">\n              <div style=\"display: flex; flex-direction: column;\">\n                <div style=\"color: #101828; font-size: 400px; font-weight: 400; font-size: 20px; margin-bottom:8px;\">\n                  Starting price\n                <\/div>\n                <div style=\"color: #101828; font-size: 500px; font-weight: 500; font-size: 40px; margin-bottom: 24px;\">\n                  \u0e3f 5,600\/month\n                <\/div>\n                <div\n                  style=\"cursor: pointer; display: flex; padding-top: 16px; padding-bottom: 16px; padding-left: 85px; padding-right: 85px; justify-content: center; align-items: center; background-color: #EF724B; color: #FFFFFF; font-weight: 400; font-size: 16px; border-radius: 0.375rem;\"\n                  onclick=\"toRegister()\">\n                  Sign up\n                <\/div>\n              <\/div>\n              <div\n                style=\"margin-top: 64px; display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;min-width:33%;\">\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE CDP<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Analytics<\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center;\">\n                  <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                  <span style=\"margin-left: 0.5rem;\">SABLE Consent<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div\n            style=\"margin-left: 50px; color: #101828; display: flex; flex-direction: row; justify-content: flex-start; font-size: 20px; font-weight: 400px; margin-top: 24px; width:99%;\">\n            This package includes:\n          <\/div>\n          <div style=\"width: 95%; display: grid; grid-template-columns: 1fr; grid-gap: 24px; margin-top: 24px;\">\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE CDP<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Connect customer experiences with the Customer Data Platform<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                \u0e0a\u0e48\u0e27\u0e22\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e08\u0e32\u0e01\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e17\u0e35\u0e48\u0e01\u0e23\u0e30\u0e08\u0e31\u0e14\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\n                \u0e23\u0e27\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e41\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e21\u0e38\u0e21\u0e21\u0e2d\u0e07\u0e41\u0e1a\u0e1a\n                360\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/customer-data-platform-cdp\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Analytics<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Real-time Behavioral Analytics<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Online marketing tools that help businesses Helps collect customer behavior data on websites and online advertising channels. So that businesses can understand customer behavior\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-analytics\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n            <div\n              style=\"height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: #fff; box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.06), 0px 4px 16px rgba(50, 50, 71, 0.08);\">\n              <div style=\"padding: 1.5rem 1.5rem 0 1.5rem; display: flex; flex-direction: column;\">\n                <span style=\"display: flex; flex-direction: row; align-items: center; gap: 0.25rem;\">\n                  <div\n                    style=\" width: 24px; height: 24px; border-radius: 50%; border: 2px solid #37B34A; display: flex; align-items: center; justify-content: center; margin-right: 2px;\">\n                    <span style=\"color: #37B34A;\">\n                      \u2713\n                    <\/span>\n                  <\/div>\n                  <span style=\"font-size: 26px; font-weight: 400; color: #101828;\">SABLE Consent<\/span>\n                <\/span>\n                <span\n                  style=\"font-size: 20px; font-weight: 400; color: #344054; margin-top: 0.5rem;\">Manage legal cookie consent<\/span>\n              <\/div>\n              <div style=\"padding: 1.5rem; font-size: 20px; font-weight: 400; color: #344054;\">\n                Utilize tools to ensure your website complies with data protection laws (PDPA) accurately and reliably, enabling your business to collect customer data worry-free.\n              <\/div>\n              <span style=\"display: flex; justify-content: start;\">\n                <a href=\"https:\/\/sable.asia\/en\/sable-consent\/\"\n                  style=\"padding: 0 1.5rem 1.5rem 1.5rem; font-size: 14px; color: #EF724B;\">\n                  See more &gt;\n                <\/a>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div id=\"products-mobile\" style=\"display: none; height: 100%;\">\n    <div\n      style=\"margin-top: 48px; align-items: center; justify-content: center; display: flex; gap: 24px; flex-direction: column; height: 100%;\">\n      <details class=\"custom-select\">\n        <summary class=\"radios\"\n          style=\"align-items: center; justify-content: space-between; display: flex; flex-direction: row; gap: 0.75rem; font-size: 20px;\">\n          <span><\/span>\n          <span style=\"display: block;\" id=\"sable-consent-select\"><input type=\"radio\" name=\"item\"\n              id=\"sable-consent-option\" checked>SABLE Consent<\/span>\n          <span style=\"display: none;\" id=\"sable-loyalty-select\"><input type=\"radio\" name=\"item\"\n              id=\"sable-loyalty-option\">SABLE Loyalty<\/span>\n        <\/summary>\n        <ul class=\"list\">\n          <li>\n            <label for=\"sable-consent-option\"\n              onclick=\"changeTabSelectFieldOnMobile('sable-consent-detail-mobile',['sable-loyalty-detail-mobile'],['sable-loyalty-select'],'sable-consent-select')\">\n              SABLE Consent\n            <\/label>\n          <\/li>\n          <li>\n            <label for=\"sable-loyalty-option\"\n              onclick=\"changeTabSelectFieldOnMobile('sable-loyalty-detail-mobile',['sable-consent-detail-mobile'],['sable-consent-select'],'sable-loyalty-select')\">\n              SABLE Loyalty\n            <\/label>\n          <\/li>\n        <\/ul>\n      <\/details>\n      <div style=\"display: flex; flex-direction: column; width:100%;\">\n        <div id=\"sable-consent-detail-mobile\" style=\"display: block;\">\n          <div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n            <div style=\"display: flex; flex-direction: row; justify-content: center; width: 100%; margin-bottom: 72px;\">\n              <div id=\"consent-subscribe-monthly-mobile\"\n                style=\"padding-bottom: 12px; cursor: pointer; font-size: 26px; font-weight: 400; display: flex; justify-content: center; width: 50%; border-bottom: 4px solid #EF724B; color: #EF724B;\"\n                onclick=\"changeSubscribeTypeOnMobile ('annual','monthly')\">\n                Monthly\n              <\/div>\n              <div id=\"consent-subscribe-annual-mobile\"\n                style=\"padding-bottom: 12px; cursor: pointer; font-size: 26px; font-weight: 400; display: flex; justify-content: center; width: 50%; border-bottom: 4px solid #F6F7FA; color: #98A2B3;\"\n                onclick=\"changeSubscribeTypeOnMobile ('monthly','annual')\">\n                Annual (cheaper)\n              <\/div>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; align-items: center; margin-bottom: 48px;\">\n              <div style=\"color: #101828; font-size: 40px; font-weight: 500;\">\n                SABLE Consent\n              <\/div>\n              <div style=\"color: #344054; font-size: 20px; font-weight: 400; text-align: center; margin-top: 8px;\">\n                Manage cookie consent that is legal according to GDPR\/PDPA principles\n              <\/div>\n            <\/div>\n          <\/div>\n          <div\n            style=\"background-color: #ffffff; margin-left:16px; margin-right: 16px; display: flex;flex-direction: column; gap: 24px; justify-content: space-between;\">\n            <!-- xxxxxxxxxxxxxxxxxxxxxx          1             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n            <div\n              style=\"position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%\">\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #101828 ; margin-bottom: 0px;\">\n                    Basic Plan\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For small websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span id=\"basic-plan-price-mobile\" style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f329\n                    <\/span>\n                    <span id=\"basic-plan-price-unit-mobile\" style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div id=\"basic-payment-unit-median-mobile\" style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <div\n                  style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;margin-top: 24; margin-bottom: 24px;\">\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">100,000 page views per month<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">100 M page views\/month with unlimited sessions (Session)<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">1 domain<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">1 subdomain<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">1,000,000 consent records<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Keep consent records for 12 months.<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n  \n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toConsent()\">\n                <div\n                  style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n  \n            <!-- xxxxxxxxxxxxxxxxxxxxxx          2             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n            <div\n              style=\"position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%;\">\n              <div style=\"position: absolute;top: 10px; right: -10px;\">\n                <p\n                  style=\"background: #EF724B;position: relative;display: block;margin: 0;padding: 3px 20px 4px 20px; border-radius: 3px 0px 0px 3px;text-transform: uppercase;font-weight: 600;font-size: 12px;color: #fff;line-height: 25px;letter-spacing: 1px;width:146px;\">\n                  Recommended\n                  <span\n                    style=\"position: absolute;top: 100%;right: 0;content: ' ';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 0;border-color: rgba(0,0,0,0.75) transparent transparent transparent;\" \/>\n                <\/p>\n              <\/div>\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #EF724B ; margin-bottom: 0px;\">\n                    Jumpstart\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For medium websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span id=\"jump-start-price-mobile\" style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f600\n                    <\/span>\n                    <span id=\"jump-start-price-unit-mobile\"  style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div id=\"jump-start-payment-unit-median-mobile\" style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <div\n                  style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;margin-top: 24px; margin-bottom: 24px;\">\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">300,000 page views per month<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">100 M page views\/month with unlimited sessions (Session)<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">1 domain<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Unlimited subdomains<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">1,000,000 consent records<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Keep consent records for 6 months.<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n  \n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toConsent()\">\n                <div\n                  style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n  \n            <!-- xxxxxxxxxxxxxxxxxxxxxx          3             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n  \n            <div\n              style=\"position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%;\">\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #101828 ; margin-bottom: 0px;\">\n                    SME\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For SME websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span id=\"sme-price-mobile\" style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f2,500\n                    <\/span>\n                    <span id=\"sme-price-unit-mobile\" style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div id=\"sme-payment-unit-median-mobile\" style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <div\n                  style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;margin-top: 24px; margin-bottom: 24px;\">\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">3,000,000 \u0e40\u0e1e\u0e08\u0e27\u0e34\u0e27 \u0e15\u0e48\u0e2d\u0e40\u0e14\u0e37\u0e2d\u0e19<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">100 M page views\/month with unlimited sessions (Session)<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">8 domains<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Unlimited subdomains<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Unlimited consent records<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Keep consent records for 12 months.<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n  \n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\">\n                <div\n                  style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\"\n                  onclick=\"toConsent()\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div id=\"sable-loyalty-detail-mobile\" style=\"display: none;\">\n          <div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n            <div style=\"display: flex; flex-direction: column; align-items: center; margin-bottom: 48px;\">\n              <div style=\"color: #101828; font-size: 40px; font-weight: 500;\">\n                SABLE Loyalty\n              <\/div>\n              <div style=\"color: #344054; font-size: 20px; font-weight: 400;\">\n                Point collecting system for stores\n              <\/div>\n            <\/div>\n          <\/div>\n          <div\n            style=\"background-color: #ffffff; margin-left:16px; margin-right: 16px; display: flex; flex-direction: column; gap: 24px; justify-content: center; \">\n            <!-- xxxxxxxxxxxxxxxxxxxxxx          1             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n            <div\n              style=\"position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%\">\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #101828 ; margin-bottom: 0px;\">\n                    Starter\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For small websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f490\n                    <\/span>\n                    <span style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <div\n                  style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;margin-top: 24px;margin-bottom: 24px;\">\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">1,000 members<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">1 moderator<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #F92F60; font-size: 24px;\">\u2717<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Branch system<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Redeem rewards an unlimited number of times.<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Unlimited number of rewards<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n  \n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toLoyalty()\">\n                <div\n                  style=\"cursor: pointer; margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n  \n            <!-- xxxxxxxxxxxxxxxxxxxxxx          2             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n            <div\n              style=\"position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%;\">\n              <div style=\"position: absolute;top: 10px; right: -10px;\">\n                <p\n                  style=\"background: #EF724B;position: relative;display: block;margin: 0;padding: 3px 20px 4px 20px; border-radius: 3px 0px 0px 3px;text-transform: uppercase;font-weight: 600;font-size: 12px;color: #fff;line-height: 25px;letter-spacing: 1px;width:146px;\">\n                  Recommended\n                  <span\n                    style=\"position: absolute;top: 100%;right: 0;content: ' ';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 0;border-color: rgba(0,0,0,0.75) transparent transparent transparent;\" \/>\n                <\/p>\n              <\/div>\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #EF724B ; margin-bottom: 0px;\">\n                    Standard\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For medium websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f990\n                    <\/span>\n                    <span style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <div\n                  style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;margin-top: 24px; margin-bottom: 24px;\">\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">1,000 members<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">5 moderator<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Branch system<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Redeem rewards an unlimited number of times.<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Unlimited number of rewards<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n  \n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toLoyalty()\">\n                <div\n                  style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n  \n            <!-- xxxxxxxxxxxxxxxxxxxxxx          3             xxxxxxxxxxxxxxxxxxxxxxxxxx -->\n  \n            <div\n              style=\"position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%;\">\n              <div style=\"padding: 0 0 0 24px;\">\n                <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n                  <span style=\"font-weight: 600; font-size: 26px; color: #101828 ; margin-bottom: 0px;\">\n                    Premium\n                  <\/span>\n                  <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                    For SME websites.\n                  <\/span>\n                <\/div>\n                <div style=\"margin-top: 24px;\">\n                  <div>\n                    <span style=\"font-weight: 500; font-size: 40px; color: #101828\">\n                      \u0e3f1,290\n                    <\/span>\n                    <span style=\"font-weight: 400; font-size: 20px; color: #101828\">\n                      baht\/month\n                    <\/span>\n                  <\/div>\n                  <div style=\"margin-top: 0px; font-weight: 400; font-size: 20px; color: #101828\">\n                    Billed monthly\n                  <\/div>\n                <\/div>\n                <div\n                  style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;margin-top: 24px; margin-bottom: 24px;\">\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">5,000 members<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">20 moderator<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Branch system (3 free branches)<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Redeem rewards an unlimited number of times.<\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center;\">\n                    <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                    <span style=\"margin-left: 0.5rem;\">Unlimited number of rewards<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n  \n              <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n                onclick=\"toLoyalty()\">\n                <div\n                  style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n                  Sign up\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n  \n        <div\n          style=\"margin-left: 16px; margin-right: 16px; margin-top: 16px; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0.5rem; background-color: white; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); min-width:32%;\">\n          <div style=\"padding: 0 0 0 24px;\">\n            <div style=\"margin-top: 3rem; display: flex; flex-direction: column;\">\n              <span style=\"font-weight: 600; font-size: 26px; color: #101828 ; margin-bottom: 0px;\">\n                Enterprice\n              <\/span>\n              <span style=\"font-weight: 400; font-size: 20px; color: #344054\">\n                For enterprise website\n              <\/span>\n            <\/div>\n            <div\n              style=\"display: flex; flex-direction: column; gap: 0.75rem; color: #344054; font-size: 20px; font-weight: 400;margin-top: 24px; margin-bottom: 24px;\">\n              <div style=\"display: flex; align-items: center;\">\n                <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                <span style=\"margin-left: 0.5rem;\">Unlimited Session 1<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center;\">\n                <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                <span style=\"margin-left: 0.5rem;\">10 Domain<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center;\">\n                <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                <span style=\"margin-left: 0.5rem;\">100,000,000 Consent record<\/span>\n              <\/div>\n              <div style=\"display: flex; align-items: center;\">\n                <span style=\"color: #37B34A; font-size: 24px;\">\u2713<\/span>\n                <span style=\"margin-left: 0.5rem;\">Keep the consent record for 24 months<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n  \n          <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\"\n            onclick=\"contactUs()\">\n            <div\n              style=\"cursor: pointer;margin-top:16px; margin-bottom: 3rem; color: #EF724B; font-weight: 500; font-size: 20px; padding: 0.875rem 1.75rem; background-color: #fff; border-radius: 0.25rem; border-color: #EF724B; border-width: 1px; border-style: solid;\">\n              Contact Us\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/div>\n  <\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_js\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script>\n  const changeSubscribeTypeOnMobile = (form, to) => {\n    let btnFormElement\n    let btnToElement\n    const basicPlanPriceElement = document.getElementById('basic-plan-price-mobile')\n    const jumpStartPriceElement = document.getElementById('jump-start-price-mobile')\n    const smePriceElement = document.getElementById('sme-price-mobile')\n    const basicPlanPriceUnitElement = document.getElementById('basic-plan-price-unit-mobile')\n    const jumpStartPriceUnitElement = document.getElementById('jump-start-price-unit-mobile')\n    const smePriceUnitElement = document.getElementById('sme-price-unit-mobile')\n    const basicPaymentUnitMedianElement = document.getElementById('basic-payment-unit-median-mobile')\n    const jumpStartPaymentUnitMedianElement = document.getElementById('jump-start-payment-unit-median-mobile')\n    const smePaymentUnitMedianElement = document.getElementById('sme-payment-unit-median-mobile')\n    if (form === 'annual' && to === 'monthly') {\n      btnFormElement = document.getElementById('consent-subscribe-annual-mobile')\n      btnToElement = document.getElementById('consent-subscribe-monthly-mobile')\n      basicPlanPriceElement.innerHTML = '\u0e3f329'\n      jumpStartPriceElement.innerHTML = '\u0e3f600'\n      smePriceElement.innerHTML = '\u0e3f2,500'\n      basicPlanPriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      jumpStartPriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      smePriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      basicPaymentUnitMedianElement.innerHTML = '\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      jumpStartPaymentUnitMedianElement.innerHTML = '\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19'\n      smePaymentUnitMedianElement.innerHTML = '\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19'\n    } else {\n      btnFormElement = document.getElementById('consent-subscribe-monthly-mobile')\n      btnToElement = document.getElementById('consent-subscribe-annual-mobile')\n      basicPlanPriceElement.innerHTML = '\u0e3f1,990'\n      jumpStartPriceElement.innerHTML = '\u0e3f3,600'\n      smePriceElement.innerHTML = '\u0e3f15,000'\n      basicPlanPriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e1b\u0e35'\n      jumpStartPriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e1b\u0e35'\n      smePriceUnitElement.innerHTML = '\u0e1a\u0e32\u0e17\/\u0e1b\u0e35'\n      basicPaymentUnitMedianElement.innerHTML = '(\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e30 165 \u0e1a\u0e32\u0e17)'\n      jumpStartPaymentUnitMedianElement.innerHTML = '(\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e30 300 \u0e1a\u0e32\u0e17)'\n      smePaymentUnitMedianElement.innerHTML = '(\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e30 1,250 \u0e1a\u0e32\u0e17)'\n    }\n    btnFormElement.style.borderBottomColor = '#F6F7FA'\n    btnFormElement.style.color = '#98A2B3'\n    btnToElement.style.borderBlockColor = '#EF724B'\n    btnToElement.style.color = '#EF724B'\n  }\n  const changeTypeOnMobile = (form, to) => {\n    if (form === 'bundles-mobile' && to === 'products-mobile') {\n      const btnBundEle = document.getElementById('btn-bundles-mobile')\n      const btnProdEle = document.getElementById('btn-products-mobile')\n      const divBund = document.getElementById('bundles-mobile')\n      const divProd = document.getElementById('products-mobile')\n\n      btnBundEle.style.backgroundColor = '#ef724b'\n      btnBundEle.style.color = '#ffffff'\n      btnProdEle.style.backgroundColor = '#ffffff'\n      btnProdEle.style.color = '#ef724b'\n\n      divProd.style.display = 'none'\n      divBund.style.display = 'block'\n    } else {\n      const btnProdEle = document.getElementById('btn-products-mobile')\n      const btnBundEle = document.getElementById('btn-bundles-mobile')\n      const divBund = document.getElementById('bundles-mobile')\n      const divProd = document.getElementById('products-mobile')\n\n      btnProdEle.style.backgroundColor = '#ef724b'\n      btnProdEle.style.color = '#ffffff'\n      btnBundEle.style.backgroundColor = '#ffffff'\n      btnBundEle.style.color = '#ef724b'\n\n      divBund.style.display = 'none'\n      divProd.style.display = 'block'\n    }\n  }\n  const changeTabSelectFieldOnMobile = (targetDiv, arrDiv, selectDiv, selectShow) => {\n    const divElement = document.getElementById(targetDiv)\n    divElement.style.display = 'block'\n\n    arrDiv.forEach((name) => {\n      const nameEle = document.getElementById(name)\n      nameEle.style.display = 'none'\n    })\n\n    selectDiv.forEach((name) => {\n      const nameEle = document.getElementById(name)\n      nameEle.style.display = 'none'\n    })\n\n    const selectElement = document.getElementById(selectShow)\n    selectElement.style.display = 'block'\n  }\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div><section data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" class=\"vc_section bg-blue-gradient vc_custom_1682507953070 vc_section-has-fill\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1682507343538\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h1 style=\"color: #ffffff;text-align: center\" class=\"vc_custom_heading\" >SABLE is ready to be customized in every way according to your business needs.<\/h1><p style=\"color: #ffffff;text-align: center\" class=\"vc_custom_heading\" >If any business is interested in installing it on their own internal server. Our system is ready to provide On-Premise service.<br \/>\nIn addition, if any part is not to your liking Our system supports customization. (Customization) of every part according to the needs of the business.<\/p>\r<!-- radiantthemes-custom-button -->\r<div class=\"radiantthemes-custom-button hover-style-one rt1081735803  font-weight-medium\"  data-button-direction=\"center\" data-button-fullwidth=\"false\" ><a style=\" color: #ffffff; line-height: 26px; font-size: 15px;\" class=\"radiantthemes-custom-button-main  vc_custom_1684913555703\" href=\"https:\/\/sable.asia\/en\/request-a-demo\/\"  title=\"Get started\" target=\"_self\"><div class=\"placeholder\">Request a Demo<\/div><\/a><\/div>\r<!-- radiantthemes-custom-button -->\r<\/div><\/div><\/div><\/div><\/section><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"PRICING PLANS\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e0b\u0e40\u0e1a\u0e34\u0e25\u0e21\u0e35\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e27\u0e48\u0e32\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 SABLE Bundles SABLE Products Digital Marketing Bundle Sales Bundle Website Optimization Bundle Digital Marketing Bundle \u0e17\u0e33\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e \u0e14\u0e39\u0e41\u0e25\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e01\u0e32\u0e23\u0e22\u0e34\u0e07 Ads \u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e \u0e41\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e40\u0e1b\u0e47\u0e19\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e3f 25,000\/\u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 \u2713 SABLE CDP \u2713 SABLE Link \u2713 SABLE Ads Automation \u2713 SABLE FOMO Marketing \u0e43\u0e19\u0e40\u0e0b\u0e47\u0e15\u0e19\u0e35\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22: \u2713 SABLE CDP \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22 Customer Data Platform \u0e0a\u0e48\u0e27\u0e22\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e08\u0e32\u0e01\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e17\u0e35\u0e48\u0e01\u0e23\u0e30\u0e08\u0e31\u0e14\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32 \u0e23\u0e27\u0e21\u0e44\u0e27\u0e49\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e41\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e21\u0e38\u0e21\u0e21\u0e2d\u0e07\u0e41\u0e1a\u0e1a 360 [...]","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pricing Plans for All SABLE Products<\/title>\n<meta name=\"description\" content=\"See pricing for SABLE&#039;s all-in-one marketing software to help you grow traffic, convert visitors, and run complete marketing campaigns.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sable.asia\/en\/pricing-new\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pricing Plans for All SABLE Products\" \/>\n<meta property=\"og:description\" content=\"See pricing for SABLE&#039;s all-in-one marketing software to help you grow traffic, convert visitors, and run complete marketing campaigns.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sable.asia\/en\/pricing-new\/\" \/>\n<meta property=\"og:site_name\" content=\"SABLE - AI CDP and Sales &amp; Marketing Automation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sable.th\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-17T02:51:04+00:00\" \/>\n<meta name=\"author\" content=\"SABLE\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/sable.asia\/#organization\",\"name\":\"SABLE Co., Ltd\",\"url\":\"https:\/\/sable.asia\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/sable.th\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sable.asia\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/07\/logo-icon-color-1.png\",\"contentUrl\":\"https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/07\/logo-icon-color-1.png\",\"width\":300,\"height\":300,\"caption\":\"SABLE Co., Ltd\"},\"image\":{\"@id\":\"https:\/\/sable.asia\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sable.asia\/#website\",\"url\":\"https:\/\/sable.asia\/\",\"name\":\"SABLE - AI CDP and Sales &amp; Marketing Automation\",\"description\":\"\u0e40\u0e0b\u0e40\u0e1a\u0e34\u0e25 \u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e1a AI CDP, Sales Automation \u0e41\u0e25\u0e30 Marketing Automation \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e17\u0e38\u0e01 TouchPoint \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e22\u0e2d\u0e14\u0e02\u0e32\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\",\"publisher\":{\"@id\":\"https:\/\/sable.asia\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sable.asia\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sable.asia\/pricing-new\/#webpage\",\"url\":\"https:\/\/sable.asia\/pricing-new\/\",\"name\":\"Pricing Plans for All SABLE Products\",\"isPartOf\":{\"@id\":\"https:\/\/sable.asia\/#website\"},\"datePublished\":\"2023-04-26T11:24:06+00:00\",\"dateModified\":\"2025-07-17T02:51:04+00:00\",\"description\":\"See pricing for SABLE's all-in-one marketing software to help you grow traffic, convert visitors, and run complete marketing campaigns.\",\"breadcrumb\":{\"@id\":\"https:\/\/sable.asia\/pricing-new\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sable.asia\/pricing-new\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sable.asia\/pricing-new\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sable.asia\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pricing (New)\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pricing Plans for All SABLE Products","description":"See pricing for SABLE's all-in-one marketing software to help you grow traffic, convert visitors, and run complete marketing campaigns.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sable.asia\/en\/pricing-new\/","og_locale":"en_US","og_type":"article","og_title":"Pricing Plans for All SABLE Products","og_description":"See pricing for SABLE's all-in-one marketing software to help you grow traffic, convert visitors, and run complete marketing campaigns.","og_url":"https:\/\/sable.asia\/en\/pricing-new\/","og_site_name":"SABLE - AI CDP and Sales &amp; Marketing Automation","article_publisher":"https:\/\/www.facebook.com\/sable.th","article_modified_time":"2025-07-17T02:51:04+00:00","author":"SABLE","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/sable.asia\/#organization","name":"SABLE Co., Ltd","url":"https:\/\/sable.asia\/","sameAs":["https:\/\/www.facebook.com\/sable.th"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sable.asia\/#\/schema\/logo\/image\/","url":"https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/07\/logo-icon-color-1.png","contentUrl":"https:\/\/sable.asia\/wp-content\/uploads\/sites\/9\/2023\/07\/logo-icon-color-1.png","width":300,"height":300,"caption":"SABLE Co., Ltd"},"image":{"@id":"https:\/\/sable.asia\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/sable.asia\/#website","url":"https:\/\/sable.asia\/","name":"SABLE - AI CDP and Sales &amp; Marketing Automation","description":"\u0e40\u0e0b\u0e40\u0e1a\u0e34\u0e25 \u0e1c\u0e39\u0e49\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e1a AI CDP, Sales Automation \u0e41\u0e25\u0e30 Marketing Automation \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e17\u0e38\u0e01 TouchPoint \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e22\u0e2d\u0e14\u0e02\u0e32\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34","publisher":{"@id":"https:\/\/sable.asia\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sable.asia\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/sable.asia\/pricing-new\/#webpage","url":"https:\/\/sable.asia\/pricing-new\/","name":"Pricing Plans for All SABLE Products","isPartOf":{"@id":"https:\/\/sable.asia\/#website"},"datePublished":"2023-04-26T11:24:06+00:00","dateModified":"2025-07-17T02:51:04+00:00","description":"See pricing for SABLE's all-in-one marketing software to help you grow traffic, convert visitors, and run complete marketing campaigns.","breadcrumb":{"@id":"https:\/\/sable.asia\/pricing-new\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sable.asia\/pricing-new\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sable.asia\/pricing-new\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sable.asia\/"},{"@type":"ListItem","position":2,"name":"Pricing (New)"}]}]}},"_links":{"self":[{"href":"https:\/\/sable.asia\/en\/wp-json\/wp\/v2\/pages\/7358"}],"collection":[{"href":"https:\/\/sable.asia\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sable.asia\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sable.asia\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sable.asia\/en\/wp-json\/wp\/v2\/comments?post=7358"}],"version-history":[{"count":58,"href":"https:\/\/sable.asia\/en\/wp-json\/wp\/v2\/pages\/7358\/revisions"}],"predecessor-version":[{"id":10988,"href":"https:\/\/sable.asia\/en\/wp-json\/wp\/v2\/pages\/7358\/revisions\/10988"}],"wp:attachment":[{"href":"https:\/\/sable.asia\/en\/wp-json\/wp\/v2\/media?parent=7358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}