prology-landingpage/privacy-policy-cookie-restr...

1030 lines
36 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en" class="no-snap">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Privacy &amp; Cookie Policy Prology</title>
<meta
name="description"
content="Read Prology's Privacy Policy and Cookie Policy — how we collect, use, and protect your personal information."
/>
<meta name="robots" content="index,follow" />
<link
rel="canonical"
href="https://prology.net/privacy-policy-cookie-restriction-mode"
/>
<link rel="icon" type="image/png" href="https://prology.net/favicon.png" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Prology" />
<meta
property="og:url"
content="https://prology.net/privacy-policy-cookie-restriction-mode"
/>
<meta property="og:title" content="Privacy &amp; Cookie Policy Prology" />
<meta
property="og:description"
content="Read Prology's Privacy Policy and Cookie Policy."
/>
<meta property="og:image" content="https://prology.net/favicon.png" />
<meta property="og:locale" content="en_AU" />
<meta property="og:locale:alternate" content="en_US" />
<link rel="stylesheet" href="assets/css/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet"
/>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-YG35M09CR8"
></script>
<script>
window.dataLayer = window.dataLayer || []
function gtag() {
dataLayer.push(arguments)
}
gtag('js', new Date())
gtag('config', 'G-YG35M09CR8')
</script>
<style>
body {
background: #f6f7f9 !important;
}
.tnc-page {
margin-top: 80px;
padding: 32px 0 80px;
}
.tnc-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.95rem;
margin-bottom: 24px;
padding-left: 4px;
}
.tnc-breadcrumb a {
color: #6b7280;
text-decoration: none;
transition: color 0.2s;
}
.tnc-breadcrumb a:hover {
color: #1a73e8;
}
.tnc-breadcrumb .sep {
color: #cbd2da;
}
.tnc-breadcrumb .current {
color: #1a1f2e;
font-weight: 600;
}
/* ── Privacy & Cookie Policy styles ── */
.prology-tnc-wrapper {
display: flex;
gap: 28px;
align-items: flex-start;
padding-bottom: 60px;
}
.prology-sidebar {
width: 240px;
flex-shrink: 0;
position: sticky;
top: 100px;
background: #ffffff;
border: 1px solid #e0e0e0;
border-top: 3px solid #1a2744;
border-radius: 4px;
padding: 20px 0;
}
.prology-sidebar-title {
font-size: 11px;
font-weight: 700;
color: #888;
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 0 18px 12px;
border-bottom: 1px solid #f0f0f0;
margin-bottom: 8px;
}
.prology-sidebar-group {
font-size: 11px;
font-weight: 700;
color: #1a2744;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 14px 18px 6px;
}
.prology-sidebar a {
display: block;
font-size: 13px;
color: #444;
text-decoration: none;
padding: 7px 18px;
border-left: 3px solid transparent;
transition:
background 0.15s,
color 0.15s,
border-color 0.15s;
line-height: 1.4;
}
.prology-sidebar a:hover {
background: #f7f8fa;
color: #1a2744;
border-left-color: #0073e6;
}
.prology-sidebar a.active {
background: #f0f3f8;
color: #1a2744;
font-weight: 600;
border-left-color: #1a2744;
}
.prology-content {
flex: 1;
min-width: 0;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 4px;
overflow: hidden;
}
.prology-doc-header {
background: #1a2744;
padding: 32px 40px;
color: #fff;
}
.prology-doc-title {
font-size: 26px;
font-weight: 700;
color: #ffffff;
margin-bottom: 6px;
}
.prology-doc-meta {
font-size: 13px;
color: rgba(255, 255, 255, 0.55);
}
.prology-body {
padding: 36px 40px;
}
.prology-policy-heading {
font-size: 22px;
font-weight: 700;
color: #1a2744;
padding: 32px 0 18px;
margin-bottom: 8px;
border-bottom: 2px solid #1a2744;
}
.prology-policy-heading:first-child {
padding-top: 0;
}
.prology-section {
margin-bottom: 36px;
scroll-margin-top: 104px;
}
.prology-section-title {
font-size: 19px;
font-weight: 700;
color: #1a2744;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 1px solid #f0f0f0;
}
.prology-section p {
font-size: 15px;
color: #3a3a3a;
line-height: 1.75;
margin-bottom: 10px;
}
.prology-section p:last-child {
margin-bottom: 0;
}
.prology-list {
list-style: none;
padding: 0;
margin: 10px 0 14px;
}
.prology-list li {
font-size: 15px;
color: #3a3a3a;
padding: 5px 0 5px 22px;
position: relative;
line-height: 1.65;
}
.prology-list li::before {
content: "";
position: absolute;
left: 0;
top: 13px;
width: 6px;
height: 6px;
background: #1a2744;
border-radius: 50%;
}
.prology-infobox {
background: #f0f4ff;
border-left: 4px solid #1a2744;
border-radius: 0 4px 4px 0;
padding: 12px 16px;
margin: 14px 0;
font-size: 14px;
color: #1a2744;
line-height: 1.65;
}
.prology-warnbox {
background: #fff8ee;
border-left: 4px solid #0073e6;
border-radius: 0 4px 4px 0;
padding: 12px 16px;
margin: 14px 0;
font-size: 14px;
color: #7a4a00;
line-height: 1.65;
}
.prology-divider {
border: none;
border-top: 1px solid #f0f0f0;
margin: 0 0 32px;
}
.prology-sub-label {
font-size: 13px;
font-weight: 700;
color: #1a2744;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 16px 0 6px;
}
@media (max-width: 768px) {
.prology-tnc-wrapper {
flex-direction: column;
gap: 16px;
}
.prology-sidebar {
width: 100%;
position: static;
}
.prology-doc-header {
padding: 24px 20px;
}
.prology-body {
padding: 24px 20px;
}
.prology-doc-title {
font-size: 20px;
}
.prology-section-title {
font-size: 16px;
}
}
</style>
</head>
<body>
<!-- ============ NAVIGATION ============ -->
<nav class="navbar">
<div class="nav-content">
<a href="index.html" class="nav-brand">
<img src="assets/Prology_logo.png" alt="Prology.net" />
</a>
<ul class="nav-links">
<li><a href="index.html#home">Home</a></li>
<li><a href="index.html#services">Categories</a></li>
<li><a href="index.html#quality">Why Choose Us</a></li>
<li><a href="index.html#who-we-serve">Who We Serve</a></li>
<li><a href="index.html#institutional">Gov &amp; Corp</a></li>
<li><a href="index.html#contact">Contact</a></li>
<li><a href="about-us.html">About Us</a></li>
</ul>
<div class="nav-cta">
<button class="btn-view-products" onclick="openStoreModal()">
<svg
width="16"
height="16"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
>
<path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" />
<line x1="3" y1="6" x2="21" y2="6" />
<path d="M16 10a4 4 0 0 1-8 0" />
</svg>
View Products
</button>
</div>
<button
class="hamburger-btn"
aria-label="Toggle navigation menu"
aria-expanded="false"
>
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</button>
</div>
</nav>
<div class="nav-backdrop" id="nav-backdrop"></div>
<!-- ============ MAIN CONTENT ============ -->
<div class="tnc-page">
<div class="container">
<nav class="tnc-breadcrumb" aria-label="Breadcrumb">
<a href="index.html">Home</a>
<span class="sep">/</span>
<span class="current">Privacy &amp; Cookie Policy</span>
</nav>
<div class="prology-tnc-wrapper">
<!-- SIDEBAR -->
<nav
id="tnc-sidebar"
class="prology-sidebar"
aria-label="Policy contents"
>
<div class="prology-sidebar-title">Contents</div>
<div class="prology-sidebar-group">Privacy Policy</div>
<a href="#p1">1. Introduction</a>
<a href="#p2">2. What information we collect</a>
<a href="#p3">3. How we collect information</a>
<a href="#p4">4. How we use your information</a>
<a href="#p5">5. Disclosure of information</a>
<a href="#p6">6. International data transfers</a>
<a href="#p7">7. Data security</a>
<a href="#p8">8. Data retention</a>
<a href="#p9">9. Your rights</a>
<a href="#p10">10. Marketing communications</a>
<a href="#p11">11. Third-party links</a>
<a href="#p12">12. Cookies &amp; tracking</a>
<a href="#p13">13. Changes to this policy</a>
<a href="#p14">14. Contact us</a>
<div class="prology-sidebar-group">Cookie Policy</div>
<a href="#c1">1. What are cookies?</a>
<a href="#c2">2. How we use cookies</a>
<a href="#c3">3. Types of cookies</a>
<a href="#c4">4. Third-party cookies</a>
<a href="#c5">5. Managing cookies</a>
<a href="#c6">6. Consent</a>
<a href="#c7">7. Updates to this policy</a>
<a href="#c8">8. Contact us</a>
</nav>
<!-- MAIN CONTENT -->
<div class="prology-content">
<div class="prology-doc-header">
<div class="prology-doc-title">Privacy &amp; Cookie Policy</div>
<div class="prology-doc-meta">Prology</div>
</div>
<div class="prology-body">
<!-- ===== PRIVACY POLICY ===== -->
<div class="prology-policy-heading">Privacy Policy</div>
<!-- P1 -->
<div id="p1" class="prology-section">
<div class="prology-section-title">1. Introduction</div>
<p>
Prology is committed to protecting your privacy and handling
your personal information in a transparent and secure manner.
</p>
<p>
This Privacy Policy explains how we collect, use, disclose,
and safeguard your information when you visit our website,
purchase products, or interact with us.
</p>
<div class="prology-infobox">
This policy complies with the Privacy Act 1988 (Cth) and the
Australian Privacy Principles (APPs).
</div>
</div>
<hr class="prology-divider" />
<!-- P2 -->
<div id="p2" class="prology-section">
<div class="prology-section-title">
2. What information we collect
</div>
<p>
We may collect the following types of personal information:
</p>
<p class="prology-sub-label">2.1 Personal Information</p>
<ul class="prology-list">
<li>Name</li>
<li>Email address</li>
<li>Phone number</li>
<li>Billing and shipping address</li>
<li>Business/company details (for B2B customers)</li>
</ul>
<p class="prology-sub-label">2.2 Transaction Information</p>
<ul class="prology-list">
<li>Purchase history</li>
<li>
Payment details (processed securely via third-party
providers)
</li>
<li>Order and delivery information</li>
</ul>
<p class="prology-sub-label">2.3 Technical Information</p>
<ul class="prology-list">
<li>IP address</li>
<li>Browser type and device information</li>
<li>Operating system</li>
<li>Website usage data (pages visited, time spent, etc.)</li>
</ul>
<p class="prology-sub-label">2.4 Account Information</p>
<ul class="prology-list">
<li>Login credentials (encrypted)</li>
<li>Account preferences and settings</li>
</ul>
</div>
<hr class="prology-divider" />
<!-- P3 -->
<div id="p3" class="prology-section">
<div class="prology-section-title">
3. How we collect information
</div>
<p>We collect information when you:</p>
<ul class="prology-list">
<li>Register an account</li>
<li>Place an order</li>
<li>Contact us or request support</li>
<li>Subscribe to emails or marketing</li>
<li>Use or browse our website</li>
</ul>
<p>
We may also collect data automatically via cookies and
analytics tools.
</p>
</div>
<hr class="prology-divider" />
<!-- P4 -->
<div id="p4" class="prology-section">
<div class="prology-section-title">
4. How we use your information
</div>
<p>We use your information to:</p>
<ul class="prology-list">
<li>Process orders and payments</li>
<li>Deliver products and services</li>
<li>Provide customer support</li>
<li>Improve our website and services</li>
<li>Communicate updates, promotions, and service notices</li>
<li>Prevent fraud and enhance security</li>
<li>Comply with legal obligations</li>
</ul>
</div>
<hr class="prology-divider" />
<!-- P5 -->
<div id="p5" class="prology-section">
<div class="prology-section-title">
5. Disclosure of information
</div>
<p>We may disclose your information to:</p>
<ul class="prology-list">
<li>Payment processors and financial institutions</li>
<li>Shipping and logistics providers</li>
<li>IT service providers and hosting partners</li>
<li>Marketing and analytics providers</li>
<li>
Government or regulatory authorities (where required by law)
</li>
</ul>
<div class="prology-infobox">
We do not sell personal information to third parties.
</div>
</div>
<hr class="prology-divider" />
<!-- P6 -->
<div id="p6" class="prology-section">
<div class="prology-section-title">
6. International data transfers
</div>
<p>Some of our service providers may be located overseas.</p>
<p>
By using our services, you consent to your information being
transferred and processed outside Australia, subject to
appropriate safeguards.
</p>
</div>
<hr class="prology-divider" />
<!-- P7 -->
<div id="p7" class="prology-section">
<div class="prology-section-title">7. Data security</div>
<p>
We implement reasonable technical and organisational measures
to protect your information, including:
</p>
<ul class="prology-list">
<li>Secure servers and encryption</li>
<li>Access controls</li>
<li>Monitoring for security threats</li>
</ul>
<div class="prology-warnbox">
No system is completely secure, and we cannot guarantee
absolute security.
</div>
</div>
<hr class="prology-divider" />
<!-- P8 -->
<div id="p8" class="prology-section">
<div class="prology-section-title">8. Data retention</div>
<p>
We retain personal information only as long as necessary for:
</p>
<ul class="prology-list">
<li>Business operations</li>
<li>Legal and regulatory compliance</li>
<li>Dispute resolution</li>
</ul>
</div>
<hr class="prology-divider" />
<!-- P9 -->
<div id="p9" class="prology-section">
<div class="prology-section-title">9. Your rights</div>
<p>Under applicable law, you may:</p>
<ul class="prology-list">
<li>Access your personal information</li>
<li>Request correction of inaccurate data</li>
<li>Request deletion (where applicable)</li>
<li>Opt out of marketing communications</li>
</ul>
<p>
To exercise your rights, contact us using the details below.
</p>
</div>
<hr class="prology-divider" />
<!-- P10 -->
<div id="p10" class="prology-section">
<div class="prology-section-title">
10. Marketing communications
</div>
<p>
You may opt out of receiving marketing emails at any time by:
</p>
<ul class="prology-list">
<li>Clicking the unsubscribe link in emails</li>
<li>Contacting us directly</li>
</ul>
</div>
<hr class="prology-divider" />
<!-- P11 -->
<div id="p11" class="prology-section">
<div class="prology-section-title">11. Third-party links</div>
<p>
Our website may contain links to third-party websites. We are
not responsible for their privacy practices.
</p>
</div>
<hr class="prology-divider" />
<!-- P12 -->
<div id="p12" class="prology-section">
<div class="prology-section-title">
12. Cookies and tracking technologies
</div>
<p>
We use cookies and similar technologies. Please refer to our
Cookie Policy below for full details.
</p>
</div>
<hr class="prology-divider" />
<!-- P13 -->
<div id="p13" class="prology-section">
<div class="prology-section-title">
13. Changes to this policy
</div>
<p>
We may update this Privacy Policy from time to time. Changes
take effect upon publication on this page.
</p>
</div>
<hr class="prology-divider" />
<!-- P14 -->
<div id="p14" class="prology-section">
<div class="prology-section-title">14. Contact us</div>
<p>
If you have any questions or requests regarding this Privacy
Policy:
</p>
<ul class="prology-list">
<li><strong>Prology</strong></li>
<li>
Email:
<a href="mailto:admin@prology.net">admin@prology.net</a>
</li>
</ul>
</div>
<!-- ===== COOKIE POLICY ===== -->
<div class="prology-policy-heading">Cookie Policy</div>
<!-- C1 -->
<div id="c1" class="prology-section">
<div class="prology-section-title">1. What are cookies?</div>
<p>
Cookies are small text files stored on your device when you
visit a website. They help improve functionality, performance,
and user experience.
</p>
</div>
<hr class="prology-divider" />
<!-- C2 -->
<div id="c2" class="prology-section">
<div class="prology-section-title">2. How we use cookies</div>
<p>Prology uses cookies to:</p>
<ul class="prology-list">
<li>Enable website functionality</li>
<li>Remember user preferences</li>
<li>Improve website performance</li>
<li>Analyse user behaviour</li>
<li>Support marketing and advertising</li>
</ul>
</div>
<hr class="prology-divider" />
<!-- C3 -->
<div id="c3" class="prology-section">
<div class="prology-section-title">
3. Types of cookies we use
</div>
<p class="prology-sub-label">3.1 Essential Cookies</p>
<p>Required for the operation of the website, including:</p>
<ul class="prology-list">
<li>Account login</li>
<li>Shopping cart functionality</li>
<li>Security features</li>
</ul>
<div class="prology-infobox">
These cookies cannot be disabled.
</div>
<p class="prology-sub-label">
3.2 Performance &amp; Analytics Cookies
</p>
<p>
Used to understand how visitors interact with our website,
including:
</p>
<ul class="prology-list">
<li>Page views</li>
<li>Traffic sources</li>
<li>User behaviour</li>
</ul>
<p>These help us improve website performance.</p>
<p class="prology-sub-label">3.3 Functional Cookies</p>
<p>These cookies allow the website to remember:</p>
<ul class="prology-list">
<li>Language preferences</li>
<li>Region settings</li>
<li>Customisations</li>
</ul>
<p class="prology-sub-label">3.4 Marketing Cookies</p>
<p>Used to:</p>
<ul class="prology-list">
<li>Deliver relevant advertisements</li>
<li>Measure marketing effectiveness</li>
<li>Track user interactions across websites</li>
</ul>
</div>
<hr class="prology-divider" />
<!-- C4 -->
<div id="c4" class="prology-section">
<div class="prology-section-title">4. Third-party cookies</div>
<p>We may use third-party services such as:</p>
<ul class="prology-list">
<li>Analytics providers</li>
<li>Advertising platforms</li>
<li>Payment gateways</li>
</ul>
<p>These providers may place cookies on your device.</p>
</div>
<hr class="prology-divider" />
<!-- C5 -->
<div id="c5" class="prology-section">
<div class="prology-section-title">5. Managing cookies</div>
<p>
You can manage or disable cookies through your browser
settings. Please note:
</p>
<ul class="prology-list">
<li>Disabling cookies may affect website functionality</li>
<li>
Some features (e.g. shopping cart, login) may not work
properly
</li>
</ul>
</div>
<hr class="prology-divider" />
<!-- C6 -->
<div id="c6" class="prology-section">
<div class="prology-section-title">6. Consent</div>
<p>
By continuing to use our website, you consent to the use of
cookies in accordance with this policy.
</p>
<p>
Where required by law, we will request your explicit consent.
</p>
</div>
<hr class="prology-divider" />
<!-- C7 -->
<div id="c7" class="prology-section">
<div class="prology-section-title">
7. Updates to this policy
</div>
<p>
We may update this Cookie Policy periodically. Changes will be
posted on this page.
</p>
</div>
<hr class="prology-divider" />
<!-- C8 -->
<div id="c8" class="prology-section">
<div class="prology-section-title">8. Contact us</div>
<p>For questions about our use of cookies:</p>
<ul class="prology-list">
<li><strong>Prology</strong></li>
<li>
Email:
<a href="mailto:admin@prology.net">admin@prology.net</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/config.js" defer></script>
<script src="assets/js/modals.js" defer></script>
<!-- Nav hamburger -->
<script>
document.addEventListener("DOMContentLoaded", function () {
var hamburgerBtn = document.querySelector(".hamburger-btn");
var navMenu = document.querySelector(".nav-links");
var navBackdrop = document.getElementById("nav-backdrop");
if (!hamburgerBtn || !navMenu) return;
function closeNavMenu() {
navMenu.classList.remove("open");
hamburgerBtn.classList.remove("open");
hamburgerBtn.setAttribute("aria-expanded", "false");
if (navBackdrop) navBackdrop.classList.remove("open");
}
hamburgerBtn.addEventListener("click", function () {
var isOpen = navMenu.classList.toggle("open");
hamburgerBtn.classList.toggle("open", isOpen);
hamburgerBtn.setAttribute("aria-expanded", String(isOpen));
if (navBackdrop) navBackdrop.classList.toggle("open", isOpen);
});
navMenu.querySelectorAll("a").forEach(function (a) {
a.addEventListener("click", closeNavMenu);
});
if (navBackdrop) navBackdrop.addEventListener("click", closeNavMenu);
});
</script>
<!-- Sidebar scroll-spy -->
<script>
document.addEventListener("DOMContentLoaded", function () {
var sidebarLinks = document.querySelectorAll(
"#tnc-sidebar a[href^='#']",
);
var sections = Array.from(sidebarLinks)
.map(function (a) {
return document.querySelector(a.getAttribute("href"));
})
.filter(Boolean);
if (!sections.length) return;
function setActive(id) {
sidebarLinks.forEach(function (a) {
a.classList.toggle("active", a.getAttribute("href") === "#" + id);
});
}
var observer = new IntersectionObserver(
function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) setActive(entry.target.id);
});
},
{ rootMargin: "-100px 0px -60% 0px", threshold: 0 },
);
sections.forEach(function (s) {
observer.observe(s);
});
if (sections[0]) setActive(sections[0].id);
});
</script>
<!-- ============ PROLOGY MODAL WEB COMPONENTS ============ -->
<prology-sell-modal id="wc-sell-modal"></prology-sell-modal>
<prology-source-modal id="wc-source-modal"></prology-source-modal>
<prology-quote-modal id="wc-quote-modal"></prology-quote-modal>
<prology-enquire-modal id="wc-enquire-modal"></prology-enquire-modal>
<!-- ============ STORE PICKER MODAL ============ -->
<div
class="store-modal-overlay"
id="store-modal-overlay"
role="dialog"
aria-modal="true"
aria-labelledby="store-modal-title"
>
<div class="store-modal-box">
<button
class="store-modal-close"
onclick="closeStoreModal()"
aria-label="Close"
>
</button>
<p class="store-modal-title" id="store-modal-title">
Choose Your Store
</p>
<p class="store-modal-subtitle">
Select a region to browse our products
</p>
<div class="store-options">
<a data-store="au" class="store-option store-option--active">
<span class="store-flag">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 60 30"
width="52"
height="28"
>
<rect width="60" height="30" fill="#00205B" />
<line
x1="0"
y1="0"
x2="30"
y2="15"
stroke="#fff"
stroke-width="5"
/>
<line
x1="30"
y1="0"
x2="0"
y2="15"
stroke="#fff"
stroke-width="5"
/>
<line
x1="0"
y1="0"
x2="30"
y2="15"
stroke="#CC2529"
stroke-width="3"
/>
<line
x1="30"
y1="0"
x2="0"
y2="15"
stroke="#CC2529"
stroke-width="3"
/>
<rect x="12" y="0" width="6" height="15" fill="#fff" />
<rect x="0" y="6" width="30" height="6" fill="#fff" />
<rect x="13.5" y="0" width="3" height="15" fill="#CC2529" />
<rect x="0" y="7.5" width="30" height="3" fill="#CC2529" />
<polygon
points="7.5,17 8.3,19.5 11,19.5 8.8,21.2 9.6,23.7 7.5,22 5.4,23.7 6.2,21.2 4,19.5 6.7,19.5"
fill="#fff"
/>
<polygon
points="44,3 44.8,5.5 47.5,5.5 45.3,7.2 46.1,9.7 44,8 41.9,9.7 42.7,7.2 40.5,5.5 43.2,5.5"
fill="#fff"
/>
<polygon
points="52,8 52.6,10 54.7,10 53,11.3 53.6,13.3 52,12 50.4,13.3 51,11.3 49.3,10 51.4,10"
fill="#fff"
/>
<polygon
points="44,15 44.6,17 46.7,17 45,18.3 45.6,20.3 44,19 42.4,20.3 43,18.3 41.3,17 43.4,17"
fill="#fff"
/>
<polygon
points="37,9 37.6,11 39.7,11 38,12.3 38.6,14.3 37,13 35.4,14.3 36,12.3 34.3,11 36.4,11"
fill="#fff"
/>
<polygon
points="50,18 50.4,19.2 51.6,19.2 50.6,20 51,21.2 50,20.4 49,21.2 49.4,20 48.4,19.2 49.6,19.2"
fill="#fff"
/>
</svg>
</span>
<div class="store-info">
<div class="store-info-name">
Australia Store <span class="store-badge-active">Live</span>
</div>
<div class="store-info-desc">
Enterprise networking equipment · Ships Australia-wide
</div>
</div>
<span class="store-arrow"></span>
</a>
<a data-store="us" class="store-option store-option--active">
<span class="store-flag">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 60 30"
width="52"
height="28"
>
<rect width="60" height="30" fill="#B22234" />
<rect y="2.31" width="60" height="2.31" fill="#fff" />
<rect y="6.92" width="60" height="2.31" fill="#fff" />
<rect y="11.54" width="60" height="2.31" fill="#fff" />
<rect y="16.15" width="60" height="2.31" fill="#fff" />
<rect y="20.77" width="60" height="2.31" fill="#fff" />
<rect y="25.38" width="60" height="2.31" fill="#fff" />
<rect width="24" height="16.15" fill="#3C3B6E" />
<g fill="#fff">
<circle cx="2.5" cy="1.6" r="1.1" />
<circle cx="6.5" cy="1.6" r="1.1" />
<circle cx="10.5" cy="1.6" r="1.1" />
<circle cx="14.5" cy="1.6" r="1.1" />
<circle cx="18.5" cy="1.6" r="1.1" />
<circle cx="22.5" cy="1.6" r="1.1" />
<circle cx="4.5" cy="4.6" r="1.1" />
<circle cx="8.5" cy="4.6" r="1.1" />
<circle cx="12.5" cy="4.6" r="1.1" />
<circle cx="16.5" cy="4.6" r="1.1" />
<circle cx="20.5" cy="4.6" r="1.1" />
<circle cx="2.5" cy="7.6" r="1.1" />
<circle cx="6.5" cy="7.6" r="1.1" />
<circle cx="10.5" cy="7.6" r="1.1" />
<circle cx="14.5" cy="7.6" r="1.1" />
<circle cx="18.5" cy="7.6" r="1.1" />
<circle cx="22.5" cy="7.6" r="1.1" />
<circle cx="4.5" cy="10.6" r="1.1" />
<circle cx="8.5" cy="10.6" r="1.1" />
<circle cx="12.5" cy="10.6" r="1.1" />
<circle cx="16.5" cy="10.6" r="1.1" />
<circle cx="20.5" cy="10.6" r="1.1" />
<circle cx="2.5" cy="13.6" r="1.1" />
<circle cx="6.5" cy="13.6" r="1.1" />
<circle cx="10.5" cy="13.6" r="1.1" />
<circle cx="14.5" cy="13.6" r="1.1" />
<circle cx="18.5" cy="13.6" r="1.1" />
<circle cx="22.5" cy="13.6" r="1.1" />
</g>
</svg>
</span>
<div class="store-info">
<div class="store-info-name">
U.S.A Store <span class="store-badge-active">Live</span>
</div>
<div class="store-info-desc">
Enterprise networking equipment · North American distribution
hub
</div>
</div>
<span class="store-arrow"></span>
</a>
</div>
</div>
</div>
<footer class="page-footer" role="contentinfo"></footer>
<script src="assets/js/footer.js" defer></script>
<script src="assets/js/chat.js" defer></script>
</body>
</html>