{"id":27937,"date":"2024-09-05T03:10:23","date_gmt":"2024-09-05T03:10:23","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/vowp\/services\/customized-ecommerce-development\/"},"modified":"2024-12-07T17:57:53","modified_gmt":"2024-12-07T17:57:53","slug":"customized","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/services\/customized\/","title":{"rendered":"Customized"},"content":{"rendered":"\n<div id=\"\" class=\"VOHeroV2 module_container  pt-[43px] md:pt-[61px] xl:pt-[65px] 2xl:pt-[74px] text-primary\">\n    <div class=\" relative overflow-hidden px-4 md:px-8 lg:px-24 2xl:px-36  py-16 pb-8 xl:py-20  \">\n        <div class=\"absolute right-0 top-0\">\n            <img decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/visible-one_68fd8708.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[100px] md:w-[150px] lg:w-[180px] xl:w-[200px]\"\/>\n        <\/div>\n        <div class=\"hidden xl:block absolute right-[180px] top-[160px]\">\n            <img decoding=\"async\" width=\"350\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/line_4aa497fd.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[350px]\"\/>\n        <\/div>\n        <div class=\"w-full\">\n            <div class=\"w-full lg:w-[70%] xl:w-[60%] \">\n            <span class=\"uppercase tracking-widest font-medium fs-2xl\">e-commerce<\/span>                <div class=\"font-semibold md:w-[80%] lg:w-[90%] mt-2 fs-6xl lg:leading-tight\">\n                    <h1>Customized<\/h1>\n                                        \n                <\/div>\n                <div class=\"my-4 md:my-8 h-2 w-16 bg-themeSecondaryDark\"><\/div>\n                <div class=\"font-light text-secondary fs-lg\">\n                    <div class=\"mt-4 md:mt-8\"><p>A strong eCommerce website is the foundation of your online retail business, and Visible One understands the importance of utilizing cutting-edge technology to maximize profits. While remaining agile and completely customizable, our eCommerce solutions provide the best in standard features and functionality.<\/p>\n<\/div>\n                    <div class=\"mt-4\"><p>Our team can create fully customized eCommerce functionality, integrate with ERP systems, pull data from multiple sources, and tailor a solution to your brand and eCommerce objectives. Our eCommerce website design services, combined with years of eCommerce experience, make us the obvious choice for your project.<\/p>\n<\/div>                <\/div>\n                            <\/div>\n            <button aria-label=\"go to bottom\" class=\"cursor-pointer relative z-10 float-right mt-4 arrow-button\">\n                <img decoding=\"async\" width=\"50\" height=\"66\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/downArrow_bc7cafe1.svg\" alt=\"go to below section\" loading=\"lazy\" class=\"w-[60%] md:w-[70%] xl:w-[80%] 2xl:w-[90%] mx-auto\"\/>\n            <\/button>\n        <\/div>\n    <\/div>\n    <\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const heroElement = document.querySelector('.VOHeroV2'); \n\n        function arrowHandler() {\n        if (heroElement) {\n            window.scrollTo(0, heroElement.scrollHeight);\n        }\n        }\n        document.querySelector('.VOHeroV2 .arrow-button').addEventListener('click', arrowHandler);\n    });\n<\/script>\n\n\n<div class=\"CaseStudyService\" style=\"opacity: 1; transform: none;\">\n    <div id=\"\" class=\"relative text-secondary\" style=\"background-color: rgb(255, 255, 255);\">\n        <div\n            class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto py-16 dark:text-dark px-4 md:px-8 xl:px-16 2xl:px-20 3xl:px-28\">\n            <div class=\"text-center text-primary fs-5xl font-semibold\">\n                <h2>Key Benefits of Customized eCommerce <\/h2>\n            <\/div>\n            <div\n                class=\"text-center font-light my-4 md:my-8 fs-lg w-full lg:w-[90%] xl:w-[80%] 2xl:w-[70%] mx-auto leading-relaxed\">\n                <p>With our custom eCommerce development services, you can expand your company&#8217;s horizons. We assist clients in increasing sales by enhancing their web and mobile stores or marketplaces with clear interfaces and outstanding features developed under one roof.<\/p>\n            <\/div>\n            <div class=\"flex flex-wrap  mt-24 md:mt-20 case-study-services\">\n                <div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Improved-conversion-rate_3409682f.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Improved-conversion-rate-G_1e322dea.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Improved Conversion Rate <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>Analytics and conversion tracking are available within the content management system on e-commerce sites (CMS). This allows you to compare traffic and sales to your targets in order to make more informed decisions and increase sales.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Secure-payment-integration_b4b14e27-1.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Secure-payment-integration-G_d9a839a9.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Secure Payment Integration <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>Give your customers peace of mind by incorporating a secure and dependable payment system into the design of your e-commerce website. We can integrate almost any payment system, such as Stripe, PayPal, and Payme.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Search-features_763acb74.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Search-features-G_dd917d7b.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Search Features <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>Include search features on your new e-commerce website so that your customers can easily find the products they require.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/SEO-Optimized_8e68618b.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/SEO-Optimized-G_d2bd5454.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>SEO Optimized <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>Our team works with SEO best practices in mind at all times, providing you with the best starting point for your e-commerce store. Furthermore, we will assist you in increasing brand awareness and online visibility in order to get your products in front of your customers through organic search.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Customized-features_0bb6b027.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Customized-features-G_3e6dc382.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Custom Features <\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>Our custom e-commerce web design services allow your site to be truly tailored to the needs of your customers. For example, if you require specific functionality for trade customers, we can include it in the design.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Bespoke-design_eed9bfcf.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Bespoke-design-G_63fff970.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>Bespoke Design<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>Our designers will create a one-of-a-kind design for your e-commerce store that will blend in with your existing branding.<\/p>\n\n                              <\/div><\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"IconsCardWithBG relative z-0 text-secondary\" id=\"\" style=\"background-color: rgb(255, 255, 255);\">\n    <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4 lg:px-4 xl:px-12 py-16 z-[1] \">\n        <div class=\"mx-auto xl:max-w-6xl 2xl:max-w-screen-2xl\">\n            <div class=\"fs-5xl font-semibold text-center text-primary\">\n                <h3>Our Customized Development Service Offers<\/h3>\n            <\/div>\n            <div class=\"fs-lg text-center mt-6 font-light mx-auto xl:max-w-6xl 2xl:max-w-7xl\">\n                <p>We take your eCommerce web development project seriously and collaborate with your team to achieve success.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"flex flex-wrap sm:-mx-2 lg:mt-14 mt-10 \">\n            <div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Ecommerce-cms.jpg&quot;);\">\n                    <div class=\"bg-overlay\"><\/div>\n                    <div class=\"content flex flex-col  m-auto\">\n                        <div class=\"icon-wrapper mb-7 flex items-center justify-center\">\n                            <div class=\"icon\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Ecommerce-cms-platform-cus_ada39fed.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Ecommerce-cms-platform-cus-W_c98fc350.svg\" loading=\"lazy\" title=\"\"><\/div>\n                        <\/div>\n                        <div class=\"text-center flex-[2]\">\n                            <div class=\"fs-lg font-medium mb-4 text-primary\">\n                                <h3>ECOMMERCE CMS PLATFORM CUSTOMIZATION<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Customize your eCommerce website solutions to meet the specific needs of your business, and improve your business results with new feature implementation and performance optimization, as well as a wide variety of modules, plugins, and third-party service integration.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Ecommerce-migration.jpg&quot;);\">\n                    <div class=\"bg-overlay\"><\/div>\n                    <div class=\"content flex flex-col  m-auto\">\n                        <div class=\"icon-wrapper mb-7 flex items-center justify-center\">\n                            <div class=\"icon\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/E-commerce-migration_8f9d277c.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/E-commerce-migration-w_abfdf0b6.svg\" loading=\"lazy\" title=\"\"><\/div>\n                        <\/div>\n                        <div class=\"text-center flex-[2]\">\n                            <div class=\"fs-lg font-medium mb-4 text-primary\">\n                                <h3>ECOMMERCE MIGRATION<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Migrate your eCommerce website to other platforms that will meet the increased demands of your growing business, while also ensuring data and business process integrity and integrating third-party services throughout the migration process.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Cloud-ecommerce.jpg&quot;);\">\n                    <div class=\"bg-overlay\"><\/div>\n                    <div class=\"content flex flex-col  m-auto\">\n                        <div class=\"icon-wrapper mb-7 flex items-center justify-center\">\n                            <div class=\"icon\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Cloud-ecommerce-solution_ac22e6c4.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Cloud-ecommerce-solution-w_a640d161.svg\" loading=\"lazy\" title=\"\"><\/div>\n                        <\/div>\n                        <div class=\"text-center flex-[2]\">\n                            <div class=\"fs-lg font-medium mb-4 text-primary\">\n                                <h3>CLOUD ECOMMERCE SOLUTIONS<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Cloud eCommerce hosting services such as AWS, Azure, and Google Cloud Platform can power your website. Using SaaS solutions gives your company a flexible infrastructure, simple auto-scalability options, dependable data protection, and low-cost maintenance. It also enables the implementation of unique features that out-of-the-box solutions do not provide.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Maintenance-and-security.jpg&quot;);\">\n                    <div class=\"bg-overlay\"><\/div>\n                    <div class=\"content flex flex-col  m-auto\">\n                        <div class=\"icon-wrapper mb-7 flex items-center justify-center\">\n                            <div class=\"icon\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/maintenance-and-security_7946e49e.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/maintenance-and-security-w_3e5d6e6a.svg\" loading=\"lazy\" title=\"\"><\/div>\n                        <\/div>\n                        <div class=\"text-center flex-[2]\">\n                            <div class=\"fs-lg font-medium mb-4 text-primary\">\n                                <h3>MAINTENANCE AND SECURITY<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Using full-service eCommerce management services, you can provide proper technical infrastructure for your website and mobile apps. The integration of automated profiling and system stats monitoring, as well as our 24&#215;7 infrastructure support, ensures stable operation and continuous access for your customers. We use strong cybersecurity measures to protect against all types of potential threats.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>        <\/div>\n    <\/div>\n    <div class=\"absolute top-0 right-0 z-[-1]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/ui-ux\/icons-bg\/icon-card-decor_b844eda1.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"\n                w-40 h-auto lg:w-52 2xl:w-60 3xl:w-auto align-middle object-cover object-center\n            \">\n          <\/div>\n\n<\/div>\n\n\n<div style=\"opacity: 1; transform: none;\">\n    <div class=\" bg-[#f5f5f5] relative\" id=\"why_choose_us_vo\" style=\"background-color: #fafafa;\">\n        <div class=\"px-4 md:px-8 py-16 text-center mx-auto\">\n            <div class=\"fs-5xl mb-4 md:mb-8 font-semibold\" style=\"color: rgb(33, 33, 33);\">\n                <h2>Why Choose Us <\/h2>\n            <\/div>\n            <div class=\"w-full md:w-[95%] mx-auto fs-lg xl:max-w-[855px] text-secondary font-light\">\n                <p>With our custom eCommerce Development Solutions, we enjoy providing a fantastic customer experience to your business clients as well as business growth taking your business to new heights.<\/p>\n            <\/div>\n            <div class=\"flex justify-center flex-wrap mt-6 md:mt-12\">\n                <div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/on-time-deli_3525d26f.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>On-time Delivery <\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>To meet project deadlines, we use a smart development approach. We have a team of skilled ecommerce website developers who are committed to completing the project on time.<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/agile-dev_a885d422.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>Agile Development Process<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>We use an agile development methodology for the rapid development of an ecommerce website, which allows us to deliver high-quality products on time<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/dedicated-team_efe04146.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>Dedicated Team <\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>We are committed to providing high-quality eCommerce development services. We have a team of highly experienced and certified developers who are familiar with the client&#8217;s needs.<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/support-and-maintenance_66206929.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>Support &amp; Maintenance<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>We provide our clients with error-free support and maintenance services and assist them in resolving product-related complexities. Our professional team is available around the clock to provide immediate assistance<\/p>\n\n                    <\/div>\n                <\/div>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"VOSeoDevelopment py-12 md:py-16 xl:py-20 relative z-0 \" style=\"background-color: #ffffff;\">\n  <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4 lg:mb-20 mb-10\">\n    <div class=\"lg:max-w-[80%] mx-auto\">\n      <div class=\"head\">\n        <div class=\"fs-5xl text-primary font-semibold md:mb-10 mb-5 capitalize\">\n          <h3>Our Development Process<\/h3>\n        <\/div>\n        <div class=\"fs-lg text-secondary font-light\">\n          <p>Our streamlined Magento design process enables us to guarantee fast project completion without the need for any corner cutting on website quality. Whatever your e-commerce store requirements, our Magento developer team can be relied upon to come up with the most effective solution.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"relative\">\n    <div class=\"absolute right-0 lg:top-1\/2 lg:-translate-y-1\/2 2xl:opacity-1 opacity-70 z-[-1]\">\n      <img decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/ui-ux\/vo-seo\/seo-bg_6605c1be.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-60 lg:w-80 xl:w-auto h-auto align-middle object-cover object-center\">\n    <\/div>\n    <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl  mx-auto px-4 lg:mb-20 mb-10 relative\">\n      <div class=\"lg:max-w-[80%] mx-auto\">\n        <div class=\"xl:px-20\">\n          <div data-id=\"vo-seo-00\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process01-Analysis_daf420ea.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">01<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Requirement Analysis<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>First, we will schedule a meeting with you on your available time and discuss about your business for us to understand about your website goals and objectives. We will let you fill out forms to gather all the information we need for the entire project, and create a proposal to align your expectations, educate each other with different ideas, define the features and scope, timeline, outline cost and duration.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-01\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process02-Planning_6143f969.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">02<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Planning<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Using the information we gathered from phase one, it is time to put them together to create a plan for your website. This is the point where a sitemap is developed. We will also help you decide what technologies should be implemented. Elements such as what CMS (content management system) such as WordPress to incorporate, will any contact forms be needed, etc. are discussed when planning your website.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-02\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process03-Design_a6cdacf8.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">03<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Design<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Once the blueprint for the site has been defined through the creation of the sitemap and wireframes, the next step is to determine the look and feel of your site. Our creative team will finalize the visual style of your site\u2014including its content, brand, front, colors, hovers, animations and images\u2014making any revisions you request. Once all the elements are in place, we will send the design over to you for your approval.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-03\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Process04-Development_526cfdd6-1.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">04<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Development<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>With designs approved, it\u2019s time to flesh out the design of the pages, develop new content and refine old content, create graphics elements such as images, videos, slideshows and other media that will appear on the site as well as start to build out the HTML and CSS of the site. This entire time, we will continue to make your in-progress website available to you for viewing, so that you can suggest any additional changes.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-04\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Process05-Site-Testing_370fc1c3.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">05<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Site Testing<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Before the site is launched, we will attend to the final details and test your website. It will be placed on a production server where only internal audiences and anyone who you share the link with can view it. Site testing includes the complete functionality of forms or other elements and content, as well last testing for last minute compatibility issues (viewing differences between different devices and web browsers).<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-05\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Process06-Launch_593b58b5.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">06<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Launch<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>We\u2019ve tested the site, had it reviewed and approved by you, and we\u2019re ready to launch. But once the site is launched, the project isn\u2019t over \u2014 we will ask feedback from you for some immediate changes to the site, such as fixing broken links, editing copy, etc. We also do the SEO to optimize your site with elements such as title, description and keyword tags which help your website achieve higher search engine ranking.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-06\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Process07-SupportMaintenance_807ddebc.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">07<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Support &amp; Maintenance<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>After the website is live, we will maintain a long-term partnership with you by providing support assistance and ongoing maintenance to the hosted environment, the website, and the CMS. We can update content, making changes to the backend and fixing broken links. Whether you are interested in small changes or major enhancements, our team are ready to assist you to make your site more successful.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div>        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4\">\n    <div>\n      <div class=\"bar-holder\">\n        <div class=\"bar\" style=\"background-color: rgb(15, 57, 90);\"><\/div>\n        <div class=\"lg:mb-5 mb-2 triangle\" style=\"border-top-color: rgb(15, 57, 90); left: 131.417px;\"><\/div>\n      <\/div>\n      <div class=\"navigation\">\n        <button arial-label=\"Go to development process step 0\" data-id=\"vo-seo-00\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >1<\/button><button arial-label=\"Go to development process step 1\" data-id=\"vo-seo-01\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >2<\/button><button arial-label=\"Go to development process step 2\" data-id=\"vo-seo-02\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >3<\/button><button arial-label=\"Go to development process step 3\" data-id=\"vo-seo-03\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >4<\/button><button arial-label=\"Go to development process step 4\" data-id=\"vo-seo-04\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >5<\/button><button arial-label=\"Go to development process step 5\" data-id=\"vo-seo-05\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >6<\/button><button arial-label=\"Go to development process step 6\" data-id=\"vo-seo-06\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >7<\/button>      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const voSeoContents = document.querySelectorAll('.VOSeoDevelopment .vo-seo-content');\n    const navigationBtns = document.querySelectorAll('.VOSeoDevelopment .navigation button');\n    const triangle = document.querySelector(\".VOSeoDevelopment .triangle\");\n    const barHolder = document.querySelector(\".VOSeoDevelopment .bar-holder\");\n\n    \/\/ Loop through each tab wrapper\n    navigationBtns.forEach(navigationBtn => {\n\n      navigationBtn.addEventListener('click', function() {\n        navigationBtns.forEach(navigation => {\n          navigation.classList.remove('active');\n          navigation.style.backgroundColor = 'transparent';\n        });\n        const dataId = this.getAttribute(\"data-id\");\n        this.classList.add(\"active\");\n        this.style.backgroundColor = '#0F395A';\n        showVoSeoContent(dataId);\n\n        \/\/ Get button position relative to the bar holder\n        const buttonRect = this.getBoundingClientRect();\n        const barHolderRect = barHolder.getBoundingClientRect();\n        const triangleLeft = buttonRect.left - barHolderRect.left + buttonRect.width \/ 2;\n        triangle.style.left = `${triangleLeft}px`;\n      });\n\n      \/\/ Add mouseenter event listener\n      navigationBtn.addEventListener('mouseenter', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = '#0F395A';\n        }\n      });\n\n      \/\/ Add mouseleave event listener\n      navigationBtn.addEventListener('mouseleave', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = 'transparent';\n        }\n      });\n    });\n\n    function showVoSeoContent(dataId) {\n      voSeoContents && voSeoContents.forEach((content) => {\n          const seoContentId = content.getAttribute(\"data-id\");\n          \n          if (seoContentId.toLowerCase() === dataId.toLowerCase()) {\n              content.classList.remove(\"!hidden\");\n              content.classList.add(\"active\");\n          } else {\n            content.classList.add(\"!hidden\");\n            content.classList.remove(\"active\");\n          }\n      });\n    }\n\n    if (navigationBtns.length > 0) {\n      navigationBtns[0].click();\n    }\n\n  });\n<\/script>\n\n\n\n<div id=\"trusted-partners-section\" class=\"trustedContainer mx-auto px-4 md:px-8 2xl:px-28 max-w-[1700px] py-16 pb-10\" style=\"background-color: #ffffff;\">\n    <div class=\"text-center text-primary font-semibold fs-5xl\">\n        <h2>We\u2019re Glad We\u2019ve Worked With<\/h2>\n    <\/div>\n    <div class=\"font-light text-secondary mt-4 lg:w-[70%] 2xl:w-[60%] mx-auto text-center fs-lg\">\n        <p>We are a creative, dynamic and innovative digital agency, committed to provide exemplary &amp; trend-setting digital experiences to our clients and build a never ending business relationship with them.<\/p>\n    <\/div>\n\n    <div class=\"w-full\">\n        <div class=\"swiper trustedSwiper\">\n            <div class=\"swiper-wrapper\">\n                \n            <div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/1-longchamp_95d09d71.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/2-hku_4ca728e1.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/3-hom_652ee4cb.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/4-ikea_ac938dfa.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/5-cityu_c21a5274.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/6-lkkhpg_b4e7b589.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/7-fulbright_011824f3.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/8-utpieces_4e0c7e56.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/10-sau-tao_4228e0af.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/11-healthyseed_f08819d9.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/12-yamato_efc028fd.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/13-tamjai-intl_ea109dcd.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/14-tamjai-mixian_1fa40e6e.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/15-scope_efafd017.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/16-sunnex_77e76d3f.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/19-hkci_e0180fe1.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/20-tutor-time_e2d92848.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/21-hikvision_537dc98b.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/23-888-lck_4491aa29.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/24-yccece_1510701e.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/25-weee-org_99578608.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/26-tmdhc_3bcb42cf.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/27-edu-hk_0e350e9a.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/28-thkma_68056338.png\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/29-cuhk_10c5c6a8.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/30-ayp_3ab6fa4c.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/31-extrans-global_687883dc.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/32-hashkey-group_98e47384.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/33-hkie_f62a5d7b.png\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/AccoladeGroup_217ee342.png\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Beame_b06fc0cd.png\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/ConstructionIndustryCouncilCIC_c51d125f.png\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/EmperorWatchandJewellery_9a25d327.svg\" alt=\" \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/FederationofHongKongIndustriesFHKI_66ba0bdc.svg\" alt=\" \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/GoodwellSamCheongGroceryCompanyLimited_fcfbcf39.svg\" alt=\" \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/HKSYU_a2ff2dc8.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/HongKongQualityAssuranceAgencyHKQAA_6e20a141.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Mori_b35a9fdd.png\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/SUNSHINELighting_f8baef7f.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/TannerDeWitt_fdba5351.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/TrinityMedicalCenter_759c8ece.svg\" alt=\"24-hour responsive service icon in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div>            <\/div>\n\n            <div class=\"swiper-pagination\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n\n        const tcSwiper = new Swiper('.trustedSwiper', {\n            \/\/ Optional parameters\n            direction: 'horizontal',\n            loop: false,\n\n            scrollbar: {\n                el: \".swiper-scrollbar\",\n                hide: true\n            },\n\n            \/\/ If we need pagination\n            pagination: {\n                el: '.swiper-pagination',\n                clickable: true,\n            },\n\n            \/\/ Navigation arrows\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n\n            \/\/ And if we need scrollbar\n            scrollbar: {\n                el: '.swiper-scrollbar',\n            },\n        });\n\n\n        window.addEventListener(\"resize\", function() {\n            var width = window.innerWidth;\n            var height = window.innerHeight;\n            \/\/ console.log(\"Width: \" + width + \", Height: \" + height);\n\n            var xhr = new XMLHttpRequest();\n            xhr.open(\"POST\", window.location.href, true);\n            xhr.setRequestHeader(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n            xhr.send(\"width=\" + width + \"&height=\" + height);\n\n            xhr.onreadystatechange = function() {\n                if (xhr.readyState == 4 && xhr.status == 200) {\n                    console.log(\"Server response: \" + \"ok\");\n                    \/\/ document.getElementById('trusted-partners-section').innerHTML = xhr.responseText;\n                }\n            };\n        });\n\n    })();\n<\/script>\n\n\n<section class=\"blog-topics relative my-10 sm:my-20 2xl:my-32 px-5\">\n\t<div class=\" mx-auto py-5 px-3 text-primary font-primary rounded-xl max-w-6xl sm:py-10 xl:py-16 sm:px-5 xl:px-10 2xl:max-w-screen-2xl 2xl:py-28 2xl:px-24 shadow-[0_5px_27px_rgba(0,0,0,0.08)]\">\n\t\t<div class=\"title text-center mx-auto max-w-2xl\">\n\t\t\t<div class=\"text-primary fs-5xl mb-4 lg:mb-6 font-semibold 2xl:mb-7\">\n\t\t\t\t<h2>Explore Other Services<\/h2>\n\t\t\t<\/div>\n\t\t\t<div class=\"text-secondary fs-lg mb-5 lg:mb-10 2xl:mb-16\"><p>Here at Visible One, we are capable to offer you a variety of professional and exceptional services more than just Website Development.<\/p>\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"flex flex-wrap mt-2 mb-4 text-sm\">\n\t\t\t<div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/sg\/services\/web-design\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Web Design<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/sg\/services\/e-commerce\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>e-Commerce<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/sg\/services\/digital-marketing\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Marketing<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/sg\/services\/it-solutions\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>IT Solution<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/sg\/services\/hosting-security\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Hosting Security<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/sg\/services\/creative-interactive\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Creative Interactive<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<div class=\"IconsSliderV2 w-full pt-12 pb-20 lg:pt-20 lg:pb-28 mx-auto IconsSliderContainer\"\n        style=\"background-color: rgb(250, 250, 250);\">\n        <div class=\"w-full mx-auto px-4 lg:px-4 xl:px-12 text-center mb-6 lg:mb-12 \">\n            <div class=\"fs-5xl font-semibold mb-2 text-primary\">\n                <h3>Technologies We Work<\/h3>\n            <\/div>\n            <div class=\"font-light my-6 w-full fs-lg md:w-[90%] lg:w-[80%] 2xl:w-[69%] mx-auto text-secondary\">\n                <p>We\u2019re passionate about Customized Development and our mission is to use the right mix of technologies to come up with the right online solutions for your business.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"overflow-x-hidden iconsSliderSwiper\">\n            <div class=\"swiper-wrapper\">\n                <div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/ASP.net-19_53619138.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Bigcommerce-8_c191cdc9.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Bootstrap-12_e20bc47c.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Cloudflare-16_431017d1.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/cPanel_e2d3cdda.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/crazyegg-22_54dc4dea.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/drupal_603cdc99.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Google-Ads-20_1d8e8f20.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Google-Analytics-21_4f805972.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Joomla-2_b62abc88.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/jQuery-10_2653d535.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/laravel-4_79c610d1.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Magento-7_2eff295b.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/MailChimp-17_462a6536.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/MongoDB-18_290f4777.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/MySql-13_33e5c786.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/php-3_d1ea4131.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/React-9_7abaf476.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/RESTApi-14_c6a8df5b.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Shopify-5_d993833a.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/VueJs_5f2ff985.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Woo-6_fa56c07f.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/wordpress-24_cc7074de.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Zapier-15_2e9b4dd2.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div>            <\/div>\n        <\/div>\n        <div class=\"slider-playpause-btn pl-4 mt-[.3rem] flex justify-center\">\n            <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    alt=\"pause icon\">\n            <\/button>\n        <\/div>\n\n    <\/div>\n\n<script>\n    (function () {\n\n        var smoothSwiper = new Swiper('.iconsSliderSwiper', {\n            speed: 4000,\n            direction: 'horizontal',\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n            pagination: false,\n            \/\/ zoom: true,\n            \/\/ keyboard: {\n            \/\/     enabled: true,\n            \/\/     onlyInViewport: false,\n            \/\/ },\n            \/\/ mousewheel: {\n            \/\/     invert: true,\n            \/\/ },\n            autoplay: {\n                delay: 0,\n            },\n            loop: true,\n            slidesPerView: 2,\n            freeMode: true,\n            breakpoints: {\n                640: {\n                    slidesPerView: 4,\n                    \/\/ spaceBetween: 20,\n                },\n                1024: {\n                    slidesPerView: 6,\n                },\n            },\n        });\n        const stop_slider_animation = () => {\n            const button = document.querySelector(\".slider-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn = button?.getAttribute('data-play');\n            const pause_btn = button?.getAttribute('data-pause');\n            const is_active = document.querySelector(\".slider-playpause-btn button.active\");\n            if (!is_active) {\n                smoothSwiper?.autoplay.start();\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n            } else {\n                smoothSwiper?.autoplay.stop();\n                button.querySelector('img')?.setAttribute('src', play_btn);\n            }\n            smoothSwiper?.autoplay.stop();\n        }\n        document.querySelector('.slider-playpause-btn button')?.addEventListener('click', function () {\n            stop_slider_animation();\n        })\n\n    })();\n<\/script>\n\n\n<section id=\"e33b5cfc-cf5c-455d-b312-c0df53f10845\" class=\"\n        contact-form bg-[color:var(--bg-color)] text-light relative overflow-hidden\n        StartContactForm contact_form\n      \" style=\"--bg-color: #4DD7A9;\">\n    <div class=\"sm:flex sm:items-center xl:justify-between \">\n        <div\n            class=\"absolute vertical-text text-5xl font-semibold hidden sm:block sm:flex-1 sm:basis-[15%] sm:max-w-[15%] md:basis-1\/5 xl:text-7xl 2xl:text-[7.5rem] vertical_text\">\n                            <div\n                    class=\"absolute top-0 bottom-0 left-5 h-max lg:left-20 xl:left-32 2xl:left-36 cursor-default aniBottomToTop text-custom-animation-bt\">\n                    Let\u2019s Work Together                <\/div>\n                                        <div\n                    class=\"absolute -top-3 left-[4.25rem] md:left-20 h-max lg:left-36 xl:left-52 2xl:-top-8 2xl:left-80 cursor-default aniTopToBottom text-custom-animation-tb\">\n                    <span class=\"opacity-30\">Talk to Us<\/span>&nbsp;\n                    <span class=\"opacity-60\">Contact Us<\/span>\n                <\/div>\n                    <\/div>\n        <div class=\"contact-form-playpause-btn  justify-start absolute left-[14%] bottom-5 sm:flex hidden\">\n                    <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                    data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                    data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                        src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                        alt=\"pause icon\">\n                    <\/button>\n                <\/div>\n        <div\n            class=\"contact-form__container sm:flex-1 py-16 px-5 font-primary mx-auto sm:max-w-2xl xl:max-w-4xl xl:py-32 2xl:py-36 2xl:max-w-6xl\">\n            <div\n                class=\"mx-auto contact-form__main text-center sm:flex-1 sm:basis-[85%] sm:max-w-[85%]  md:max-w-xl md:basis-4\/5 xl:max-w-2xl 2xl:max-w-5xl\">\n                <div class=\"contact-form__header  mx-auto 2xl:max-w-xl\">\n                    <div class=\"font-semibold mb-5 2xl:mb-8 fs-5xl\">\n                        <div>LET\u2019S WORK TOGETHER<\/di>\n                        <\/div>\n                        <div class=\"font-normal fs-lg mb-6 2xl:mb-12\"><p>If you have a project and would like to discuss it with us, then please do call us or email us using the form below.<\/p>\n<\/div>\n                    <\/div>\n                    <div class=\"relative contact-form__body\">\n                        <div>\n                            <div id=\"hubspotForm\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"contact-form__bg absolute top-1\/2 right-0 -translate-y-1\/2\">\n            <img decoding=\"async\" width=\"257\" height=\"510\"\n                src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/projects\/StartContact-bgImg_c8261431.png\"\n                alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"h-auto w-24 lg:w-36 2xl:w-auto\" \/>\n        <\/div>\n<\/section>\n<style>\n\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Your HubSpot form details\n        const portalId = \"5194436\";\n        const formId = \"e33b5cfc-cf5c-455d-b312-c0df53f10845\";\n\n        \/\/ Function to load the HubSpot form dynamically\n        function loadHubSpotForm() {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/js.hsforms.net\/forms\/v2.js'; \/\/ HubSpot's form script\n            script.onload = () => {\n                window.hbspt.forms.create({\n                    portalId: portalId,\n                    formId: formId,\n                    target: '#hubspotForm', \/\/ ID of the element where the form will be rendered\n                    css: \"\",\n\t\t\t\t\tonFormSubmitted: function ($form, data) {\n    var values = data.submissionValues || {};\n    var email = values.email || '';\n    var phone = values.phone || '';\n\n    console.log(\"HubSpot form submitted:\");\n    console.log(\"Email:\", email);\n    console.log(\"Phone:\", phone);\n\n    gtag('set', 'user_data', {\n        email: email,\n        phone_number: phone\n    });\n}\n,\n                    onFormReady: function ($form) {\n                        const targetElement = $form.find('.hs-form-field label');\n                        targetElement?.each(function (key, label) {\n                            const placeholder = label?.getAttribute('placeholder');\n                            const name = label?.closest('.hs-form-field').querySelector('select')?.getAttribute('name')?.replaceAll('_', ' ');\n                            const placeholder1 = label?.closest('.hs-form-field').querySelector('input')?.getAttribute('placeholder');\n                            label?.querySelector('span:first-child')?.setAttribute('arial-label', placeholder1)\n                            label?.setAttribute('arial-label', placeholder1);\n                            label?.closest('.hs-form-field').querySelector('input')?.setAttribute('arial-label', placeholder1?.replace('*', ''))\n                            label?.closest('.hs-form-field').querySelector('select')?.setAttribute('arial-label', name?.replaceAll('_', ' '))\n                        });\n                        const style = document.createElement('style');\n                        style.innerHTML = `\n                        .hs-error-msgs label {\n                            color: #fc010c;\n                        }\n                        .hbspt-form select,\n                        .hbspt-form select::placeholder{\n                            color: #33475b !important;\n  opacity: 1 !important;\n                        }\n                        .hbspt-form textarea::placeholder,\n.hbspt-form input::placeholder{\n  color: #33475b !important;\n  opacity: 1 !important;\n}\n.hbspt-form input{\n  background-color: #fff !important;\n}\n.hs_submit input[type=submit]{\n  background: #000 !important;\n  color:#fff !important;\n  border:1px solid #000 !important;\n}\n                        `;\n                        document.querySelector('#hubspotForm iframe').contentDocument.head.appendChild(style);\n                    }\n                });\n            };\n            document.body.appendChild(script);\n        }\n\n        loadHubSpotForm();\n        const remove_animation = () => {\n            document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                ani.classList.remove('aniBottomToTop');\n            });\n            document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                ani.classList.remove('aniTopToBottom');\n            });\n            document.querySelector('.contact-form-playpause-btn .pause_btn').classList?.remove('active');\n            document.querySelector('.contact-form-playpause-btn .play_btn').classList?.add('active');\n        }\n        const add_animation = () => {\n            const button = document.querySelector(\".contact-form-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn = button?.getAttribute('data-play');\n            const pause_btn = button?.getAttribute('data-pause');\n            const is_active = document.querySelector(\".contact-form-playpause-btn button.active\");\n            if (!is_active) {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.add('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.add('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n            } else {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.remove('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.remove('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', play_btn);\n            }\n        }\n        document.querySelector('.contact-form-playpause-btn button')?.addEventListener('click', function () {\n            add_animation();\n\n        })\n        \n    });\n\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":27598,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-27937","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/wp-json\/wp\/v2\/pages\/27937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/wp-json\/wp\/v2\/comments?post=27937"}],"version-history":[{"count":2,"href":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/wp-json\/wp\/v2\/pages\/27937\/revisions"}],"predecessor-version":[{"id":60497,"href":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/wp-json\/wp\/v2\/pages\/27937\/revisions\/60497"}],"up":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/wp-json\/wp\/v2\/pages\/27598"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/sg\/wp-json\/wp\/v2\/media?parent=27937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}