PageSourceSearch

https://simpleposinc.com/

html simpleposinc.com collected 2026-10-08 01:42:40 UTC 161,513 bytes, 2,483 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" id="page" >
3    <head>
4        <meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<meta name="csrf-token" content="4uRfdXv5ICEkTD1fCzPQ25Zh8zsy57cuB083Zymy">
7<meta name="robots" content="all"/>
8<meta name="description" content="Simple POS Solutions: Providing cost-effective and dependable POS, Audio/Visual and technology services to businesses for over 25 years. Elevate your operations with our tailored solutions."/>
9<link rel="canonical" href="https://simpleposinc.com/"/>
10
11
12    <meta property="og:title" content="Simple POS Solutions | POS Consulting | Retail &amp; Restaurant POS">
13    <meta property="og:description" content="Simple POS Solutions: Providing cost-effective and dependable POS, Audio/Visual and technology services to businesses for over 25 years. Elevate your operations with our tailored solutions.">
14            <meta property="og:image" content="https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/simple-pos-solutions-social-media.jpg">
15        <meta property="og:image:alt" content="Simple POS Solutions">
16        <meta property="og:url" content="https://simpleposinc.com">
17    <meta property="og:updated_time" content="2026-07-28T11:31:53.000000Z"/>
18<meta property="og:type" content="website">
19
20
21
22
23    <link rel="icon" type="image/png" sizes="32x32" href="https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/favicon.png">
24<!-- Google Tag Manager -->
25    
25<script>
vendor: 534 bytes, lines 25-37
25(function (w, d, s, l, i) {
26            w[l] = w[l] || [];
27            w[l].push({
28                'gtm.start':
29                    new Date().getTime(), event: 'gtm.js'
30            });
31            var f = d.getElementsByTagName(s)[0],
32                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
33            j.async = true;
34            j.src =
35                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
36            f.parentNode.insertBefore(j, f);
37        })(window, document, 'script', 'dataLayer', '
37GTM-NV4BJL2C
vendor: 3 bytes, line 37
37');
37</script>
37
38    <!-- End Google Tag Manager -->
39
40
41
42    
42<script>
43        (function () {
44            function storeAnalyticsSessionData(clientId, sessionId) {
45                fetch("https:\/\/simpleposinc.com\/analytics\/session", {
46                    method: 'POST',
47                    headers: {
48                        'Content-Type': 'application/json',
49                        'X-CSRF-TOKEN': "4uRfdXv5ICEkTD1fCzPQ25Zh8zsy57cuB083Zymy",
50                        'Accept': 'application/json',
51                    },
52                    body: JSON.stringify({
53                        client_id: clientId,
54                        session_id: sessionId,
55                    }),
56                });
57            }
58
59            function readGtagValues() {
60                if (typeof window.gtag !== 'function') {
61                    return;
62                }
63
64                if (typeof window.gaSessionStored === 'boolean' && window.gaSessionStored) {
65                    return;
66                }
67
68                const measurementId = Object.keys(window.google_tag_manager || []).filter(e => { return e.substring(0,2) == 'G-' })[0];
69
70                if (measurementId) {
71                    window.gtag('get', measurementId, 'client_id', function (clientId) {
72                        window.gtag('get', measurementId, 'session_id', function (sessionId) {
73                            if (clientId || sessionId) {
74                                storeAnalyticsSessionData((clientId).toString(), (sessionId).toString());
75                                window.gaSessionStored = true;
76                            }
77                        });
78                    });
79                }
80            }
81
82            if (document.readyState === 'loading') {
83                document.addEventListener('DOMContentLoaded', readGtagValues);
84            } else {
85                readGtagValues();
86            }
87
88            setTimeout(readGtagValues, 1500);
89        })();
90    </script>
90
91
92<title>Simple POS Solutions | POS Consulting | Retail &amp; Restaurant POS</title>
93
94<link rel="preconnect" href="https://media.cmsmax.cloud" crossorigin>
95    <link rel="preconnect" href="https://cdn.cmsmax.cloud/production" crossorigin>
96<style >/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 100;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq6r8wxz0ojc8mlnrtbvk.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 100;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq6r8wxh0ojc8mlnrtq.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 200;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jqyr9wxz0ojc8mlnrtbvk.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 200;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jqyr9wxh0ojc8mlnrtq.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 300;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq-p9wxz0ojc8mlnrtbvk.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 300;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq-p9wxh0ojc8mlnrtq.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 400;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq6r9wxz0ojc8mlnrtbvk.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 400;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq6r9wxh0ojc8mlnrtq.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 500;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq5z9wxz0ojc8mlnrtbvk.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
96BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 500;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq5z9wxh0ojc8mlnrtq.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 600;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq3p6wxz0ojc8mlnrtbvk.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 600;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq3p6wxh0ojc8mlnrtq.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 700;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq0n6wxz0ojc8mlnrtbvk.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 700;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jq0n6wxh0ojc8mlnrtq.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 800;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jqyr6wxz0ojc8mlnrtbvk.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 800;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jqyr6wxh0ojc8mlnrtq.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 900;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jqw16wxz0ojc8mlnrtbvk.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: italic;  font-weight: 900;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtufjig1-i6t8kchkm459wx7xqyxk0vooz6jqw16wxh0ojc8mlnrtq.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 100;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpctr6xw3axx-p7k4glvztg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
96BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 100;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpctr6xw5axx-p7k4gls.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 200;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcvr6hw3axx-p7k4glvztg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 200;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcvr6hw5axx-p7k4gls.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 300;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcs16hw3axx-p7k4glvztg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 300;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcs16hw5axx-p7k4gls.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpctr6hw3axx-p7k4glvztg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpctr6hw5axx-p7k4gls.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 500;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpctz6hw3axx-p7k4glvztg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 500;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpctz6hw5axx-p7k4gls.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 600;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcu173w3axx-p7k4glvztg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
96BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 600;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcu173w5axx-p7k4gls.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 700;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcum73w3axx-p7k4glvztg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 700;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcum73w5axx-p7k4gls.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 800;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcvr73w3axx-p7k4glvztg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 800;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcvr73w5axx-p7k4gls.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 900;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcvc73w3axx-p7k4glvztg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 900;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/bf761efe5f/smontserratv31jtuhjig1-i6t8kchkm4532vjot5-qnfgpcvc73w5axx-p7k4gls.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
97            <style >/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 200;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq2lcs-zokqkqt2lyfh7rg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 200;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq2lcs-xokqkqt2lyfg.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 300;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq17cs-zokqkqt2lyfh7rg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
97BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 300;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq17cs-xokqkqt2lyfg.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 400;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq0lcs-zokqkqt2lyfh7rg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 400;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq0lcs-xokqkqt2lyfg.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 500;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq0xcs-zokqkqt2lyfh7rg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 500;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq0xcs-xokqkqt2lyfg.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 600;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq37di-zokqkqt2lyfh7rg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 600;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq37di-xokqkqt2lyfg.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 700;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq3cdi-zokqkqt2lyfh7rg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 700;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq3cdi-xokqkqt2lyfg.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 800;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq2ldi-zokqkqt2lyfh7rg.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
97BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: italic;  font-weight: 800;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldizaomqnqcsa88c7o9yz4kmcoog4kozyskcdsng9ocqyq2ldi-xokqkqt2lyfg.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 200;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-ku79qx-tmq2orvwn0fs.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 200;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-ku79tr-tmq2orvwn.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 300;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-9079qx-tmq2orvwn0fs.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 300;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-9079tr-tmq2orvwn.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-qu79qx-tmq2orvwn0fs.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-qu79tr-tmq2orvwn.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 500;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-m079qx-tmq2orvwn0fs.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 500;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-m079tr-tmq2orvwn.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 600;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-d0n9qx-tmq2orvwn0fs.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
97BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 600;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-d0n9tr-tmq2orvwn.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 700;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-tkn9qx-tmq2orvwn0fs.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 700;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-tkn9tr-tmq2orvwn.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 800;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-kun9qx-tmq2orvwn0fs.woff) format('woff');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Plus Jakarta Sans';  font-style: normal;  font-weight: 800;  font-display: swap;  src: url(https://media.cmsmax.cloud/fonts/f4ccb96b51/splusjakartasansv12ldibaomqnqcsa88c7o9yz4kmcoog4ia6-91ahejcwua-kun9tr-tmq2orvwn.woff) format('woff');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
98
99    <style>
100        :root {
101                        --primary-font: 'Montserrat', sans-serif;
102                                    --secondary-font: 'Plus Jakarta Sans', sans-serif;
103                                    --parent-menu-font: 'Montserrat', sans-serif;
104                                    --child-menu-font: 'Montserrat', sans-serif;
105                    }
106
107                h1, h2, h3, h4, h5, h6 {
108            font-family: var(--primary-font);
109        }
110        
111                body {
112            font-family: var(--secondary-font);
113        }
114        
115                /* Parent/Top-level menu items (depth 0) */
116        .menu-item-top-link,
117        .menu-simple-link {
118            font-family: var(--parent-menu-font);
119        }
120        
121                /* Child/Nested menu items (depth > 0) */
122        .menu-submenu-link,
123        .menu-submenu-placeholder-span,
124        .menu-nested-link {
125            font-family: var(--child-menu-font);
126        }
127            </style>
128
129<style>
130    [x-cloak] {
131        display: none !important;
132    }
133</style>
134
135
136<style>@layer properties, theme, base, filaforms, components, utilities, theme-overrides;</style>
137
138
139
140<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
141
142
143
144
145    <link rel="stylesheet" type="text/css" id="css-engine-theme" href="https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/css/theme-06a16ace.css">
146
147
148    <link rel="stylesheet" type="text/css" id="css-engine-tenant" href="https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/css/tenant-20880c28.css">
149
150
151
152
153            <link rel="stylesheet" type="text/css" id="css-engine-page" href="https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/css/page-1-97fc45a0.css">
154    
155
156
157<style></style>
158<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"https://simpleposinc.com","name":"Simple POS Solutions","description":"Simple POS Solutions is a point-of-sale system provider that serves businesses nationwide in the United States. We specialize in retail & restaurants, and are proud to bring innovative services and products to our clients.","telephone":"+13038350537","logo":{"@type":"ImageObject","url":"https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/simple-pos-logo-300x76.png","name":"simple-pos-logo-300x76.png"},"address":{"@type":"PostalAddress","streetAddress":"1388 Carlson Ave","addressLocality":"Erie","addressRegion":"Colorado","postalCode":"80516","addressCountry":"US"},"sameAs":[]}</script>
158
159    
160
161            
162    
163        <style>
164    .js-cookie-consent .js-cookie-consent-decline {
165        border: solid 2px var(--bs-secondary);
166        color: var(--bs-secondary);
167        padding: 6px 12px;
168        white-space: normal;
169        &:hover {
170            color:white;
171        }
172    }
173    .js-cookie-consent .js-cookie-consent-agree {
174        white-space: normal;
175    }
176</style>
177
178    </head>
179    <body>
180        <!-- Google Tag Manager (noscript) -->
181    <noscript>
182        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NV4BJL2C"
183                title="Google Tag Manager"
184                height="0" width="0" style="display:none;visibility:hidden"></iframe>
185    </noscript>
186    <!-- End Google Tag Manager (noscript) -->
187<style id="cookie-consent-fallback-css">
188        @layer cookie-consent-fallback{
189            @media (min-width:640px){
190                .cookie-consent-actions{flex-direction:row;width:auto}
191                .cookie-consent-content .sm\:flex-row{flex-direction:row}
192                .cookie-consent-content .sm\:items-center{align-items:center}
193                .cookie-consent-content .sm\:justify-between{justify-content:space-between}
194                .cookie-consent-content .sm\:w-auto{width:auto}
195            }
196        }
197    </style>
198
199    <div class="js-cookie-consent cookie-consent-banner" data-nosnippet>
200  <div class="cookie-consent-content"><p class="">Your experience on this site will be improved by allowing cookies.</p><div class="cookie-consent-actions flex shrink-0 gap-3 w-full sm:w-auto flex-col sm:flex-row"><button type="button" class="js-cookie-consent-agree cookie-consent-agree">Allow cookies</button> <button type="button" class="js-cookie-consent-decline cookie-consent-decline">Decline</button></div></div>
201</div>
202
203    
203<script>
204
205        window.laravelCookieConsent = (function () {
206
207            const COOKIE_VALUE = 1;
208            const COOKIE_REJECTED_VALUE = 0;
209            const COOKIE_DOMAIN = 'simpleposinc.com';
210
211            function consentWithCookies() {
212                setCookie('laravel_cookie_consent', COOKIE_VALUE, 7300);
213                updateGoogleConsent('granted');
214                hideCookieDialog();
215            }
216
217            function rejectCookies() {
218                setCookie('laravel_cookie_consent', COOKIE_REJECTED_VALUE, 7300);
219                updateGoogleConsent('denied');
220                hideCookieDialog();
221            }
222
223            function cookieExists(name) {
224                return document.cookie.split('; ').some(c =>
225                    c === name + '=' + COOKIE_VALUE || c === name + '=' + COOKIE_REJECTED_VALUE
226                );
227            }
228
229            function hideCookieDialog() {
230                const dialogs = document.getElementsByClassName('js-cookie-consent');
231
232                for (let i = 0; i < dialogs.length; ++i) {
233                    dialogs[i].style.display = 'none';
234                }
235            }
236
237            function setCookie(name, value, expirationInDays) {
238                const date = new Date();
239                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
240                document.cookie = name + '=' + value
241                    + ';expires=' + date.toUTCString()
242                    + ';domain=' + COOKIE_DOMAIN
243                    + ';path=/'
244                    + ';samesite=lax';
245            }
246
247            function updateGoogleConsent(value) {
248                window.dataLayer = window.dataLayer || [];
249                window.gtag = window.gtag || function () {
250                    window.dataLayer.push(arguments);
251                };
252
253                window.gtag('consent', 'update', {
254                    ad_storage: value,
255                    analytics_storage: value,
256                    ad_user_data: value,
257                    ad_personalization: value,
258                });
259            }
260
261            if (cookieExists('laravel_cookie_consent')) {
262                hideCookieDialog();
263            }
264
265            const buttons = document.getElementsByClassName('js-cookie-consent-agree');
266
267            for (let i = 0; i < buttons.length; ++i) {
268                buttons[i].addEventListener('click', consentWithCookies);
269            }
270
271            const declineButtons = document.getElementsByClassName('js-cookie-consent-decline');
272
273            for (let i = 0; i < declineButtons.length; ++i) {
274                declineButtons[i].addEventListener('click', rejectCookies);
275            }
276
277            return {
278                consentWithCookies: consentWithCookies,
279                rejectCookies: rejectCookies,
280                hideCookieDialog: hideCookieDialog
281            };
282        })();
283
284        window.acceptCookies = function () {
285            window.laravelCookieConsent.consentWithCookies();
286        };
287
288        window.rejectCookies = function () {
289            window.laravelCookieConsent.rejectCookies();
290        };
291    </script>
291
292
293<div class="promo-bar-wrapper"
294                    style="background-color: #78ba41;"
295            >
296        <div class="promo-bar-inner">
297            
298<p style="text-align: center;" class="max-sm:text-lg leading-none"><span style="color: #000000;"><a href="/referrals" class="btn btn-light" role="button" style="color: #000000;"><strong><span style="font-size: 16pt;"><span style="text-decoration: underline;">REFER ANOTHER BUSINESS </span>- We pay up to $500!&nbsp;</span></strong></a></span></p>
299        </div>
300
301            </div>
302
303        <main class="page-wrapper ">
304            <div class="header-wrapper contents">
305                <div class="w-full">
306                    
307<div class="custom-html-section"><header class="bg-black relative">
308<div class="p-4 lg:px-6 max-w-[1920px] mx-auto flex items-center justify-between"><a href="/" class="hidden lg:block order-0"> <img alt="logo" class="max-w-65 xl:max-w-77.5" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png 1920w" sizes="100vw"> </a>
309<div class="w-full lg:w-auto lg:ms-auto">
310<div class="flex items-center justify-end gap-3 font-bold text-white text-[15px] mb-2 max-lg:hidden">
311<div><img alt="icon" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-header.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-header.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-header.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-header.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-header.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-header.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-header.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-header.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-header.png 1920w" sizes="100vw" class="max-w-5"></div>
312<div class="text-primary">ATLANTA: <a href="tel:404-993-9438" class="text-white hover:underline">404-993-9438</a></div>
313<div>|</div>
314<div class="text-primary">DENVER: <a href="tel:303-835-0537" class="text-white hover:underline">
314303-835-0537</a></div>
315<div>|</div>
316<div class="text-primary">VIRGINIA BEACH: <a href="tel:757-271-4600" class="text-white hover:underline">757-271-4600</a></div>
317</div>
318<span class="cms-widget"><div x-data="{
319    mobileMenuOpen: false,
320    searchOpen: false,
321    toggleMobileMenu() {
322        this.mobileMenuOpen = !this.mobileMenuOpen;
323    },
324    toggleSearch() {
325        this.searchOpen = !this.searchOpen;
326    }
327}" x-init="$watch('searchOpen', value => { if (value) { $nextTick(() => $refs.searchInput?.focus()) } })">
328        <div class="mobile-nav lg:hidden">
329        
330        <div class="bar">
331            
332            <a class="logo-container" href="/" aria-label="Simple POS Solutions - Home">
333                <img src="https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/simple-pos-logo-banner.png"
334                     alt="Simple POS Solutions"
335                     width="200"
336                     height="66.666666666667"
337                     class="">
338            </a>
339
340            
341            <div class="icons">
342                
343                
344                
345                
346                
347                            </div>
348
349            
350            <button @click="toggleMobileMenu()" type="button" :aria-expanded="mobileMenuOpen"
351                    aria-controls="mobile-nav-bar" aria-label="Toggle navigation"
352                    class="hamburger-btn">
353                <span class="sr-only">Toggle navigation</span>
354                
355                <div class="hamburger-container">
356                    <span class="hamburger-line top"
357                          :class="mobileMenuOpen ? 'opacity-0 -translate-y-1/2 top-1/2' : 'opacity-100'"></span>
358                    <span class="hamburger-line middle"
359                        :class="mobileMenuOpen ? '-rotate-45' : ''"></span>
360                    <span class="hamburger-line middle"
361                        :class="mobileMenuOpen ? 'rotate-45 ' : ''"></span>
362                    <span class="hamburger-line bottom"
363                        :class="mobileMenuOpen ? 'opacity-0 -translate-y-1/2 top-1/2' : 'opacity-100'"></span>
364                </div>
365            </button>
366        </div>
367
368        
369                
370        <div x-cloak
371             x-show="mobileMenuOpen" x-transition:enter="transition ease-out duration-300"
372             x-transition:enter-start="opacity-0 -translate-y-4" x-transition:enter-end="opacity-100 translate-y-0"
373             x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0"
374             x-transition:leave-end="opacity-0 -translate-y-4" id="mobile-nav-bar"
375             class="menu-dropdown" @click.away="mobileMenuOpen = false">
376            <nav class="menu-nav">
377                <ul class="menu-tree-list space-y-1"
378        x-data="{
379                 openItems: {},
380                 toggleItem(key) {
381                     this.openItems[key] = !this.openItems[key];
382                 }
383             }"
384    >
385                    <li class="menu-tree-item">
386            <div>
387            
388                            <div class="menu-tree-level1-btn menu-tree-row">
389                    <a href="/services"
390                                              class="menu-tree-parent-link menu-tree-level1-title">
391                        Services
392                    </a>
393                    <button type="button"
394                            @click="toggleItem('item-297')"
395                            :aria-expanded="openItems['item-297'] ? 'true' : 'false'"
396                            class="menu-tree-toggle-btn">
397                        <span class="sr-only">Toggle Services submenu</span>
398                        <svg xmlns="http://www.w3.org/2000/svg"
399                            class="menu-tree-level1-icon"
400                            :class="{ 'rotate-180': openItems['item-297'] }"
401                            aria-hidden="true"
402                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
403                            <path stroke-width="2" stroke-linecap="round"  d="m6 9 6 6 6-6"/>
404                        </svg>
405                    </button>
406                </div>
407            
408            
409            <div x-cloak
410                 x-show="openItems['item-297']"
411                                      x-collapse.duration.200ms
412                                  class="menu-tree-level1-submenu">
413                <ul class="menu-tree-level1-list">
414                                            <li class="menu-tree-item">
415            
416        <a href="/services/support"
417                      class="menu-tree-link-level2">
418            Support
419        </a>
420    </li>
421                                            <li class="menu-tree-item">
422            
423        <a href="/services/payment-processing"
424                      class="menu-tree-link-level2">
425            Payment Processing
426        </a>
427    </li>
428                                            <li class="menu-tree-item">
429            
430        <a href="/services/gift-cards"
431                      class="menu-tree-link-level2">
432            Gift Cards
433        </a>
434    </li>
435                                            <li class="menu-tree-item">
436            
437        <a href="/services/consulting"
438                      class="menu-tree-link-level2">
439            Consulting
440        </a>
441    </li>
442                                            <li class="menu-tree-item">
443            
444        <a href="/services/training"
445                      class="menu-tree-link-level2">
446            Training
447        </a>
448    </li>
449                                            <li class="menu-tree-item">
450            
451        <a href="/services/security"
452                      class="menu-tree-link-level2">
453            Security
454        </a>
455    </li>
456                                            <li class="menu-tree-item">
457            <div>
458            
459                            <div class="menu-tree-level2-btn menu-tree-row">
460                    <a href="/services/av-solutions"
461                                              class="menu-tree-parent-link menu-tree-level2-title">
462                        AV Solutions
463                    </a>
464                    <button type="button"
465                            @click="toggleItem('item-304')"
466                            :aria-expanded="openItems['item-304'] ? 'true' : 'false'"
467                            class="menu-tree-toggle-btn">
468                        <span class="sr-only">Toggle AV Solutions submenu</span>
469                        <svg xmlns="http://www.w3.org/2000/svg"
470                            class="menu-tree-level2-icon"
471                            :class="{ 'rotate-180': openItems['item-304'] }"
472                            aria-hidden="true"
473                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
474                            <path stroke-width="2" stroke-linecap="round"  d="m6 9 6 6 6-6"/>
475                        </svg>
476                    </button>
477                </div>
478            
479            
480            <div x-cloak
481                 x-show="openItems['item-304']"
482                                      x-collapse.duration.200ms
483                                  class="menu-tree-level2-submenu">
484                <ul class="menu-tree-level2-list">
485                                            <li class="menu-tree-item">
486            
487        <a href="/services/gameview"
488                      class="menu-tree-link-level3">
489            Gameview Live TV
490        </a>
491    </li>
492                                    </ul>
493            </div>
494        </div>
495    </li>
496                                            <li class="menu-tree-item">
497            
498        <a href="/services/ai-restaurant-marketing-toolkit"
499                      class="menu-tree-link-level2">
500            AI Restaurant Marketing Toolkit
501        </a>
502    </li>
503                                            <li class="menu-tree-item">
504            
505        <a href="/services/digital-signage"
506                      class="menu-tree-link-level2">
507            Digital Signage
508        </a>
509    </li>
510                                    </ul>
511            </div>
512        </div>
513    </li>
514                    <li class="menu-tree-item">
515            <div>
516            
517                            <div class="menu-tree-level1-btn menu-tree-row">
518                    <a href="/pos-products"
519                                              class="menu-tree-parent-link menu-tree-level1-title">
520                        POS Products
521                    </a>
522                    <button type="button"
523                            @click="toggleItem('item-308')"
524                            :aria-expanded="openItems['item-308'] ? 'true' : 'false'"
525                            class="menu-tree-toggle-btn">
526                        <span class="sr-only">Toggle POS Products submenu</span>
527                        <svg xmlns="http://www.w3.org/2000/svg"
528                            class="menu-tree-level1-icon"
529                            :class="{ 'rotate-180': openItems['item-308'] }"
530                            aria-hidden="true"
531                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
532                            <path stroke-width="2" stroke-linecap="round"  d="m6 9 6 6 6-6"/>
533                        </svg>
534                    </button>
535                </div>
536            
537            
538            <div x-cloak
539                 x-show="openItems['item-308']"
540                                      x-collapse.duration.200ms
541                                  class="menu-tree-level1-submenu">
542                <ul class="menu-tree-level1-list">
543                                            <li class="menu-tree-item">
544            
545        <a href="/pos-products/pixelpoint"
546                      class="menu-tree-link-level2">
547            PixelPoint
548        </a>
549    </li>
550                                            <li class="menu-tree-item">
551            
552        <a href="/pos-products/retail-management-hero"
553                      class="menu-tree-link-level2">
554            Retail Management Hero
555        </a>
556    </li>
557                                            <li class="menu-tree-item">
558            
559        <a href="/pos-products/shift4-skytab"
560                      class="menu-tree-link-level2">
561            Shift4 SkyTab
562        </a>
563    </li>
564                                            <li class="menu-tree-item">
565            
566        <a href="/pos-products/spoton"
567                      class="menu-tree-link-level2">
568            SpotOn
569        </a>
570    </li>
571                                            <li class="menu-tree-item">
572            
573        <a href="/pos-products/platr"
574                      class="menu-tree-link-level2">
575            Platr
576        </a>
577    </li>
578                                            <li class="menu-tree-item">
579            
580        <a href="/pos-products/ordercounter"
581                      class="menu-tree-link-level2">
582            OrderCounter
583        </a>
584    </li>
585                                            <li class="menu-tree-item">
586            
587        <a href="/pos-products/kitchen-armor"
588                      class="menu-tree-link-level2">
589            Kitchen Armor Display System
590        </a>
591    </li>
592                                    </ul>
593            </div>
594        </div>
595    </li>
596                    <li class="menu-tree-item">
597            <div>
598            
599                            <button type="button"
600                        @click="toggleItem('item-316')"
601                        :aria-expanded="openItems['item-316'] ? 'true' : 'false'"
602                        class="menu-tree-level1-btn">
603                    <span class="menu-tree-level1-title">Robots</span>
604                    <svg xmlns="http://www.w3.org/2000/svg"
605                        class="menu-tree-level1-icon"
606                        :class="{ 'rotate-180': openItems['item-316'] }"
607                        aria-hidden="true"
608                        fill="none" viewBox="0 0 24 24" stroke="currentColor">
609                        <path stroke-width="2" stroke-linecap="round"  d="m6 9 6 6 6-6"/>
610                    </svg>
611                </button>
612            
613            
614            <div x-cloak
615                 x-show="openItems['item-316']"
616                                      x-collapse.duration.200ms
617                                  class="menu-tree-level1-submenu">
618                <ul class="menu-tree-level1-list">
619                                            <li class="menu-tree-item">
620            
621        <a href="/services/somatic-robotics"
622                      class="menu-tree-link-level2">
623            Somatic Robots
624        </a>
625    </li>
626                                            <li class="menu-tree-item">
627            
628        <a href="/services/bear-robotics"
629                      class="menu-tree-link-level2">
630            Bear Robotics
631        </a>
632    </li>
633                                    </ul>
634            </div>
635        </div>
636    </li>
637                    <li class="menu-tree-item">
638            <div>
639            
640                            <div class="menu-tree-level1-btn menu-tree-row">
641                    <a href="/who-we-serve"
642                                              class="menu-tree-parent-link menu-tree-level1-title">
643                        Who We Serve
644                    </a>
645                    <button type="button"
646                            @click="toggleItem('item-319')"
647                            :aria-expanded="openItems['item-319'] ? 'true' : 'false'"
648                            class="menu-tree-toggle-btn">
649                        <span class="sr-only">Toggle Who We Serve submenu</span>
650                        <svg xmlns="http://www.w3.org/2000/svg"
651                            class="menu-tree-level1-icon"
652                            :class="{ 'rotate-180': openItems['item-319'] }"
653                            aria-hidden="true"
654                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
655                            <path stroke-width="2" stroke-linecap="round"  d="m6 9 6 6 6-6"/>
656                        </svg>
657                    </button>
658                </div>
659            
660            
661            <div x-cloak
662                 x-show="openItems['item-319']"
663                                      x-collapse.duration.200ms
664                                  class="menu-tree-level1-submenu">
665                <ul class="menu-tree-level1-list">
666                                            <li class="menu-tree-item">
667            
668        <a href="/areas-we-serve"
669                      class="menu-tree-link-level2">
670            Areas We Serve
671        </a>
672    </li>
673                                            <li class="menu-tree-item">
674            
675        <a href="/who-we-serve/retailers"
676                      class="menu-tree-link-level2">
677            Retailers
678        </a>
679    </li>
680                                            <li class="menu-tree-item">
681            
682        <a href="/who-we-serve/restaurants"
683                      class="menu-tree-link-level2">
684            Restaurants
685        </a>
686    </li>
687                                    </ul>
688            </div>
689        </div>
690    </li>
691                    <li class="menu-tree-item">
692            
693        <a href="/order-gift-cards"
694                      class="menu-tree-link-level1">
695            Order Gift Cards
696        </a>
697    </li>
698                    <li class="menu-tree-item">
699            <div>
700            
701                            <div class="menu-tree-level1-btn menu-tree-row">
702                    <a href="/about"
703                                              class="menu-tree-parent-link menu-tree-level1-title">
704                        About Us
705                    </a>
706                    <button type="button"
707                            @click="toggleItem('item-324')"
708                            :aria-expanded="openItems['item-324'] ? 'true' : 'false'"
709                            class="menu-tree-toggle-btn">
710                        <span class="sr-only">Toggle About Us submenu</span>
711                        <svg xmlns="http://www.w3.org/2000/svg"
712                            class="menu-tree-level1-icon"
713                            :class="{ 'rotate-180': openItems['item-324'] }"
714                            aria-hidden="true"
715                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
716                            <path stroke-width="2" stroke-linecap="round"  d="m6 9 6 6 6-6"/>
717                        </svg>
718                    </button>
719                </div>
720            
721            
722            <div x-cloak
723                 x-show="openItems['item-324']"
724                                      x-collapse.duration.200ms
725                                  class="menu-tree-level1-submenu">
726                <ul class="menu-tree-level1-list">
727                                            <li class="menu-tree-item">
728            
729        <a href="/partners"
730                      class="menu-tree-link-level2">
731            Partners
732        </a>
733    </li>
734                                            <li class="menu-tree-item">
735            
736        <a href="/referrals"
737                      class="menu-tree-link-level2">
738            Referrals
739        </a>
740    </li>
741                                            <li class="menu-tree-item">
742            
743        <a href="/blog"
744                      class="menu-tree-link-level2">
745            Blog
746        </a>
747    </li>
748                                            <li class="menu-tree-item">
749            
750        <a href="/faqs"
751                      class="menu-tree-link-level2">
752            Frequently Asked Questions
753        </a>
754    </li>
755                                    </ul>
756            </div>
757        </div>
758    </li>
759                    <li class="menu-tree-item">
760            
761        <a href="/contact"
762                      class="menu-tree-link-level1">
763            Contact
764        </a>
765    </li>
766            </ul>
767            </nav>
768        </div>
769    </div>
770</div>
771
772<header x-data="{ mobileMenuOpen: false }"
773        class="hidden lg:block">
774    <div class="menu-header">
775        <nav class="nav">
776            <!-- Desktop Menu -->
777            <div class="desktop-container">
778                <div class="desktop-list">
779                                            <div x-data="{
780        open: false,
781        closeTimeout: null,
782        openMenu() {
783            clearTimeout(this.closeTimeout);
784            this.open = true;
785        },
786        closeMenu() {
787            this.closeTimeout = setTimeout(() => {
788                this.open = false;
789            }, 50);
790        },
791                
792            positionDropdown: function() {
793                const rect = this.$el.getBoundingClientRect();
794                const dropdown = this.$refs.dropdown;
795                if (!dropdown) return;
796
797                dropdown.style.left = '';
798                dropdown.style.right = '';
799
800                const rightSpace = window.innerWidth - rect.left;
801                const leftSpace = rect.right;
802
803                if (rightSpace >= 300) {
804                    dropdown.style.left = '0';
805                } else if (leftSpace >= 300) {
806                    dropdown.style.right = '0';
807                } else {
808                    dropdown.style.left = '0';
809                }
810            },
811            positionBridge: function() {
812                const menuItem = this.$el.querySelector('.menu-item-top-container, .menu-item-top-placeholder-btn');
813                const dropdown = this.$refs.dropdown;
814                const bridge = this.$refs.bridge;
815                
816                if (!menuItem || !dropdown || !bridge) return;
817                
818                const menuRect = menuItem.getBoundingClientRect();
819                const dropdownRect = dropdown.getBoundingClientRect();
820                const parentRect = this.$el.getBoundingClientRect();
821                
822                // Calculate the gap between menu item bottom and dropdown top
823                const gap = dropdownRect.top - menuRect.bottom;
824                
825                if (gap > 0) {
826                    bridge.style.position = 'absolute';
827                    bridge.style.top = (menuRect.bottom - parentRect.top) + 'px';
828                    bridge.style.left = '0';
829                    bridge.style.width = '100%';
830                    // Add a few extra pixels to overlap with the dropdown
831                    bridge.style.height = (gap + 10) + 'px';
832                    bridge.style.zIndex = '40';
833                }
834            },
835
836            }"
837          @mouseenter="openMenu()" @mouseleave="closeMenu()" @focusin="openMenu()" @focusout="if (! $el.contains($event.relatedTarget)) closeMenu()"          @keydown.escape="closeMenu()"
838         @click.away="closeMenu()"
839          
840         x-init="$watch('open', value => { if (value) { setTimeout(function(){ positionBridge(); positionDropdown(); }, 10); } })"
841                           class="menu-dropdown-parent">
842
843        
844                                    
845                <div class="menu-item-top-container">
846                    <a href="/services"
847                                                                     class="menu-item-top-link"
848                       :class="{ 'text-primary' : open }">
849                        Services
850                    </a>
851                    <button type="button"
852                            @click.prevent="open = !open"
853                            :aria-expanded="open.toString()"
854                            class="menu-item-top-btn">
855                        <span class="sr-only">Toggle Services dropdown</span>
856                        <svg :class="{ 'rotate-180': open }"
857                             class="menu-chevron-icon" xmlns="http://www.w3.org/2000/svg"
858                             aria-hidden="true"
859                             width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
860                             stroke-linejoin="round">
861                            <path d="m6 9 6 6 6-6"/>
862                        </svg>
863                    </button>
864                </div>
865                    
866        
867                    <div x-show="open"
868                 x-ref="bridge"
869                 class="menu-hover-bridge"
870                 x-cloak></div>
871        
872        
873        <div x-show="open"
874              x-ref="dropdown"              x-transition:enter="transition ease-out duration-200"
875             x-transition:enter-start="opacity-0 scale-95"
876             x-transition:enter-end="opacity-100 scale-100"
877             x-transition:leave="transition ease-in duration-150"
878             x-transition:leave-start="opacity-100 scale-100"
879             x-transition:leave-end="opacity-0 scale-95"
880                          class=" menu-dropdown-desktop "
881             style="display: none;">
882
883                            <a class="menu-nested-link "
884           href="/services/support"
885                      >
886            Support
887        </a>
888                                <a class="menu-nested-link "
889           href="/services/payment-processing"
890                      >
891            Payment Processing
892        </a>
893                                <a class="menu-nested-link "
894           href="/services/gift-cards"
895                      >
896            Gift Cards
897        </a>
898                                <a class="menu-nested-link "
899           href="/services/consulting"
900                      >
901            Consulting
902        </a>
903                                <a class="menu-nested-link "
904           href="/services/training"
905                      >
906            Training
907        </a>
908                                <a class="menu-nested-link "
909           href="/services/security"
910                      >
911            Security
912        </a>
913                                <div x-data="{
914        subOpen: false,
915        closeTimeout: null,
916        openMenu() {
917            clearTimeout(this.closeTimeout);
918            this.subOpen = true;
919        },
920        closeMenu() {
921            this.closeTimeout = setTimeout(() => {
922                this.subOpen = false;
923            }, 50);
924        },
925                positionSubmenu: function() {
926            const rect = this.$el.getBoundingClientRect();
927            const submenu = this.$refs.submenu;
928            if (!submenu) return;
929
930            submenu.style.left = '';
931            submenu.style.right = '';
932            submenu.style.top = '0';
933
934            const rightSpace = window.innerWidth - rect.right;
935            const leftSpace = rect.left;
936
937            if (rightSpace >= 250) {
938                submenu.style.left = '100%';
939                submenu.style.marginLeft = '8px';
940            } else if (leftSpace >= 250) {
941                submenu.style.right = '100%';
942                submenu.style.marginRight = '8px';
943            } else {
944                submenu.style.left = '100%';
945                submenu.style.marginLeft = '8px';
946            }
947        }
948            }"
949          @mouseenter="openMenu()" @mouseleave="closeMenu()" @focusin="openMenu()" @focusout="if (! $el.contains($event.relatedTarget)) closeMenu()"          @keydown.escape="closeMenu()"
950         @click.away="closeMenu()"
951                   
952         x-init="$watch('subOpen', value => { if (value) { setTimeout(function(){ positionSubmenu(); }, 10); } })"
953                  class="relative">
954
955        
956                                    
957                <div  @mouseenter="openMenu()"    class="menu-submenu-container">
958                    <a href="/services/av-solutions"
959                                                                     class="menu-submenu-link ">
960                        AV Solutions
961                    </a>
962                    <button type="button"
963                            @click.prevent="subOpen = !subOpen"
964                            :aria-expanded="subOpen.toString()"
965                             @mouseenter="openMenu()"                             class="menu-submenu-btn">
966                        <span class="sr-only">Toggle AV Solutions submenu</span>
967                        <svg
968                            :class="{ '-rotate-90': subOpen }"
969                            class="menu-chevron-icon" xmlns="http://www.w3.org/2000/svg"
970                            aria-hidden="true"
971                            width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
972                            stroke-linejoin="round">
973                            <path d="m6 9 6 6 6-6"/>
974                        </svg>
975                    </button>
976                </div>
977                    
978        
979        
980        
981        <div x-show="subOpen"
982              x-ref="submenu"              x-transition:enter="transition ease-out duration-200"
983             x-transition:enter-start="opacity-0 "
984             x-transition:enter-end="opacity-100 "
985             x-transition:leave="transition ease-in duration-150"
986             x-transition:leave-start="opacity-100 "
987             x-transition:leave-end="opacity-0 "
988                          class=" menu-submenu-desktop "
989             style="display: none;">
990
991                            <a class="menu-nested-link pl-6 sm:pl-3 w-full min-w-40 max-w-64 break-words"
992           href="/services/gameview"
993                      >
994            Gameview Live TV
995        </a>
996                        </div>
997    </div>
998                            <a class="menu-nested-link "
999           href="/services/ai-restaurant-marketing-toolkit"
1000                      >
1001            AI Restaurant Marketing Toolkit
1002        </a>
1003                                <a class="menu-nested-link "
1004           href="/services/digital-signage"
1005                      >
1006            Digital Signage
1007        </a>
1008                        </div>
1009    </div>
1010                                            <div x-data="{
1011        open: false,
1012        closeTimeout: null,
1013        openMenu() {
1014            clearTimeout(this.closeTimeout);
1015            this.open = true;
1016        },
1017        closeMenu() {
1018            this.closeTimeout = setTimeout(() => {
1019                this.open = false;
1020            }, 50);
1021        },
1022                
1023            positionDropdown: function() {
1024                const rect = this.$el.getBoundingClientRect();
1025                const dropdown = this.$refs.dropdown;
1026                if (!dropdown) return;
1027
1028                dropdown.style.left = '';
1029                dropdown.style.right = '';
1030
1031                const rightSpace = window.innerWidth - rect.left;
1032                const leftSpace = rect.right;
1033
1034                if (rightSpace >= 300) {
1035                    dropdown.style.left = '0';
1036                } else if (leftSpace >= 300) {
1037                    dropdown.style.right = '0';
1038                } else {
1039                    dropdown.style.left = '0';
1040                }
1041            },
1042            positionBridge: function() {
1043                const menuItem = this.$el.querySelector('.menu-item-top-container, .menu-item-top-placeholder-btn');
1044                const dropdown = this.$refs.dropdown;
1045                const bridge = this.$refs.bridge;
1046                
1047                if (!menuItem || !dropdown || !bridge) return;
1048                
1049                const menuRect = menuItem.getBoundingClientRect();
1050                const dropdownRect = dropdown.getBoundingClientRect();
1051                const parentRect = this.$el.getBoundingClientRect();
1052                
1053                // Calculate the gap between menu item bottom and dropdown top
1054                const gap = dropdownRect.top - menuRect.bottom;
1055                
1056                if (gap > 0) {
1057                    bridge.style.position = 'absolute';
1058                    bridge.style.top = (menuRect.bottom - parentRect.top) + 'px';
1059                    bridge.style.left = '0';
1060                    bridge.style.width = '100%';
1061                    // Add a few extra pixels to overlap with the dropdown
1062                    bridge.style.height = (gap + 10) + 'px';
1063                    bridge.style.zIndex = '40';
1064                }
1065            },
1066
1067            }"
1068          @mouseenter="openMenu()" @mouseleave="closeMenu()" @focusin="openMenu()" @focusout="if (! $el.contains($event.relatedTarget)) closeMenu()"          @keydown.escape="closeMenu()"
1069         @click.away="closeMenu()"
1070          
1071         x-init="$watch('open', value => { if (value) { setTimeout(function(){ positionBridge(); positionDropdown(); }, 10); } })"
1072                           class="menu-dropdown-parent">
1073
1074        
1075                                    
1076                <div class="menu-item-top-container">
1077                    <a href="/pos-products"
1078                                                                     class="menu-item-top-link"
1079                       :class="{ 'text-primary' : open }">
1080                        POS Products
1081                    </a>
1082                    <button type="button"
1083                            @click.prevent="open = !open"
1084                            :aria-expanded="open.toString()"
1085                            class="menu-item-top-btn">
1086                        <span class="sr-only">Toggle POS Products dropdown</span>
1087                        <svg :class="{ 'rotate-180': open }"
1088                             class="menu-chevron-icon" xmlns="http://www.w3.org/2000/svg"
1089                             aria-hidden="true"
1090                             width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1091                             stroke-linejoin="round">
1092                            <path d="m6 9 6 6 6-6"/>
1093                        </svg>
1094                    </button>
1095                </div>
1096                    
1097        
1098                    <div x-show="open"
1099                 x-ref="bridge"
1100                 class="menu-hover-bridge"
1101                 x-cloak></div>
1102        
1103        
1104        <div x-show="open"
1105              x-ref="dropdown"              x-transition:enter="transition ease-out duration-200"
1106             x-transition:enter-start="opacity-0 scale-95"
1107             x-transition:enter-end="opacity-100 scale-100"
1108             x-transition:leave="transition ease-in duration-150"
1109             x-transition:leave-start="opacity-100 scale-100"
1110             x-transition:leave-end="opacity-0 scale-95"
1111                          class=" menu-dropdown-desktop "
1112             style="display: none;">
1113
1114                            <a class="menu-nested-link "
1115           href="/pos-products/pixelpoint"
1116                      >
1117            PixelPoint
1118        </a>
1119                                <a class="menu-nested-link "
1120           href="/pos-products/retail-management-hero"
1121                      >
1122            Retail Management Hero
1123        </a>
1124                                <a class="menu-nested-link "
1125           href="/pos-products/shift4-skytab"
1126                      >
1127            Shift4 SkyTab
1128        </a>
1129                                <a class="menu-nested-link "
1130           href="/pos-products/spoton"
1131                      >
1132            SpotOn
1133        </a>
1134                                <a class="menu-nested-link "
1135           href="/pos-products/platr"
1136                      >
1137            Platr
1138        </a>
1139                                <a class="menu-nested-link "
1140           href="/pos-products/ordercounter"
1141                      >
1142            OrderCounter
1143        </a>
1144                                <a class="menu-nested-link "
1145           href="/pos-products/kitchen-armor"
1146                      >
1147            Kitchen Armor Display System
1148        </a>
1149                        </div>
1150    </div>
1151                                            <div x-data="{
1152        open: false,
1153        closeTimeout: null,
1154        openMenu() {
1155            clearTimeout(this.closeTimeout);
1156            this.open = true;
1157        },
1158        closeMenu() {
1159            this.closeTimeout = setTimeout(() => {
1160                this.open = false;
1161            }, 50);
1162        },
1163                
1164            positionDropdown: function() {
1165                const rect = this.$el.getBoundingClientRect();
1166                const dropdown = this.$refs.dropdown;
1167                if (!dropdown) return;
1168
1169                dropdown.style.left = '';
1170                dropdown.style.right = '';
1171
1172                const rightSpace = window.innerWidth - rect.left;
1173                const leftSpace = rect.right;
1174
1175                if (rightSpace >= 300) {
1176                    dropdown.style.left = '0';
1177                } else if (leftSpace >= 300) {
1178                    dropdown.style.right = '0';
1179                } else {
1180                    dropdown.style.left = '0';
1181                }
1182            },
1183            positionBridge: function() {
1184                const menuItem = this.$el.querySelector('.menu-item-top-container, .menu-item-top-placeholder-btn');
1185                const dropdown = this.$refs.dropdown;
1186                const bridge = this.$refs.bridge;
1187                
1188                if (!menuItem || !dropdown || !bridge) return;
1189                
1190                const menuRect = menuItem.getBoundingClientRect();
1191                const dropdownRect = dropdown.getBoundingClientRect();
1192                const parentRect = this.$el.getBoundingClientRect();
1193                
1194                // Calculate the gap between menu item bottom and dropdown top
1195                const gap = dropdownRect.top - menuRect.bottom;
1196                
1197                if (gap > 0) {
1198                    bridge.style.position = 'absolute';
1199                    bridge.style.top = (menuRect.bottom - parentRect.top) + 'px';
1200                    bridge.style.left = '0';
1201                    bridge.style.width = '100%';
1202                    // Add a few extra pixels to overlap with the dropdown
1203                    bridge.style.height = (gap + 10) + 'px';
1204                    bridge.style.zIndex = '40';
1205                }
1206            },
1207
1208            }"
1209          @mouseenter="openMenu()" @mouseleave="closeMenu()" @focusin="openMenu()" @focusout="if (! $el.contains($event.relatedTarget)) closeMenu()"          @keydown.escape="closeMenu()"
1210         @click.away="closeMenu()"
1211          
1212         x-init="$watch('open', value => { if (value) { setTimeout(function(){ positionBridge(); positionDropdown(); }, 10); } })"
1213                           class="menu-dropdown-parent">
1214
1215        
1216                                    
1217                <div class="menu-item-top-container">
1218                    <a href=""
1219                                                                     class="menu-item-top-link"
1220                       :class="{ 'text-primary' : open }">
1221                        Robots
1222                    </a>
1223                    <button type="button"
1224                            @click.prevent="open = !open"
1225                            :aria-expanded="open.toString()"
1226                            class="menu-item-top-btn">
1227                        <span class="sr-only">Toggle Robots dropdown</span>
1228                        <svg :class="{ 'rotate-180': open }"
1229                             class="menu-chevron-icon" xmlns="http://www.w3.org/2000/svg"
1230                             aria-hidden="true"
1231                             width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1232                             stroke-linejoin="round">
1233                            <path d="m6 9 6 6 6-6"/>
1234                        </svg>
1235                    </button>
1236                </div>
1237                    
1238        
1239                    <div x-show="open"
1240                 x-ref="bridge"
1241                 class="menu-hover-bridge"
1242                 x-cloak></div>
1243        
1244        
1245        <div x-show="open"
1246              x-ref="dropdown"              x-transition:enter="transition ease-out duration-200"
1247             x-transition:enter-start="opacity-0 scale-95"
1248             x-transition:enter-end="opacity-100 scale-100"
1249             x-transition:leave="transition ease-in duration-150"
1250             x-transition:leave-start="opacity-100 scale-100"
1251             x-transition:leave-end="opacity-0 scale-95"
1252                          class=" menu-dropdown-desktop "
1253             style="display: none;">
1254
1255                            <a class="menu-nested-link "
1256           href="/services/somatic-robotics"
1257                      >
1258            Somatic Robots
1259        </a>
1260                                <a class="menu-nested-link "
1261           href="/services/bear-robotics"
1262                      >
1263            Bear Robotics
1264        </a>
1265                        </div>
1266    </div>
1267                                            <div x-data="{
1268        open: false,
1269        closeTimeout: null,
1270        openMenu() {
1271            clearTimeout(this.closeTimeout);
1272            this.open = true;
1273        },
1274        closeMenu() {
1275            this.closeTimeout = setTimeout(() => {
1276                this.open = false;
1277            }, 50);
1278        },
1279                
1280            positionDropdown: function() {
1281                const rect = this.$el.getBoundingClientRect();
1282                const dropdown = this.$refs.dropdown;
1283                if (!dropdown) return;
1284
1285                dropdown.style.left = '';
1286                dropdown.style.right = '';
1287
1288                const rightSpace = window.innerWidth - rect.left;
1289                const leftSpace = rect.right;
1290
1291                if (rightSpace >= 300) {
1292                    dropdown.style.left = '0';
1293                } else if (leftSpace >= 300) {
1294                    dropdown.style.right = '0';
1295                } else {
1296                    dropdown.style.left = '0';
1297                }
1298            },
1299            positionBridge: function() {
1300                const menuItem = this.$el.querySelector('.menu-item-top-container, .menu-item-top-placeholder-btn');
1301                const dropdown = this.$refs.dropdown;
1302                const bridge = this.$refs.bridge;
1303                
1304                if (!menuItem || !dropdown || !bridge) return;
1305                
1306                const menuRect = menuItem.getBoundingClientRect();
1307                const dropdownRect = dropdown.getBoundingClientRect();
1308                const parentRect = this.$el.getBoundingClientRect();
1309                
1310                // Calculate the gap between menu item bottom and dropdown top
1311                const gap = dropdownRect.top - menuRect.bottom;
1312                
1313                if (gap > 0) {
1314                    bridge.style.position = 'absolute';
1315                    bridge.style.top = (menuRect.bottom - parentRect.top) + 'px';
1316                    bridge.style.left = '0';
1317                    bridge.style.width = '100%';
1318                    // Add a few extra pixels to overlap with the dropdown
1319                    bridge.style.height = (gap + 10) + 'px';
1320                    bridge.style.zIndex = '40';
1321                }
1322            },
1323
1324            }"
1325          @mouseenter="openMenu()" @mouseleave="closeMenu()" @focusin="openMenu()" @focusout="if (! $el.contains($event.relatedTarget)) closeMenu()"          @keydown.escape="closeMenu()"
1326         @click.away="closeMenu()"
1327          
1328         x-init="$watch('open', value => { if (value) { setTimeout(function(){ positionBridge(); positionDropdown(); }, 10); } })"
1329                           class="menu-dropdown-parent">
1330
1331        
1332                                    
1333                <div class="menu-item-top-container">
1334                    <a href="/who-we-serve"
1335                                                                     class="menu-item-top-link"
1336                       :class="{ 'text-primary' : open }">
1337                        Who We Serve
1338                    </a>
1339                    <button type="button"
1340                            @click.prevent="open = !open"
1341                            :aria-expanded="open.toString()"
1342                            class="menu-item-top-btn">
1343                        <span class="sr-only">Toggle Who We Serve dropdown</span>
1344                        <svg :class="{ 'rotate-180': open }"
1345                             class="menu-chevron-icon" xmlns="http://www.w3.org/2000/svg"
1346                             aria-hidden="true"
1347                             width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1348                             stroke-linejoin="round">
1349                            <path d="m6 9 6 6 6-6"/>
1350                        </svg>
1351                    </button>
1352                </div>
1353                    
1354        
1355                    <div x-show="open"
1356                 x-ref="bridge"
1357                 class="menu-hover-bridge"
1358                 x-cloak></div>
1359        
1360        
1361        <div x-show="open"
1362              x-ref="dropdown"              x-transition:enter="transition ease-out duration-200"
1363             x-transition:enter-start="opacity-0 scale-95"
1364             x-transition:enter-end="opacity-100 scale-100"
1365             x-transition:leave="transition ease-in duration-150"
1366             x-transition:leave-start="opacity-100 scale-100"
1367             x-transition:leave-end="opacity-0 scale-95"
1368                          class=" menu-dropdown-desktop "
1369             style="display: none;">
1370
1371                            <a class="menu-nested-link "
1372           href="/areas-we-serve"
1373                      >
1374            Areas We Serve
1375        </a>
1376                                <a class="menu-nested-link "
1377           href="/who-we-serve/retailers"
1378                      >
1379            Retailers
1380        </a>
1381                                <a class="menu-nested-link "
1382           href="/who-we-serve/restaurants"
1383                      >
1384            Restaurants
1385        </a>
1386                        </div>
1387    </div>
1388                                            <div class="menu-simple-link-container">
1389            <a class="menu-simple-link hover:md:text-primary"
1390               href="/order-gift-cards"
1391                                              >
1392                Order Gift Cards
1393            </a>
1394        </div>
1395                                                <div x-data="{
1396        open: false,
1397        closeTimeout: null,
1398        openMenu() {
1399            clearTimeout(this.closeTimeout);
1400            this.open = true;
1401        },
1402        closeMenu() {
1403            this.closeTimeout = setTimeout(() => {
1404                this.open = false;
1405            }, 50);
1406        },
1407                
1408            positionDropdown: function() {
1409                const rect = this.$el.getBoundingClientRect();
1410                const dropdown = this.$refs.dropdown;
1411                if (!dropdown) return;
1412
1413                dropdown.style.left = '';
1414                dropdown.style.right = '';
1415
1416                const rightSpace = window.innerWidth - rect.left;
1417                const leftSpace = rect.right;
1418
1419                if (rightSpace >= 300) {
1420                    dropdown.style.left = '0';
1421                } else if (leftSpace >= 300) {
1422                    dropdown.style.right = '0';
1423                } else {
1424                    dropdown.style.left = '0';
1425                }
1426            },
1427            positionBridge: function() {
1428                const menuItem = this.$el.querySelector('.menu-item-top-container, .menu-item-top-placeholder-btn');
1429                const dropdown = this.$refs.dropdown;
1430                const bridge = this.$refs.bridge;
1431                
1432                if (!menuItem || !dropdown || !bridge) return;
1433                
1434                const menuRect = menuItem.getBoundingClientRect();
1435                const dropdownRect = dropdown.getBoundingClientRect();
1436                const parentRect = this.$el.getBoundingClientRect();
1437                
1438                // Calculate the gap between menu item bottom and dropdown top
1439                const gap = dropdownRect.top - menuRect.bottom;
1440                
1441                if (gap > 0) {
1442                    bridge.style.position = 'absolute';
1443                    bridge.style.top = (menuRect.bottom - parentRect.top) + 'px';
1444                    bridge.style.left = '0';
1445                    bridge.style.width = '100%';
1446                    // Add a few extra pixels to overlap with the dropdown
1447                    bridge.style.height = (gap + 10) + 'px';
1448                    bridge.style.zIndex = '40';
1449                }
1450            },
1451
1452            }"
1453          @mouseenter="openMenu()" @mouseleave="closeMenu()" @focusin="openMenu()" @focusout="if (! $el.contains($event.relatedTarget)) closeMenu()"          @keydown.escape="closeMenu()"
1454         @click.away="closeMenu()"
1455          
1456         x-init="$watch('open', value => { if (value) { setTimeout(function(){ positionBridge(); positionDropdown(); }, 10); } })"
1457                           class="menu-dropdown-parent">
1458
1459        
1460                                    
1461                <div class="menu-item-top-container">
1462                    <a href="/about"
1463                                                                     class="menu-item-top-link"
1464                       :class="{ 'text-primary' : open }">
1465                        About Us
1466                    </a>
1467                    <button type="button"
1468                            @click.prevent="open = !open"
1469                            :aria-expanded="open.toString()"
1470                            class="menu-item-top-btn">
1471                        <span class="sr-only">Toggle About Us dropdown</span>
1472                        <svg :class="{ 'rotate-180': open }"
1473                             class="menu-chevron-icon" xmlns="http://www.w3.org/2000/svg"
1474                             aria-hidden="true"
1475                             width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1476                             stroke-linejoin="round">
1477                            <path d="m6 9 6 6 6-6"/>
1478                        </svg>
1479                    </button>
1480                </div>
1481                    
1482        
1483                    <div x-show="open"
1484                 x-ref="bridge"
1485                 class="menu-hover-bridge"
1486                 x-cloak></div>
1487        
1488        
1489        <div x-show="open"
1490              x-ref="dropdown"              x-transition:enter="transition ease-out duration-200"
1491             x-transition:enter-start="opacity-0 scale-95"
1492             x-transition:enter-end="opacity-100 scale-100"
1493             x-transition:leave="transition ease-in duration-150"
1494             x-transition:leave-start="opacity-100 scale-100"
1495             x-transition:leave-end="opacity-0 scale-95"
1496                          class=" menu-dropdown-desktop "
1497             style="display: none;">
1498
1499                            <a class="menu-nested-link "
1500           href="/partners"
1501                      >
1502            Partners
1503        </a>
1504                                <a class="menu-nested-link "
1505           href="/referrals"
1506                      >
1507            Referrals
1508        </a>
1509                                <a class="menu-nested-link "
1510           href="/blog"
1511                      >
1512            Blog
1513        </a>
1514                                <a class="menu-nested-link "
1515           href="/faqs"
1516                      >
1517            Frequently Asked Questions
1518        </a>
1519                        </div>
1520    </div>
1521                                            <div class="menu-simple-link-container">
1522            <a class="menu-simple-link hover:md:text-primary"
1523               href="/contact"
1524                                              >
1525                Contact
1526            </a>
1527        </div>
1528                                        </div>
1529            </div>
1530
1531            <!-- Mobile Full Screen Menu -->
1532            <div x-cloak x-show="mobileMenuOpen" x-transition:enter="transition ease-out duration-300"
1533                 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
1534                 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100"
1535                 x-transition:leave-end="opacity-0" class="mobile-overlay">
1536
1537                <!-- Mobile Menu Header -->
1538                <div class="mobile-header">
1539                    <h2 class="mobile-title">Menu</h2>
1540                    <button @click="mobileMenuOpen = false" class="mobile-close-btn">
1541                        <span class="sr-only">Close menu</span>
1542                        <svg class="mobile-close-icon" xmlns="http://www.w3.org/2000/svg"
1543                             aria-hidden="true"
1544                             fill="none" viewBox="0 0 24 24" stroke="currentColor">
1545                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1546                                  d="M6 18L18 6M6 6l12 12"/>
1547                        </svg>
1548                    </button>
1549                </div>
1550
1551                <div class="mobile-content">
1552                    <ul class="menu-tree-list"
1553        x-data="{
1554                 openItems: {},
1555                 toggleItem(key) {
1556                     this.openItems[key] = !this.openItems[key];
1557                 }
1558             }"
1559    >
1560                    <li class="menu-tree-item">
1561            <div>
1562            
1563                            <div class="menu-tree-level1-btn menu-tree-row">
1564                    <a href="/services"
1565                                              class="menu-tree-parent-link menu-tree-level1-title">
1566                        Services
1567                    </a>
1568                    <button type="button"
1569                            @click="toggleItem('item-297')"
1570                            :aria-expanded="openItems['item-297'] ? 'true' : 'false'"
1571                            class="menu-tree-toggle-btn menu-tree-toggle-btn-flush">
1572                        <span class="sr-only">Toggle Services submenu</span>
1573                        <svg xmlns="http://www.w3.org/2000/svg"
1574                            class="menu-tree-level1-icon"
1575                            :class="{ 'rotate-90': openItems['item-297'] }"
1576                            aria-hidden="true"
1577                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
1578                            <path stroke-width="2" stroke-linecap="round"  stroke-linejoin="round"  d="M9 5l7 7-7 7"/>
1579                        </svg>
1580                    </button>
1581                </div>
1582            
1583            
1584            <div x-cloak
1585                 x-show="openItems['item-297']"
1586                                      x-transition:enter="transition-all ease-out duration-200"
1587                     x-transition:enter-start="transform scale-y-0 origin-top"
1588                     x-transition:enter-end="transform scale-y-100 origin-top"
1589                     x-transition:leave="transition-all ease-in duration-150"
1590                     x-transition:leave-start="transform scale-y-100 origin-top"
1591                     x-transition:leave-end="transform scale-y-0 origin-top"
1592                                  class="menu-tree-level1-submenu">
1593                <ul class="menu-tree-level1-list">
1594                                            <li>
1595            
1596        <a href="/services/support"
1597                      class="menu-tree-link-level2">
1598            Support
1599        </a>
1600    </li>
1601                                            <li>
1602            
1603        <a href="/services/payment-processing"
1604                      class="menu-tree-link-level2">
1605            Payment Processing
1606        </a>
1607    </li>
1608                                            <li>
1609            
1610        <a href="/services/gift-cards"
1611                      class="menu-tree-link-level2">
1612            Gift Cards
1613        </a>
1614    </li>
1615                                            <li>
1616            
1617        <a href="/services/consulting"
1618                      class="menu-tree-link-level2">
1619            Consulting
1620        </a>
1621    </li>
1622                                            <li>
1623            
1624        <a href="/services/training"
1625                      class="menu-tree-link-level2">
1626            Training
1627        </a>
1628    </li>
1629                                            <li>
1630            
1631        <a href="/services/security"
1632                      class="menu-tree-link-level2">
1633            Security
1634        </a>
1635    </li>
1636                                            <li>
1637            <div>
1638            
1639                            <div class="menu-tree-level2-btn menu-tree-row">
1640                    <a href="/services/av-solutions"
1641                                              class="menu-tree-parent-link menu-tree-level2-title">
1642                        AV Solutions
1643                    </a>
1644                    <button type="button"
1645                            @click="toggleItem('item-304')"
1646                            :aria-expanded="openItems['item-304'] ? 'true' : 'false'"
1647                            class="menu-tree-toggle-btn menu-tree-toggle-btn-flush">
1648                        <span class="sr-only">Toggle AV Solutions submenu</span>
1649                        <svg xmlns="http://www.w3.org/2000/svg"
1650                            class="menu-tree-level2-icon"
1651                            :class="{ 'rotate-90': openItems['item-304'] }"
1652                            aria-hidden="true"
1653                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
1654                            <path stroke-width="2" stroke-linecap="round"  stroke-linejoin="round"  d="M9 5l7 7-7 7"/>
1655                        </svg>
1656                    </button>
1657                </div>
1658            
1659            
1660            <div x-cloak
1661                 x-show="openItems['item-304']"
1662                                      x-transition:enter="transition-all ease-out duration-200"
1663                     x-transition:enter-start="transform scale-y-0 origin-top"
1664                     x-transition:enter-end="transform scale-y-100 origin-top"
1665                     x-transition:leave="transition-all ease-in duration-150"
1666                     x-transition:leave-start="transform scale-y-100 origin-top"
1667                     x-transition:leave-end="transform scale-y-0 origin-top"
1668                                  class="menu-tree-level2-submenu">
1669                <ul class="menu-tree-level2-list">
1670                                            <li>
1671            
1672        <a href="/services/gameview"
1673                      class="menu-tree-link-level3">
1674            Gameview Live TV
1675        </a>
1676    </li>
1677                                    </ul>
1678            </div>
1679        </div>
1680    </li>
1681                                            <li>
1682            
1683        <a href="/services/ai-restaurant-marketing-toolkit"
1684                      class="menu-tree-link-level2">
1685            AI Restaurant Marketing Toolkit
1686        </a>
1687    </li>
1688                                            <li>
1689            
1690        <a href="/services/digital-signage"
1691                      class="menu-tree-link-level2">
1692            Digital Signage
1693        </a>
1694    </li>
1695                                    </ul>
1696            </div>
1697        </div>
1698    </li>
1699                    <li class="menu-tree-item">
1700            <div>
1701            
1702                            <div class="menu-tree-level1-btn menu-tree-row">
1703                    <a href="/pos-products"
1704                                              class="menu-tree-parent-link menu-tree-level1-title">
1705                        POS Products
1706                    </a>
1707                    <button type="button"
1708                            @click="toggleItem('item-308')"
1709                            :aria-expanded="openItems['item-308'] ? 'true' : 'false'"
1710                            class="menu-tree-toggle-btn menu-tree-toggle-btn-flush">
1711                        <span class="sr-only">Toggle POS Products submenu</span>
1712                        <svg xmlns="http://www.w3.org/2000/svg"
1713                            class="menu-tree-level1-icon"
1714                            :class="{ 'rotate-90': openItems['item-308'] }"
1715                            aria-hidden="true"
1716                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
1717                            <path stroke-width="2" stroke-linecap="round"  stroke-linejoin="round"  d="M9 5l7 7-7 7"/>
1718                        </svg>
1719                    </button>
1720                </div>
1721            
1722            
1723            <div x-cloak
1724                 x-show="openItems['item-308']"
1725                                      x-transition:enter="transition-all ease-out duration-200"
1726                     x-transition:enter-start="transform scale-y-0 origin-top"
1727                     x-transition:enter-end="transform scale-y-100 origin-top"
1728                     x-transition:leave="transition-all ease-in duration-150"
1729                     x-transition:leave-start="transform scale-y-100 origin-top"
1730                     x-transition:leave-end="transform scale-y-0 origin-top"
1731                                  class="menu-tree-level1-submenu">
1732                <ul class="menu-tree-level1-list">
1733                                            <li>
1734            
1735        <a href="/pos-products/pixelpoint"
1736                      class="menu-tree-link-level2">
1737            PixelPoint
1738        </a>
1739    </li>
1740                                            <li>
1741            
1742        <a href="/pos-products/retail-management-hero"
1743                      class="menu-tree-link-level2">
1744            Retail Management Hero
1745        </a>
1746    </li>
1747                                            <li>
1748            
1749        <a href="/pos-products/shift4-skytab"
1750                      class="menu-tree-link-level2">
1751            Shift4 SkyTab
1752        </a>
1753    </li>
1754                                            <li>
1755            
1756        <a href="/pos-products/spoton"
1757                      class="menu-tree-link-level2">
1758            SpotOn
1759        </a>
1760    </li>
1761                                            <li>
1762            
1763        <a href="/pos-products/platr"
1764                      class="menu-tree-link-level2">
1765            Platr
1766        </a>
1767    </li>
1768                                            <li>
1769            
1770        <a href="/pos-products/ordercounter"
1771                      class="menu-tree-link-level2">
1772            OrderCounter
1773        </a>
1774    </li>
1775                                            <li>
1776            
1777        <a href="/pos-products/kitchen-armor"
1778                      class="menu-tree-link-level2">
1779            Kitchen Armor Display System
1780        </a>
1781    </li>
1782                                    </ul>
1783            </div>
1784        </div>
1785    </li>
1786                    <li class="menu-tree-item">
1787            <div>
1788            
1789                            <button type="button"
1790                        @click="toggleItem('item-316')"
1791                        :aria-expanded="openItems['item-316'] ? 'true' : 'false'"
1792                        class="menu-tree-level1-btn">
1793                    <span class="menu-tree-level1-title">Robots</span>
1794                    <svg xmlns="http://www.w3.org/2000/svg"
1795                        class="menu-tree-level1-icon"
1796                        :class="{ 'rotate-90': openItems['item-316'] }"
1797                        aria-hidden="true"
1798                        fill="none" viewBox="0 0 24 24" stroke="currentColor">
1799                        <path stroke-width="2" stroke-linecap="round"  stroke-linejoin="round"  d="M9 5l7 7-7 7"/>
1800                    </svg>
1801                </button>
1802            
1803            
1804            <div x-cloak
1805                 x-show="openItems['item-316']"
1806                                      x-transition:enter="transition-all ease-out duration-200"
1807                     x-transition:enter-start="transform scale-y-0 origin-top"
1808                     x-transition:enter-end="transform scale-y-100 origin-top"
1809                     x-transition:leave="transition-all ease-in duration-150"
1810                     x-transition:leave-start="transform scale-y-100 origin-top"
1811                     x-transition:leave-end="transform scale-y-0 origin-top"
1812                                  class="menu-tree-level1-submenu">
1813                <ul class="menu-tree-level1-list">
1814                                            <li>
1815            
1816        <a href="/services/somatic-robotics"
1817                      class="menu-tree-link-level2">
1818            Somatic Robots
1819        </a>
1820    </li>
1821                                            <li>
1822            
1823        <a href="/services/bear-robotics"
1824                      class="menu-tree-link-level2">
1825            Bear Robotics
1826        </a>
1827    </li>
1828                                    </ul>
1829            </div>
1830        </div>
1831    </li>
1832                    <li class="menu-tree-item">
1833            <div>
1834            
1835                            <div class="menu-tree-level1-btn menu-tree-row">
1836                    <a href="/who-we-serve"
1837                                              class="menu-tree-parent-link menu-tree-level1-title">
1838                        Who We Serve
1839                    </a>
1840                    <button type="button"
1841                            @click="toggleItem('item-319')"
1842                            :aria-expanded="openItems['item-319'] ? 'true' : 'false'"
1843                            class="menu-tree-toggle-btn menu-tree-toggle-btn-flush">
1844                        <span class="sr-only">Toggle Who We Serve submenu</span>
1845                        <svg xmlns="http://www.w3.org/2000/svg"
1846                            class="menu-tree-level1-icon"
1847                            :class="{ 'rotate-90': openItems['item-319'] }"
1848                            aria-hidden="true"
1849                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
1850                            <path stroke-width="2" stroke-linecap="round"  stroke-linejoin="round"  d="M9 5l7 7-7 7"/>
1851                        </svg>
1852                    </button>
1853                </div>
1854            
1855            
1856            <div x-cloak
1857                 x-show="openItems['item-319']"
1858                                      x-transition:enter="transition-all ease-out duration-200"
1859                     x-transition:enter-start="transform scale-y-0 origin-top"
1860                     x-transition:enter-end="transform scale-y-100 origin-top"
1861                     x-transition:leave="transition-all ease-in duration-150"
1862                     x-transition:leave-start="transform scale-y-100 origin-top"
1863                     x-transition:leave-end="transform scale-y-0 origin-top"
1864                                  class="menu-tree-level1-submenu">
1865                <ul class="menu-tree-level1-list">
1866                                            <li>
1867            
1868        <a href="/areas-we-serve"
1869                      class="menu-tree-link-level2">
1870            Areas We Serve
1871        </a>
1872    </li>
1873                                            <li>
1874            
1875        <a href="/who-we-serve/retailers"
1876                      class="menu-tree-link-level2">
1877            Retailers
1878        </a>
1879    </li>
1880                                            <li>
1881            
1882        <a href="/who-we-serve/restaurants"
1883                      class="menu-tree-link-level2">
1884            Restaurants
1885        </a>
1886    </li>
1887                                    </ul>
1888            </div>
1889        </div>
1890    </li>
1891                    <li class="menu-tree-item">
1892            
1893        <a href="/order-gift-cards"
1894                      class="menu-tree-link-level1">
1895            Order Gift Cards
1896        </a>
1897    </li>
1898                    <li class="menu-tree-item">
1899            <div>
1900            
1901                            <div class="menu-tree-level1-btn menu-tree-row">
1902                    <a href="/about"
1903                                              class="menu-tree-parent-link menu-tree-level1-title">
1904                        About Us
1905                    </a>
1906                    <button type="button"
1907                            @click="toggleItem('item-324')"
1908                            :aria-expanded="openItems['item-324'] ? 'true' : 'false'"
1909                            class="menu-tree-toggle-btn menu-tree-toggle-btn-flush">
1910                        <span class="sr-only">Toggle About Us submenu</span>
1911                        <svg xmlns="http://www.w3.org/2000/svg"
1912                            class="menu-tree-level1-icon"
1913                            :class="{ 'rotate-90': openItems['item-324'] }"
1914                            aria-hidden="true"
1915                            fill="none" viewBox="0 0 24 24" stroke="currentColor">
1916                            <path stroke-width="2" stroke-linecap="round"  stroke-linejoin="round"  d="M9 5l7 7-7 7"/>
1917                        </svg>
1918                    </button>
1919                </div>
1920            
1921            
1922            <div x-cloak
1923                 x-show="openItems['item-324']"
1924                                      x-transition:enter="transition-all ease-out duration-200"
1925                     x-transition:enter-start="transform scale-y-0 origin-top"
1926                     x-transition:enter-end="transform scale-y-100 origin-top"
1927                     x-transition:leave="transition-all ease-in duration-150"
1928                     x-transition:leave-start="transform scale-y-100 origin-top"
1929                     x-transition:leave-end="transform scale-y-0 origin-top"
1930                                  class="menu-tree-level1-submenu">
1931                <ul class="menu-tree-level1-list">
1932                                            <li>
1933            
1934        <a href="/partners"
1935                      class="menu-tree-link-level2">
1936            Partners
1937        </a>
1938    </li>
1939                                            <li>
1940            
1941        <a href="/referrals"
1942                      class="menu-tree-link-level2">
1943            Referrals
1944        </a>
1945    </li>
1946                                            <li>
1947            
1948        <a href="/blog"
1949                      class="menu-tree-link-level2">
1950            Blog
1951        </a>
1952    </li>
1953                                            <li>
1954            
1955        <a href="/faqs"
1956                      class="menu-tree-link-level2">
1957            Frequently Asked Questions
1958        </a>
1959    </li>
1960                                    </ul>
1961            </div>
1962        </div>
1963    </li>
1964                    <li class="menu-tree-item">
1965            
1966        <a href="/contact"
1967                      class="menu-tree-link-level1">
1968            Contact
1969        </a>
1970    </li>
1971            </ul>
1972                </div>
1973            </div>
1974        </nav>
1975    </div>
1976</header>
1977</span></div>
1978</div>
1979</header></div><style>.header-wrapper { z-index:1000; position:fixed; width:100%; top:0; left:0; right:0; } .header { background:#000; } .main-navigation { padding:0; }</style>
1980                </div>
1981            </div>
1982
1983            
1984
1985            <div class="px-4 mx-auto max-w-7xl">
1986                <div class="w-full">
1987                    
1988                    
1989                </div>
1990            </div>
1991
1992            <div class="content-wrapper">
1993                <div class="w-full">
1994                    
1995<section class="relative md:py-[120px] xl:py-40 2xl:py-[250px] md:bg-[url('https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/splash.jpg')] md:bg-center md:bg-no-repeat md:bg-cover"><img alt="three professionals surrounding a tablet" class="block md:hidden max-w-full h-auto mx-auto w-full" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/splash.jpg" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/splash.jpg 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/splash.jpg 400w, https://cdn.cmsmax.cloud/production/width=600,qual
1995ity=70,format=webp/uvdknsgvspsw4vizauwku/splash.jpg 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/splash.jpg 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/splash.jpg 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/splash.jpg 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/splash.jpg 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/splash.jpg 1920w" sizes="100vw">
1996<div class="w-full px-4">
1997<div class="flex flex-wrap items-center -mx-4">
1998<div class="hidden md:block w-full md:w-1/2 px-4">&nbsp;</div>
1999<div class="w-full md:w-5/12 md:ml-auto px-4">
2000<div class="mt-7 md:mt-0 max-w-[450px] md:max-w-[600px] mx-auto">
2001<h1 class="m-0 leading-none font-bold text-center text-[40px] md:text-white md:text-[50px] lg:text-[60px]">Choosing Your POS Should Be Simple</h1>
2002<p class="mt-5 text-[18px] tracking-[3px] leading-[1.4] uppercase text-center md:text-white">National reach, Local Touch</p>
2003<div class="mt-6 sm:mt-8 text-center"><a class="btn btn-primary btn-lg" href="/consultation" role="button">Schedule a Consultation</a></div>
2004</div>
2005</div>
2006</div>
2007</div>
2008</section>
2009<section class="py-[50px] md:py-[70px] lg:pt-[100px]">
2010<div class="max-w-7xl mx-auto px-4">
2011<div class="flex flex-wrap items-center -mx-4">
2012<div class="w-full md:w-7/12 order-2 md:order-1 px-4">
2013<div class="text-center md:text-left">
2014<h1 class="m-0 text-[40px] md:text-[50px] lg:text-[60px] leading-none text-[#1b1c1c] font-bold">Let Us Create the<span class="text-[#132575] inline-block"> Perfect Solution for You</span></h1>
2015<p class="mt-5 text-[20px] md:text-[22px] leading-[1.4] text-[#1b1c1c]">Simple POS Solutions, alongside our sister company Pure Technology, has been delivering cost-effective and dependable Point-of-Sale, Audio/Visual, and technology services to independent restaurants, retailers, and regional chains for over 25 years.</p>
2016</div>
2017</div>
2018<div class="hidden md:block w-full md:w-5/12 order-1 md:order-2 px-4">
2019<div class="relative overflow-hidden text-center mb-4 md:mb-0"><img alt="logomark" class="max-w-full lg:ms-auto lg:max-w-90 h-auto" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/logomark.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/logomark.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/logomark.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/logomark.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/logomark.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/logomark.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/logomark.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/logomark.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/logomark.png 1920w" sizes="100vw"></div>
2020</div>
2021</div>
2022</div>
2023</section>
2024<section class="lg:pt-[50px] pb-[50px] md:pb-[100px]">
2025<div class="w-full px-4">
2026<div class="flex flex-wrap items-center -mx-4">
2027<div class="w-full lg:w-1/2 p-0">
2028<div class="relative overflow-hidden"><img alt="elevate-your-business" class="max-w-full h-auto w-full" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/elevate.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/elevate.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/elevate.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/elevate.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/elevate.png 800w, https://cdn.cmsmax.cloud/production/width=1000,qual
2028ity=70,format=webp/uvdknsgvspsw4vizauwku/elevate.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/elevate.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/elevate.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/elevate.png 1920w" sizes="100vw"></div>
2029</div>
2030<div class="w-full lg:w-1/2 px-4">
2031<div class="mt-4 max-w-full lg:max-w-[660px] mx-auto lg:mb-[-75px]">
2032<h1 class="m-0 text-[40px] md:text-[50px] lg:text-[60px] xl:text-7xl leading-none text-[#1b1c1c] font-bold"><span class="text-[#132575]">Elevate your business</span> with a reliable partner.</h1>
2033<p class="mt-[30px] text-base tracking-[1px] leading-[1.4] text-[#1b1c1c]"><strong>Industries across the country have witnessed significant transformations in their operations in recent years.</strong></p>
2034<p class="mt-[30px] text-base tracking-[1px] leading-[1.4] text-[#1b1c1c]">Regardless of whether you're in hospital
2034ity, retail, or service-oriented sectors, adapting to changing customer expectations in both physical and digital realms is crucial. Simple POS Solutions offers all the tools you need to find the solution that meets the evolving needs of your business, backed by our committed 24/7 live support team.</p>
2035<div class="flex gap-5 flex-wrap mt-7"><a class="btn btn-primary btn-lg" href="/services" role="button">Learn More About Our Services</a> <a class="btn btn-primary btn-lg" href="/consultation" role="button">schedule consultation</a></div>
2036</div>
2037</div>
2038</div>
2039</div>
2040</section>
2041<section class="py-[50px] md:py-[70px] lg:py-[100px] bg-[#592c5f]">
2042<div class="max-w-7xl mx-auto px-4">
2043<div class="max-w-[900px] mx-auto">
2044<h1 class="m-0 text-[40px] md:text-[50px] lg:text-[60px] xl:text-7xl leading-none text-[#81be41] font-bold text-center">INDUSTRIES WE SERVE</h1>
2045<p class="mt-5 text-[22px] tracking-[1px] leading-[1.4] text-white text-center max-w-[800px] mx-auto">Simple POS Solutions offers a comprehensive range of services including POS systems, payment solutions, digital signage, music, TV, CCTV security, network, and WiFi, tailored for enhancing customer experience and boosting repeat business.</p>
2046</div>
2047<div class="flex flex-wrap -mx-4">
2048<div class="w-1/2 md:w-1/4 px-4">
2049<div class="mt-[30px] text-center"><img alt="Food &amp; Beverage" class="max-w-35 h-auto mx-auto" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-food-and-beverage.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-food-and-beverage.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-food-and-beverage.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-food-and-beverage.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-food-and-beverage.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-food-and-beverage.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-food-and-beverage.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-food-and-beverage.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-food-and-beverage.png 1920w" sizes="100vw">
2050<h2 class="m-0 text-[22px] leading-none text-white font-bold text-center">Food &amp; Beverage</h2>
2051</div>
2052</div>
2053<div class="w-1/2 md:w-1/4 px-4">
2054<div class="mt-[30px] text-center"><img alt="Hospitality" class="max-w-35 h-auto mx-auto" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-hospitality.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-hospitality.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-hospitality.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-hospitality.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-hospitality.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-hospitality.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-hospitality.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-hospitality.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-hospitality.png 1920w" sizes="100vw">
2055<h2 class="m-0 text-[22px] leading-none text-white font-bold text-center">Hospitality</h2>
2056</div>
2057</div>
2058<div class="w-1/2 md:w-1/4 px-4">
2059<div class="mt-[30px] text-center"><img alt="Retail" class="max-w-35 h-auto mx-auto" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-retail.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-retail.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-retail.png 400w, https://cdn.cmsmax.cloud/production/width=600,qual
2059ity=70,format=webp/uvdknsgvspsw4vizauwku/icon-retail.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-retail.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-retail.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-retail.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-retail.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-retail.png 1920w" sizes="100vw">
2060<h2 class="m-0 text-[22px] leading-none text-white font-bold text-center">Retail</h2>
2061</div>
2062</div>
2063<div class="w-1/2 md:w-1/4 px-4">
2064<div class="mt-[30px] text-center"><img alt="Specialty" class="max-w-35 h-auto mx-auto" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-specialty.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-specialty.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-specialty.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-specialty.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-specialty.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-specialty.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-specialty.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-specialty.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-specialty.png 1920w" sizes="100vw">
2065<h2 class="m-0 text-[22px] leading-none text-white font-bold text-center">Specialty</h2>
2066</div>
2067</div>
2068</div>
2069</div>
2070</section>
2071<section class="py-[50px] md:py-20 lg:py-[150px] 2xl:py-[250px] bg-[url('https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/we-cater-to-all-business-types.jpg')] bg-center bg-no-repeat bg-cover">
2072<div class="max-w-7xl mx-auto px-4">
2073<div class="max-w-full md:max-w-[500px] mx-auto text-center">
2074<h1 class="m-0 text-[40px] md:text-[50px] lg:text-[60px] leading-none text-white font-bold text-center [filter:drop-shadow(-0.866px_0.5px_4px_rgba(0,0,0,0.6))]">We cater to all business types</h1>
2075<p class="mt-5 text-[18px] leading-[1.4] text-white text-center [filter:drop-shadow(-0.866px_0.5px_4px_rgba(0,0,0,0.6))]">from the smallest boutique to national chains.</p>
2076<div class="mt-8"><a class="btn btn-primary btn-lg" href="/consultation" role="button">Schedule a Consultation</a></div>
2077</div>
2078</div>
2079</section>
2080<section class="pt-[50px] pb-[50px] md:pb-[100px]">
2081<div class="w-full px-4">
2082<div class="flex flex-wrap items-center -mx-4">
2083<div class="w-full lg:w-1/2 p-0">
2084<div class="relative overflow-hidden"><img alt="elevate-your-business" class="max-w-full h-auto w-full" sizes="100vw" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/food-service-robot.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/food-service-robot.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/food-service-robot.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/food-service-robot.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/food-service-robot.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/food-service-robot.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/food-service-robot.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/food-service-robot.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/food-service-robot.png 1920w"></div>
2085</div>
2086<div class="w-full lg:w-1/2 px-4">
2087<div class="mt-4 max-w-full lg:max-w-[660px] mx-auto">
2088<h1 class="mt-0 text-[40px] md:text-[50px] lg:text-[60px] xl:text-[75px] leading-none text-[#1b1c1c] font-bold"><span class="text-[#132575]">We help your business succeed</span> through technology.</h1>
2089<p class="mt-[30px] text-base tracking-[1px] leading-[1.4] text-[#1b1c1c] max-w-[620px]"><strong>Industries across the country have witnessed significant transformations in their operations in recent years.</strong></p>
2090<p class="mt-[30px] text-base tracking-[1px] leading-[1.4] text-[#1b1c1c] max-w-[620px]">Simple POS Solutions leverages cutting-edge technology to drive business success. By integrating these advanced tools, businesses can enhance operational efficiency, improve customer engagement, and ensure a secure environment. These technologies not only streamline processes but also create memorable customer experiences, setting your business apart in a competitive market.</p>
2091<div class="flex gap-5 flex-wrap mt-8"><a class="btn btn-primary btn-lg" href="/services">Learn More About Our Services</a></div>
2092</div>
2093</div>
2094</div>
2095</div>
2096</section>
2097<section class="py-[50px] md:py-20 lg:py-[100px] xl:py-[120px] bg-[url('https://media.cmsmax.cloud/uvdknsgvspsw4vizauwku/moniteyes.jpg')] bg-center bg-no-repeat bg-cover">
2098<div class="max-w-7xl mx-auto px-4">
2099<div class="flex flex-wrap -mx-4">
2100<div class="w-full md:w-1/2 px-4">
2101<div>
2102<h1 class="m-0 text-[40px] md:text-[50px] lg:text-[60px] leading-none text-[#81be41] font-bold [filter:drop-shadow(-0.866px_0.5px_4px_rgba(0,0,0,0.6))]">MonitEyes™ <span class="text-white block">Digital Signage</span></h1>
2103<p class="mt-5 text-[22px] tracking-[1px] leading-[1.2] text-white font-bold [filter:drop-shadow(-0.866px_0.5px_4px_rgba(0,0,0,0.6))]">Exclusively From Simple POS</p>
2104<ul class="mt-[30px] list-disc pl-5 marker:text-[#81be41] m-0">
2105<li class="text-[20px] text-white [filter:drop-shadow(-0.866px_0.5px_4px_rgba(0,0,0,0.6))]">Display Your Specials</li>
2106<li class="text-[20px] text-white [filter:drop-shadow(-0.866px_0.5px_4px_rgba(0,0,0,0.6))]">Earn Passive Income</li>
2107<li class="text-[20px] text-white [filter:drop-shadow(-0.866px_0.5px_4px_rgba(0,0,0,0.6))]">Wow Your Customers</li>
2108</ul>
2109<div class="mt-[50px]"><a class="btn btn-primary btn-lg" href="/services/digital-signage" role="button">Learn More About MonitEyes™</a></div>
2110</div>
2111</div>
2112</div>
2113</div>
2114</section>
2115<section class="py-[50px] md:py-[70px] lg:py-[100px]">
2116<div class="max-w-7xl mx-auto px-4">
2117<div class="flex flex-wrap items-center -mx-4">
2118<div class="w-full lg:w-1/2 order-2 lg:order-1 px-4">
2119<div class="mt-3 lg:mt-0 max-w-full lg:max-w-[470px]"><img alt="arrow" class="mb-5" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-green.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-green.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-green.png 400w, https://cdn.cmsmax.cloud/production/width=600,qual
2119ity=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-green.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-green.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-green.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-green.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-green.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-green.png 1920w" sizes="100vw">
2120<h1 class="m-0 text-[40px] md:text-[50px] lg:text-[60px] leading-none text-black font-bold">Free Mobile Order/Payment Terminals</h1>
2121<p class="mt-5 text-[21px] tracking-[1px] leading-[1.4] text-black">Enhance your business with a pay-on-the-go solution to streamline your operations and deliver an efficient experience for employees and customers alike.</p>
2122<ul class="mt-[30px] list-disc pl-5 marker:text-[#81be41] m-0">
2123<li class="text-[16px] tracking-[1px] text-[#1b1c1c]">Quicker Table Turnovers</li>
2124<li class="text-[16px] tracking-[1px] text-[#1b1c1c]">Enhanced Customer Experience</li>
2125<li class="text-[16px] tracking-[1px] text-[#1b1c1c]">Perfect for Delivery Drivers/Curbside Pick-ups</li>
2126<li class="text-[16px] tracking-[1px] text-[#1b1c1c]">Works with any POS</li>
2127<li class="text-[16px] tracking-[1px] text-[#1b1c1c]">Build your Marketing Database</li>
2128</ul>
2129</div>
2130</div>
2131<div class="w-full lg:w-1/2 order-1 lg:order-2 px-4"><img alt="equipment" class="max-w-full h-auto" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/equipment-pos.jpg" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/equipment-pos.jpg 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/equipment-pos.jpg 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/equipment-pos.jpg 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/equipment-pos.jpg 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/equipment-pos.jpg 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/equipment-pos.jpg 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/equipment-pos.jpg 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/equipment-pos.jpg 1920w" sizes="100vw"></div>
2132</div>
2133</div>
2134</section>
2135<section class="mb-10 sm:mb-20 lg:mb-30">
2136<div class="py-[30px]">
2137<div class="max-w-7xl mx-auto px-4">
2138<h1 class="text-[40px] md:text-[50px] lg:text-[60px] leading-none text-[#592c5f] font-bold text-center">Switch Now and Save:<br>It’s that SIMPLE</h1>
2139</div>
2140</div>
2141<div class="text-center"><img alt="arrow" class="w-20 mx-auto mb-[-30px] z-[9] relative rounded-full shadow" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-transition.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-transition.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-transition.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-transition.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-transition.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-transition.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-transition.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-transition.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-arrow-transition.png 1920w" sizes="100vw"></div>
2142<div class="relative pt-[70px] pb-7 sm:pb-[60px] md:pt-[70px] lg:pt-[100px] bg-[#592c5f]">
2143<div class="max-w-7xl mx-auto px-4">
2144<div class="flex flex-wrap">
2145<div class="w-full lg:w-3/4 mx-auto">
2146<h1 class="m-0 text-[40px] md:text-[50px] lg:text-[60px] xl:text-[80px] leading-none text-white font-bold text-center">Switch today and <span class="text-[#81be41] inline-block">we’ll pay you up to $5,000!</span></h1>
2147<p class="mt-8 mb-7 text-[20px] md:text-[24px] tracking-[1px] leading-[1.4] text-white font-bold text-center">Experience excellence with Simple POS Solutions, offering a top-tier POS solution equipped with essential features to seamlessly manage your business, spanning from front-of-house to back-of-house and everything in between.</p>
2148<p class="text-sm italic text-white text-center">
2148Offer for new customers only working with an approved merchant services processor. Offer is dependent on total equipment purchase, specific software selection, and overall project scope. Ask your sales representatives for details. Must mention this offer on the initial call.</p>
2149<div class="mt-8 text-center"><a class="btn btn-primary btn-lg" href="/contact">Find your match</a></div>
2150</div>
2151</div>
2152<img alt="object" class="max-w-full h-auto absolute left-0 right-0 top-full w-full" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/purple-part.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/purple-part.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/purple-part.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/purple-part.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/purple-part.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/purple-part.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/purple-part.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/purple-part.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/purple-part.png 1920w" sizes="100vw"> &nbsp;</div>
2153</div>
2154</section>
2155
2156                </div>
2157            </div>
2158
2159            <div class="below-content-wrapper">
2160                <div class="w-full">
2161                    
2162<section class="bg-[#592c5f] py-[40px] md:py-[70px] ">
2163<div class="max-w-7xl mx-auto px-4">
2164<div class="flex flex-wrap flex-col md:flex-row items-center gap-[20px] md:gap-[40px]">
2165<div class="flex-[3] text-center md:text-left">
2166<p class="m-0 text-[18px] md:text-[22px] leading-[1.4] text-white font-normal md:font-bold">Let Simple POS Solutions be your dedicated partner, addressing all the technology requirements for your business and matching you with the perfect solution.</p>
2167</div>
2168<div class="btn btn-primary btn-lg" href="/consultation" rel="nofollow" role="button">Schedule a Consultation</div>
2169</div>
2170</div>
2171</section>
2172
2173                </div>
2174            </div>
2175
2176            <div class="footer-wrapper">
2177                <div class="w-full">
2178                    
2179<div class="custom-html-section"><footer class="py-[40px]">
2180<div class="max-w-7xl mx-auto px-4">
2181<div class="flex flex-wrap">
2182<div class="w-full">
2183<div class="mb-15"><span class="cms-widget"><header x-data="{ mobileMenuOpen: false }"
2184        class="">
2185    <div class="menu-header">
2186        <nav class="nav">
2187            <!-- Desktop Menu -->
2188            <div class="desktop-container">
2189                <div class="desktop-list">
2190                                            <div class="menu-simple-link-container">
2191            <a class="menu-simple-link hover:md:text-primary"
2192               href="/services"
2193                                              aria-current=&quot;page&quot;>
2194                Services
2195            </a>
2196        </div>
2197                                                <div class="menu-simple-link-container">
2198            <a class="menu-simple-link hover:md:text-primary"
2199               href="/pos-products"
2200                                              >
2201                POS Products
2202            </a>
2203        </div>
2204                                                <div class="menu-simple-link-container">
2205            <a class="menu-simple-link hover:md:text-primary"
2206               href="/who-we-serve"
2207                                              >
2208                Who We Serve
2209            </a>
2210        </div>
2211                                                <div class="menu-simple-link-container">
2212            <a class="menu-simple-link hover:md:text-primary"
2213               href="/about"
2214                                              >
2215                About Us
2216            </a>
2217        </div>
2218                                                <div class="menu-simple-link-container">
2219            <a class="menu-simple-link hover:md:text-primary"
2220               href="/blog"
2221                                              >
2222                Blog
2223            </a>
2224        </div>
2225                                                <div class="menu-simple-link-container">
2226            <a class="menu-simple-link hover:md:text-primary"
2227               href="/contact"
2228                                              >
2229                Contact
2230            </a>
2231        </div>
2232                                        </div>
2233            </div>
2234
2235            <!-- Mobile Full Screen Menu -->
2236            <div x-cloak x-show="mobileMenuOpen" x-transition:enter="transition ease-out duration-300"
2237                 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
2238                 x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100"
2239                 x-transition:leave-end="opacity-0" class="mobile-overlay">
2240
2241                <!-- Mobile Menu Header -->
2242                <div class="mobile-header">
2243                    <h2 class="mobile-title">Menu</h2>
2244                    <button @click="mobileMenuOpen = false" class="mobile-close-btn">
2245                        <span class="sr-only">Close menu</span>
2246                        <svg class="mobile-close-icon" xmlns="http://www.w3.org/2000/svg"
2247                             aria-hidden="true"
2248                             fill="none" viewBox="0 0 24 24" stroke="currentColor">
2249                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
2250                                  d="M6 18L18 6M6 6l12 12"/>
2251                        </svg>
2252                    </button>
2253                </div>
2254
2255                <div class="mobile-content">
2256                    <ul class="menu-tree-list"
2257        x-data="{
2258                 openItems: {},
2259                 toggleItem(key) {
2260                     this.openItems[key] = !this.openItems[key];
2261                 }
2262             }"
2263    >
2264                    <li class="menu-tree-item">
2265            
2266        <a href="/services"
2267                      class="menu-tree-link-level1">
2268            Services
2269        </a>
2270    </li>
2271                    <li class="menu-tree-item">
2272            
2273        <a href="/pos-products"
2274                      class="menu-tree-link-level1">
2275            POS Products
2276        </a>
2277    </li>
2278                    <li class="menu-tree-item">
2279            
2280        <a href="/who-we-serve"
2281                      class="menu-tree-link-level1">
2282            Who We Serve
2283        </a>
2284    </li>
2285                    <li class="menu-tree-item">
2286            
2287        <a href="/about"
2288                      class="menu-tree-link-level1">
2289            About Us
2290        </a>
2291    </li>
2292                    <li class="menu-tree-item">
2293            
2294        <a href="/blog"
2295                      class="menu-tree-link-level1">
2296            Blog
2297        </a>
2298    </li>
2299                    <li class="menu-tree-item">
2300            
2301        <a href="/contact"
2302                      class="menu-tree-link-level1">
2303            Contact
2304        </a>
2305    </li>
2306            </ul>
2307                </div>
2308            </div>
2309        </nav>
2310    </div>
2311</header>
2312</span></div>
2313</div>
2314</div>
2315<div class="flex flex-wrap">
2316<div class="w-full md:w-8/12 mx-auto">
2317<div class="flex flex-wrap items-center -mx-4">
2318<div class="w-full md:w-9/12 px-4">
2319<div><a href="/"><img alt="logo" class="max-w-full lg:max-w-135 h-auto" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-solutions-logo.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-solutions-logo.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-solutions-logo.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-solutions-logo.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-solutions-logo.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-solutions-logo.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-solutions-logo.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-solutions-logo.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/simple-pos-solutions-logo.png 1920w" sizes="100vw"></a></div>
2320</div>
2321<div class="w-full md:w-3/12 px-4">
2322<div class="flex gap-[12px] mt-8 md:mt-0 max-md:justify-center"><a href="https://www.facebook.com/SimplePOSInc/" target="_blank" rel="noopener" class="transition-all duration-200 hover:-translate-y-1"> <img alt="facebook" class="w-10" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-facebook.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-facebook.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-facebook.png 400w, https://cdn.cmsmax.cloud/production/width=600,qual
2322ity=70,format=webp/uvdknsgvspsw4vizauwku/icon-facebook.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-facebook.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-facebook.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-facebook.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-facebook.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-facebook.png 1920w" sizes="100vw"> </a> <a href="https://www.linkedin.com/company/simpleposinc/" target="_blank" rel="noopener" class="transition-all duration-200 hover:-translate-y-1"> <img alt="linkedin" class="w-10" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-linkedin.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-linkedin.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-linkedin.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-linkedin.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-linkedin.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-linkedin.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-linkedin.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-linkedin.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-linkedin.png 1920w" sizes="100vw"> </a></div>
2323</div>
2324</div>
2325</div>
2326</div>
2327<div class="mt-15">
2328<div class="flex flex-wrap justify-center text-center">
2329<div class="w-full md:w-4/12">
2330<h1 class="m-0 mb-2.5 text-[20px] leading-[20px] uppercase text-[#592c5f]">Atlanta:</h1>
2331<div class="mb-[30px] flex items-center gap-[5px] justify-center"><img alt="phone" class="w-[20px]" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1920w" sizes="100vw">
2332<p class="m-0"><a class="text-[18px] leading-[1.4] text-black font-bold hover:underline ms-2" href="tel:404-993-9438">404-993-9438</a></p>
2333</div>
2334</div>
2335<div class="w-full md:w-4/12">
2336<h1 class="m-0 mb-2.5 text-[20px] leading-[20px] uppercase text-[#592c5f]">Denver:</h1>
2337<div class="mb-[30px] flex items-center gap-[5px] justify-center"><img alt="phone" class="w-[20px]" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 400w, https://cdn.cmsmax.cloud/production/width=600,qual
2337ity=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1920w" sizes="100vw">
2338<p class="m-0"><a class="text-[18px] leading-[1.4] text-black font-bold hover:underline ms-2" href="tel:303-835-0537">303-835-0537</a></p>
2339</div>
2340</div>
2341<div class="w-full md:w-4/12">
2342<h1 class="m-0 mb-2.5 text-[20px] leading-[20px] uppercase text-[#592c5f]">Virginia Beach:</h1>
2343<div class="mb-[30px] flex items-center gap-[5px] justify-center"><img alt="phone" class="w-[20px]" src="https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png" srcset="https://cdn.cmsmax.cloud/production/width=200,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 200w, https://cdn.cmsmax.cloud/production/width=400,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 400w, https://cdn.cmsmax.cloud/production/width=600,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 600w, https://cdn.cmsmax.cloud/production/width=800,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 800w, https://cdn.cmsmax.cloud/production/width=1000,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1000w, https://cdn.cmsmax.cloud/production/width=1280,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1280w, https://cdn.cmsmax.cloud/production/width=1440,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1440w, https://cdn.cmsmax.cloud/production/width=1920,quality=70,format=webp/uvdknsgvspsw4vizauwku/icon-phone-footer.png 1920w" sizes="100vw">
2344<p class="m-0"><a class="text-[18px] leading-[1.4] text-black font-bold hover:underline ms-2" href="tel:757-271-4600">757-271-4600</a></p>
2345</div>
2346</div>
2347</div>
2348</div>
2349</div>
2350</footer>
2351<section class="py-10 border-t-2 border-[#e6e6e6]">
2352<div class="max-w-7xl mx-auto px-4">
2353<p class="mb-0 text-sm">© <span class="cms-widget inline">2026</span> Simple POS Solutions | <a href="/sitemap" class="text-black hover:underline">Sitemap</a></p>
2354</div>
2355</section>
2356</div>
2357
2358                </div>
2359            </div>
2360
2361            <div class="sticky bottom-0 left-0 right-0 z-50 block w-full translate-y-px md:hidden">
2362                <div class="w-full">
2363                    
2364<div class="custom-html-section">
2365<div id="footer-contact">
2366<div class="grid grid-cols-2 gap-5 p-2 bg-white"><a class="btn btn-block btn-primary" href="/contact">Contact Us</a> <a class="btn btn-block btn-primary" href="/consultation">Schedule a Consultation</a></div>
2367</div>
2368</div><style>#footer-contact {}</style>
2369                </div>
2370            </div>
2371        </main>
2372
2373        
2373<script>
2374    document.addEventListener("DOMContentLoaded", function() {
2375        /*---------- set .content-wrapper's padding-top on render and window resize ----------*/
2376        function checkMediaQuery() {
2377            const mediaQuery = window.matchMedia("(min-width: 0px)");
2378            const headerHeight = document.querySelector('.header-wrapper').offsetHeight;
2379            const contentWrapper = document.querySelector('.content-wrapper');
2380            const bodyEl = document.body;
2381
2382            if (mediaQuery.matches) {
2383                contentWrapper.style.paddingTop = headerHeight + 'px';
2384            }
2385        }
2386
2387        // Call function on render
2388        checkMediaQuery();
2389
2390        // Call function every time window size changes
2391        window.addEventListener('resize', checkMediaQuery);
2392    });
2393</script>
2393
2394
2395
2396<link rel="modulepreload" as="script" href="https://assets.cmsmax.cloud/build/assets/theme-BuF4kL1c.js" /><link rel="modulepreload" as="script" href="https://assets.cmsmax.cloud/build/assets/datetime-DATciA-0.js" />
2396<script type="module" src="https://assets.cmsmax.cloud/build/assets/theme-BuF4kL1c.js"></script>
2396
2397
2398<script src="https://assets.cmsmax.cloud/vendor/livewire/livewire.min.js?id=8ea5922c"   data-csrf="4uRfdXv5ICEkTD1fCzPQ25Zh8zsy57cuB083Zymy" data-module-url="https://simpleposinc.com/livewire-7540cd72" data-update-uri="https://simpleposinc.com/livewire/update" data-navigate-once="true"></script>
2398
2399
2400        
2400<script defer src="https://cdn.n1ed.com/widgets.js?apiKey=EOFLCg8A" data-ts="1785238313000"></script>
2400            <div x-data="{
2401    notifications: [],
2402    add(notification) {
2403        const id = Date.now() + Math.random();
2404        this.notifications.push({
2405            id: id,
2406            show: true,
2407            ...notification
2408        });
2409
2410        setTimeout(() => {
2411            this.dismiss(id);
2412        }, 5000);
2413    },
2414    dismiss(id) {
2415        const notification = this.notifications.find(n => n.id === id);
2416        if (notification) {
2417            notification.show = false;
2418            setTimeout(() => {
2419                this.notifications = this.notifications.filter(n => n.id !== id);
2420            }, 200);
2421        }
2422    }
2423}" @notification.window="add($event.detail[0] ?? $event.detail)"
2424    class="toast-container"
2425    role="status">
2426    <template x-for="notification in notifications" :key="notification.id">
2427        <div x-show="notification.show"
2428            x-transition:enter="transform ease-out duration-300"
2429            x-transition:enter-start="translate-y-2 opacity-0"
2430            x-transition:enter-end="translate-y-0 opacity-100"
2431            x-transition:leave="transition ease-in duration-200"
2432            x-transition:leave-start="opacity-100"
2433            x-transition:leave-end="opacity-0"
2434            class="toast-notification"
2435            :class="{
2436                'toast-notification--success': notification.type === 'success',
2437                'toast-notification--error': notification.type === 'error'
2438            }">
2439            <div class="toast-notification__body">
2440                <div class="toast-notification__content">
2441                    <div class="toast-notification__icon-wrapper">
2442                        <template x-if="notification.type === 'success'">
2443                            <div class="toast-notification__icon toast-notification__icon--success">
2444                                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
2445                                    <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
2446                                </svg>
2447                            </div>
2448                        </template>
2449                        <template x-if="notification.type === 'error'">
2450                            <div class="toast-notification__icon toast-notification__icon--error">
2451                                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
2452                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
2453                                </svg>
2454                            </div>
2455                        </template>
2456                    </div>
2457                    <div class="toast-notification__message"
2458                        :class="{
2459                            'toast-notification__message--success': notification.type === 'success',
2460                            'toast-notification__message--error': notification.type === 'error'
2461                        }">
2462                        <p x-text="notification.message"></p>
2463                    </div>
2464                    <div class="toast-notification__dismiss">
2465                        <button @click="dismiss(notification.id)"
2466                            class="toast-notification__dismiss-button"
2467                            :class="{
2468                                'toast-notification__dismiss-button--success': notification.type === 'success',
2469                                'toast-notification__dismiss-button--error': notification.type === 'error'
2470                            }"
2471                            aria-label="Dismiss notification">
2472                            <svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
2473                                <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
2474                            </svg>
2475                        </button>
2476                    </div>
2477                </div>
2478            </div>
2479        </div>
2480    </template>
2481</div>
2482</body>
2483</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.