Showing source for: https://clearview-imaging.com/
Duration: 0.222881s
Server: cloudflare

<!doctype html>
<html class="js" lang="en">
  <head>
  <meta name="format-detection" content="telephone=no">
  <script>
    window.localizedRoutes = {"error":"json not allowed for this object"};
  </script>

  <script type="text/javascript" src="https://secure.leadforensics.com/js/11743.js" ></script>
  <noscript><img alt="" src="https://secure.leadforensics.com/11743.png" style="display:none;" /></noscript>

  <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://clearview-imaging.com/"><link rel="icon" type="image/png" href="//clearview-imaging.com/cdn/shop/files/favicon.png?crop=center&height=32&v=1716417489&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Machine Vision Systems, Components &amp; Support | Clearview
</title>

    
      <meta name="description" content="UK &amp; EU supplier of machine vision components, systems &amp; solutions. From single cameras to full vision systems, get expert specification &amp; lifetime support">
    

    

<meta property="og:site_name" content="Clearview">
<meta property="og:url" content="https://clearview-imaging.com/">
<meta property="og:title" content="Machine Vision Systems, Components &amp; Support | Clearview">
<meta property="og:type" content="website">
<meta property="og:description" content="UK &amp; EU supplier of machine vision components, systems &amp; solutions. From single cameras to full vision systems, get expert specification &amp; lifetime support"><meta property="og:image" content="http://clearview-imaging.com/cdn/shop/files/clearview-logo.svg?height=628&pad_color=ffffff&v=1716417422&width=1200">
  <meta property="og:image:secure_url" content="https://clearview-imaging.com/cdn/shop/files/clearview-logo.svg?height=628&pad_color=ffffff&v=1716417422&width=1200">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Machine Vision Systems, Components &amp; Support | Clearview">
<meta name="twitter:description" content="UK &amp; EU supplier of machine vision components, systems &amp; solutions. From single cameras to full vision systems, get expert specification &amp; lifetime support">


    <script src="//clearview-imaging.com/cdn/shop/t/15/assets/constants.js?v=58251544750838685771787573035" defer="defer"></script>
    <script src="//clearview-imaging.com/cdn/shop/t/15/assets/pubsub.js?v=158357773527763999511787573035" defer="defer"></script>
    <script src="//clearview-imaging.com/cdn/shop/t/15/assets/global.js?v=134511841137799715051787573035" defer="defer"></script><script src="//clearview-imaging.com/cdn/shop/t/15/assets/animations.js?v=88693664871331136111787573035" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="iWVBnyLliN-m8REQoh7Ntg4Pt8m556C8Ipjx5l2T6Nc">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55692689470/digital_wallets/dialog">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://clearview-imaging.com/">
<link rel="alternate" hreflang="en" href="https://clearview-imaging.com/">
<link rel="alternate" hreflang="de" href="https://clearview-imaging.com/de">
<link rel="alternate" hreflang="fr" href="https://clearview-imaging.com/fr">
<link rel="alternate" hreflang="es" href="https://clearview-imaging.com/es">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=191004734"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=191004734&shop_id=55692689470" crossorigin="anonymous"></script>
<script id="shopify-features" type="application/json">{"accessToken":"94c5c215ba0bdb78ec7781084322d65a","betas":["rich-media-storefront-analytics"],"domain":"clearview-imaging.com","predictiveSearch":true,"shopId":55692689470,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "clearview-clearview.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"GBP","rate":"1.0"};
Shopify.country = "GB";
Shopify.theme = {"name":"20260824 Lens Exit Link Text","id":141972111422,"schema_name":"Dawn","schema_version":"14.0.0","theme_store_id":887,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "clearview-imaging.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["\/\/cdn.shopify.com\/proxy\/6ef8a2a81e887e88e24b406e5f79bd2505cc1e98309b3603540413127f7c41c4\/quotify.dev\/js\/widget.js?shop=clearview-clearview.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/6fe05b4f5f6dcf33abce97abce567355bf60e44e300b47c1889f8c7691f2311b\/shopify-script-tags.s3.eu-west-1.amazonaws.com\/smartseo\/instantpage.js?shop=clearview-clearview.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":55692689470,"offset":0,"reqid":"a5a96cff-22bc-4c87-94bc-9fe4cad33414-1792199246","pageurl":"clearview-imaging.com\/","u":"b54f3b6ee864","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//clearview-imaging.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//clearview-imaging.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//clearview-imaging.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.MCP = window.Shopify.MCP || {};
  window.Shopify.MCP.enabled = true;
  window.Shopify.MCP.shop = "clearview-clearview.myshopify.com";
  window.Shopify.MCP.mcpEndpoint = "https:\/\/clearview-imaging.com\/api\/mcp";
  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/clearview-imaging.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://clearview-imaging.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://clearview-imaging.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<script id="sections-script" data-sections="header" defer="defer" src="//clearview-imaging.com/cdn/shop/t/15/compiled_assets/scripts.js?v=184325197989695213571787573035"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


    <style data-shopify>
      
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}

      @font-face {
  font-family: Assistant;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
       url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
}

      
      
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}


      
        :root,
        .color-scheme-1 {
          --color-background: 255,255,255;
        
          --gradient-background: #ffffff;
        

        

        --color-foreground: 41,36,63;
        --color-background-contrast: 191,191,191;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 255,255,255;
        --color-secondary-button: 255,255,255;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 41,36,63;
        --color-badge-background: 255,255,255;
        --color-badge-border: 41,36,63;
        --payment-terms-background-color: rgb(255 255 255);
      }
      
        
        .color-scheme-2 {
          --color-background: 149,127,184;
        
          --gradient-background: #957fb8;
        

        

        --color-foreground: 41,36,63;
        --color-background-contrast: 86,65,118;
        --color-shadow: 18,18,18;
        --color-button: 18,18,18;
        --color-button-text: 243,243,243;
        --color-secondary-button: 149,127,184;
        --color-secondary-button-text: 18,18,18;
        --color-link: 18,18,18;
        --color-badge-foreground: 41,36,63;
        --color-badge-background: 149,127,184;
        --color-badge-border: 41,36,63;
        --payment-terms-background-color: rgb(149 127 184);
      }
      
        
        .color-scheme-3 {
          --color-background: 36,40,51;
        
          --gradient-background: #242833;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 47,52,66;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 0,0,0;
        --color-secondary-button: 36,40,51;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 36,40,51;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(36 40 51);
      }
      
        
        .color-scheme-4 {
          --color-background: 41,36,63;
        
          --gradient-background: #29243f;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 52,45,79;
        --color-shadow: 18,18,18;
        --color-button: 149,127,184;
        --color-button-text: 255,255,255;
        --color-secondary-button: 41,36,63;
        --color-secondary-button-text: 0,0,0;
        --color-link: 0,0,0;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 41,36,63;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(41 36 63);
      }
      
        
        .color-scheme-5 {
          --color-background: 51,79,180;
        
          --gradient-background: #334fb4;
        

        

        --color-foreground: 255,255,255;
        --color-background-contrast: 23,35,81;
        --color-shadow: 18,18,18;
        --color-button: 255,255,255;
        --color-button-text: 51,79,180;
        --color-secondary-button: 51,79,180;
        --color-secondary-button-text: 255,255,255;
        --color-link: 255,255,255;
        --color-badge-foreground: 255,255,255;
        --color-badge-background: 51,79,180;
        --color-badge-border: 255,255,255;
        --payment-terms-background-color: rgb(51 79 180);
      }
      

      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }

      :root {
        
        --font-body-family: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;

        --font-heading-family: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 400;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 120rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 0.0rem;
        --product-card-text-alignment: left;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.4rem;
        --product-card-shadow-blur-radius: 0.5rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.05;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 60px;
        --grid-desktop-horizontal-spacing: 22px;
        --grid-mobile-vertical-spacing: 30px;
        --grid-mobile-horizontal-spacing: 11px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 0px;
        --buttons-radius-outset: 0px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0px;

        --inputs-radius: 0px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 0px;

        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: 16px;
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        font-family: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
      }

      @media screen and (min-width: 750px) {
        body {
          font-size: 16px;
        }
      }
    </style>

    <link href="//clearview-imaging.com/cdn/shop/t/15/assets/base.css?v=124183267937207096761787573035" rel="stylesheet" type="text/css" media="all" />

    

      <link rel="preload" as="font" href="//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
      

      <link rel="preload" as="font" href="//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
      
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-localization-form.css?v=79621436242421830121787573035" rel="stylesheet" type="text/css" media="all" />
      <script src="//clearview-imaging.com/cdn/shop/t/15/assets/localization-form.js?v=144176611646395275351787573035" defer="defer"></script><link
        rel="stylesheet"
        href="//clearview-imaging.com/cdn/shop/t/15/assets/component-predictive-search.css?v=118923337488134913561787573035"
        media="print"
        onload="this.media='all'"
      ><script>
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
    <script async src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

    <style>
.cv--breadcrumbs-block.cv--product-fam-breadcrumbs {
    display: none !important;
}
</style>
<meta name="google-site-verification" content="uT3o6yGLxu8zvhXNKxQlPcwlToeVU0ktqfvDEfMAJPk" /><!-- BEGIN app block: shopify://apps/smart-seo/blocks/smartseo/7b0a6064-ca2e-4392-9a1d-8c43c942357b --><meta name="smart-seo-integrated" content="true" /><!-- metatagsSavedToSEOFields: true --><!-- BEGIN app snippet: smartseo.website.info.jsonld --><!--JSON-LD data generated by Smart SEO-->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://clearview-imaging.com",
"name": "Clearview",
"potentialAction": {
"@type": "SearchAction",
"target": "https://clearview-imaging.com/search?q={query}",
"query-input": "required name=query"
}
}
</script><!-- END app snippet --><!-- BEGIN app snippet: smartseo.localbusiness.info.jsonld -->
<!--JSON-LD data generated by Smart SEO-->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Store",
"name": "Clearview",
"url": "https://clearview-imaging.com/",
"description": "Clearview is a leading supplier of Machine Vision components, solutions, systems and services. Whether you’re a manufacturer developing a vision system from scratch, or an end user looking to source a complete system, we can provide you with invaluable experience and support to help deliver the system you need.",
"email": "[email protected]",
"logo": "https://cdn.shopify.com/s/files/1/0556/9268/9470/files/clearview-logo_4d9b7002-80c1-45c4-bb46-73a80fd23129.png?v=1766054170",
"image": "https://cdn.shopify.com/s/files/1/0556/9268/9470/files/clearview-logo_4d9b7002-80c1-45c4-bb46-73a80fd23129.png?v=1766054170",
"sameAs": ["https://www.facebook.com/ClearViewImagingLtd","https://x.com/clearviewltd","https://www.youtube.com/@clearview782","https://uk.linkedin.com/company/clearview-machine-vision","https://find-and-update.company-information.service.gov.uk/company/06536557"],
"openingHours": ["Mo,We,Tu,Th,Sa,Fr,Su"],
"hasMap": "https://www.google.com/maps/@51.741936,-1.0047474,16z",
"address": {
"@type": "PostalAddress",
"streetAddress": "Unit 11, Christmas Hill Business Park, Rycote Ln",
"addressLocality": "Thame",
"addressRegion": "Oxfordshire",
"postalCode": "OX9 2FZ",
"addressCountry": "GB"
},
"priceRange": "£££",
"telephone": "+44 1844 217270",
"geo": {
"@type": "GeoCoordinates",
"latitude": 51.741936,
"longitude": -1.0047474
}
}
</script><!-- END app snippet --><!-- END app block --><script src="https://cdn.shopify.com/extensions/01a08082-d092-749c-87fb-d7fdd89713b9/announcement-bar-maker-by-apphero-7/assets/attrac-embed-bars.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/01a1072e-f5dc-7361-825c-3390e3aec4b3/quotify-26/assets/widget.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 55692689470,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 55692689470,storefrontBaseUrl: "https://clearview-imaging.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://clearview-imaging.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"1425047614","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-73JC3ZT6P4\\\",\\\"GT-PZZMWSGB\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-73JC3ZT6P4\\\",\\\"MC-Y9NKBVBCQK\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-73JC3ZT6P4\\\",\\\"MC-Y9NKBVBCQK\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-73JC3ZT6P4\\\",\\\"MC-Y9NKBVBCQK\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1169293374","configuration":"{\"shop\":\"clearview-clearview.myshopify.com\",\"url\":\"https:\\\/\\\/sortwise.mezereon.net\\\/t\",\"customEvents\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"858af8c77a364ea5bdaaa6d4998682cb","type":"APP","apiClientId":216838471681,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"136544318","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Clearview tool analytics"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Clearview","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"clearview-clearview.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/clearview-imaging.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://clearview-imaging.com/cdn","9f5e2762wb720532ap19708c42m93b2bec3",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"141972111422","themeStoreId":"887","themePublished":"true","eventMetadataId":"aa780cc3-f12a-4e17-ae09-f4df3e9072cb","pageType":"home","shopId":"55692689470","storefrontBaseUrl":"https:\/\/clearview-imaging.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"9f5e2762wb720532ap19708c42m93b2bec3","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'GBP';
  var meta = {"page":{"pageType":"home","requestId":"a5a96cff-22bc-4c87-94bc-9fe4cad33414-1792199246"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (method == 'track' || method == 'page') {
          var pageUrl;
          try {
            pageUrl = window.location.href;
          } catch (e) {}
          var pageReferrer;
          try {
            pageReferrer = document.referrer;
          } catch (e) {}
          try {
            if (window.__TREKKIE_SHIM_QUEUE == null) {
              window.__TREKKIE_SHIM_QUEUE = [];
            }
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1),
              pageContext: {
                url: pageUrl,
                referrer: pageReferrer
              }
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 55692689470,
      theme_id: 141972111422,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//clearview-imaging.com/cdn/s/trekkie.storefront.32ff6085714fe9c4d5859e332c5de5f8759a859e.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//clearview-imaging.com/cdn/s/trekkie.storefront.32ff6085714fe9c4d5859e332c5de5f8759a859e.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//clearview-imaging.com/cdn/s/trekkie.storefront.32ff6085714fe9c4d5859e332c5de5f8759a859e.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55692689470,"isMerchantRequest":null,"themeId":141972111422,"themeCityHash":"9801437037541265288","contentLanguage":"en","currency":"GBP","eventMetadataId":"aa780cc3-f12a-4e17-ae09-f4df3e9072cb"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"a5a96cff-22bc-4c87-94bc-9fe4cad33414-1792199246","shopifyEmitted":true});

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//clearview-imaging.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://clearview-imaging.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.11.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="55692689470"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="141972111422"
  data-theme-name="Dawn"
  data-theme-version="14.0.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://clearview-imaging.com/api/collect"
></script>
<meta name="shopify-y" content="50234b61-53a0-4826-97fc-20ea7e1a4b99" data-expiration="1823756846000"><meta name="shopify-s" content="2230bc9e-8560-4d18-9624-fc720cc6b664" data-expiration="1792201046000">
</head>

  <body class="gradient animate--hover-default">
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a>

<link href="//clearview-imaging.com/cdn/shop/t/15/assets/quantity-popover.css?v=78745769908715669131787573035" rel="stylesheet" type="text/css" media="all" />
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-card.css?v=17611270903833357411787573035" rel="stylesheet" type="text/css" media="all" />

<script src="//clearview-imaging.com/cdn/shop/t/15/assets/cart.js?v=107864062532657556931787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/quantity-popover.js?v=987015268078116491787573035" defer="defer"></script>

<style>
  .drawer {
    visibility: hidden;
  }
</style>

<cart-drawer class="drawer is-empty">
  <div id="CartDrawer" class="cart-drawer">
    <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
    <div
      class="drawer__inner gradient color-scheme-1"
      role="dialog"
      aria-modal="true"
      aria-label="Your cart"
      tabindex="-1"
    ><div class="drawer__inner-empty">
          <div class="cart-drawer__warnings center">
            <div class="cart-drawer__empty-content">
              <h2 class="cart__empty-text">Your cart is empty</h2>
              <button
                class="drawer__close"
                type="button"
                onclick="this.closest('cart-drawer').close()"
                aria-label="Close"
              >
                <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

              </button>
              <a href="/collections/all" class="button">
                Continue shopping
              </a><p class="cart__login-title h3">Have an account?</p>
                <p class="cart__login-paragraph">
                  <a href="https://clearview-imaging.com/customer_authentication/redirect?locale=en&region_country=GB" class="link underlined-link">Log in</a> to check out faster.
                </p></div>
          </div></div><div class="drawer__header">
        <h2 class="drawer__heading">Your cart</h2>
        <button
          class="drawer__close"
          type="button"
          onclick="this.closest('cart-drawer').close()"
          aria-label="Close"
        >
          <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

        </button>
      </div>
      <cart-drawer-items
        
          class=" is-empty"
        
      >
        <form
          action="/cart"
          id="CartDrawer-Form"
          class="cart__contents cart-drawer__form"
          method="post"
        >
          <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
              Loading...
            </p>
          </div>
          <div id="CartDrawer-CartErrors" role="alert"></div>
        </form>
      </cart-drawer-items>
      <div class="drawer__footer"><details id="Details-CartDrawer">
            <summary>
              <span class="summary__title">
                If applicable enter your Customer Reference (PO) Number.
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </span>
            </summary>
            <cart-note class="cart__note field">
              <label class="visually-hidden" for="CartDrawer-Note">If applicable enter your Customer Reference (PO) Number.</label>
              <textarea
                id="CartDrawer-Note"
                class="text-area text-area--resize-vertical field__input"
                name="note"
                placeholder="If applicable enter your Customer Reference (PO) Number."
              ></textarea>
            </cart-note>
          </details><!-- Start blocks -->
        <!-- Subtotals -->

        <div class="cart-drawer__footer" >
          <div></div>

          <div class="totals" role="status">
            <h2 class="totals__total">Estimated total</h2>
            <p class="totals__total-value">£0.00 GBP</p>
          </div>

          <small class="tax-note caption-large rte">Taxes, Discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout
</small>
        </div>
        
        <!-- VAT -->
        <div class="outside-form-tax-exemption tax-number">
  <label for="vat-number-drawer">VAT Number (required)*</label>
  <input
    type="text"
    id="vat-number-drawer"
    name="attributes[VAT Number]"
    placeholder="Enter your VAT Number"
    value=""
    form="CartDrawer-Form"
  >
</div>
<style>
  .vat-error {
    border-color: red !important;
  }
</style>
<script>
  function attachVatValidation() {
    const checkoutButton = document.getElementById('CartDrawer-Checkout');
    const vatInput = document.getElementById('vat-number-drawer');

    if (!checkoutButton || !vatInput) return;

    // Prevent multiple listeners
    if (checkoutButton.dataset.vatListenerAttached === 'true') {
      return;
    }

    checkoutButton.addEventListener('click', function (e) {

      if (vatInput.value.trim() === '') {
        e.preventDefault();
        vatInput.classList.add('vat-error');
        vatInput.focus();
      } else {
        vatInput.classList.remove('vat-error');
      }
    });

    checkoutButton.dataset.vatListenerAttached = 'true';
  }

  document.addEventListener('DOMContentLoaded', function () {
    // Initial call
    attachVatValidation();
    // Observe drawer for changes
    const drawer = document.getElementById('CartDrawer');

    if (!drawer) {
      return;
    }

    const observer = new MutationObserver((mutations) => {
      attachVatValidation();
    });

    observer.observe(drawer, { childList: true, subtree: true });
  });
</script>



        <!-- CTAs -->

        <div class="cart__ctas" >
          <button
            type="submit"
            id="CartDrawer-Checkout"
            class="cart__checkout-button button"
            name="checkout"
            form="CartDrawer-Form"
            
              disabled
            
          >
            Check out
          </button>
        </div>
      </div>
    </div>
  </div>
</cart-drawer>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--19244329664574__top-bar" class="shopify-section shopify-section-group-header-group"><section
  class="top-bar"
  style="background-color: #29243f; color: #ffffff;"
>
  <div class="container">
    <div class="top-bar__content">
      <div class="header__icons header__icons--localization header-localization">
        <div class="top-bar__localization desktop-localization-wrapper"><localization-form class="small-hide medium-hide" data-prevent-hide><form method="post" action="/localization" id="HeaderCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                  <h2 class="visually-hidden" id="HeaderCountryLabel">Country/region</h2>

<div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderCountry-country-results"
    aria-describedby="HeaderCountryLabel"
  >
    <span>United Kingdom |
      GBP
      £</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper country-selector" hidden>
    <div class="country-filter">
      
        <div class="field">
          <input
            class="country-filter__input field__input"
            id="country-filter-input"
            type="search"
            name="country_filter"
            value=""
            placeholder="Search"
            role="combobox"
            aria-owns="country-results"
            aria-controls="country-results"
            aria-haspopup="listbox"
            aria-autocomplete="list"
            autocorrect="off"
            autocomplete="off"
            autocapitalize="off"
            spellcheck="false"
          >
          <label class="field__label" for="country-filter-input">Search</label>
          <button
            type="reset"
            class="country-filter__reset-button field__button hidden"
            aria-label="Clear search term"
          >
            <svg class="icon icon-close" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-reset">
            </svg>
          </button>
          <div class="country-filter__search-icon field__button motion-reduce">
            <svg class="icon icon-search" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-search">
            </svg>
          </div>
        </div>
      
      <button
        class="country-selector__close-button button--small link"
        type="button"
        aria-label="Close"
      >
        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </button>
    </div>
    <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
    <div
      class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
      id="HeaderCountry-country-results"
    >
      
        <ul
          role="list"
          class="list-unstyled popular-countries"
          aria-label="Popular countries/regions"
        ><li class="disclosure__item" tabindex="-1">
              <a
                class="link link--text disclosure__link caption-large focus-inset"
                href="#"
                
                data-value="FR"
                id="France"
              >
                <span
                  
                    class="visibility-hidden"
                  
                ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
                <span class="country">France</span>
                <span class="localization-form__currency motion-reduce">
                  EUR
                  €</span>
              </a>
            </li><li class="disclosure__item" tabindex="-1">
              <a
                class="link link--text disclosure__link caption-large focus-inset"
                href="#"
                
                data-value="DE"
                id="Germany"
              >
                <span
                  
                    class="visibility-hidden"
                  
                ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
                <span class="country">Germany</span>
                <span class="localization-form__currency motion-reduce">
                  EUR
                  €</span>
              </a>
            </li><li class="disclosure__item" tabindex="-1">
              <a
                class="link link--text disclosure__link caption-large focus-inset"
                href="#"
                
                data-value="ES"
                id="Spain"
              >
                <span
                  
                    class="visibility-hidden"
                  
                ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
                <span class="country">Spain</span>
                <span class="localization-form__currency motion-reduce">
                  EUR
                  €</span>
              </a>
            </li></ul>
      
      <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AX"
              id="Åland Islands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Åland Islands</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AL"
              id="Albania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Albania</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AD"
              id="Andorra"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Andorra</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AT"
              id="Austria"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Austria</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BY"
              id="Belarus"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Belarus</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BE"
              id="Belgium"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Belgium</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BA"
              id="Bosnia &amp; Herzegovina"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Bosnia &amp; Herzegovina</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BG"
              id="Bulgaria"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Bulgaria</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HR"
              id="Croatia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Croatia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CZ"
              id="Czechia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Czechia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DK"
              id="Denmark"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Denmark</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="EE"
              id="Estonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Estonia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FO"
              id="Faroe Islands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Faroe Islands</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FI"
              id="Finland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Finland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FR"
              id="France"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">France</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DE"
              id="Germany"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Germany</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GI"
              id="Gibraltar"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Gibraltar</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GR"
              id="Greece"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Greece</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GG"
              id="Guernsey"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Guernsey</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HU"
              id="Hungary"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Hungary</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IS"
              id="Iceland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Iceland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IE"
              id="Ireland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ireland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IM"
              id="Isle of Man"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Isle of Man</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IT"
              id="Italy"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Italy</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="JE"
              id="Jersey"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Jersey</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="XK"
              id="Kosovo"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Kosovo</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LV"
              id="Latvia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Latvia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LI"
              id="Liechtenstein"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Liechtenstein</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LT"
              id="Lithuania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Lithuania</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LU"
              id="Luxembourg"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Luxembourg</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MT"
              id="Malta"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Malta</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MD"
              id="Moldova"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Moldova</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MC"
              id="Monaco"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Monaco</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ME"
              id="Montenegro"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Montenegro</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NL"
              id="Netherlands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Netherlands</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MK"
              id="North Macedonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">North Macedonia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NO"
              id="Norway"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Norway</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PL"
              id="Poland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Poland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PT"
              id="Portugal"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Portugal</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RO"
              id="Romania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Romania</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RU"
              id="Russia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Russia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SM"
              id="San Marino"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">San Marino</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RS"
              id="Serbia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Serbia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SK"
              id="Slovakia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Slovakia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SI"
              id="Slovenia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Slovenia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ES"
              id="Spain"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Spain</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SJ"
              id="Svalbard &amp; Jan Mayen"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Svalbard &amp; Jan Mayen</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SE"
              id="Sweden"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Sweden</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CH"
              id="Switzerland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Switzerland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="UA"
              id="Ukraine"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ukraine</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
                aria-current="true"
              
              data-value="GB"
              id="United Kingdom"
            >
              <span
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United Kingdom</span>
              <span class="localization-form__currency motion-reduce">
                GBP
                £</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="VA"
              id="Vatican City"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Vatican City</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li></ul>
    </div>
  </div>
  <div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="GB">
</div></form></localization-form>
          
<localization-form class="small-hide medium-hide" data-prevent-hide><form method="post" action="/localization" id="HeaderLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                  <h2 class="visually-hidden" id="HeaderLanguageLabel">Language</h2><div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderLanguageList"
    aria-describedby="HeaderLanguageLabel"
  >
    <span>English</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper" hidden>
    <ul id="HeaderLanguageList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="en"
            lang="en"
            
              aria-current="true"
            
            data-value="en"
          >
            <span
              
            ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
            <span>
              English
            </span>
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="de"
            lang="de"
            
            data-value="de"
          >
            <span
              
                class="visibility-hidden"
              
            ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
            <span>
              Deutsch
            </span>
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="fr"
            lang="fr"
            
            data-value="fr"
          >
            <span
              
                class="visibility-hidden"
              
            ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
            <span>
              Français
            </span>
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="es"
            lang="es"
            
            data-value="es"
          >
            <span
              
                class="visibility-hidden"
              
            ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
            <span>
              Español
            </span>
          </a>
        </li></ul>
  </div>
</div>
<input type="hidden" name="locale_code" value="en">
</div></form></localization-form></div>
        

<details-modal class="header__search">
  <details>
    <summary
      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
      aria-haspopup="dialog"
      aria-label="Search"
    >
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <use href="#icon-search">
        </svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <use href="#icon-close">
        </svg>
      </span>
    </summary>
    <div
      class="search-modal modal__content gradient"
      role="dialog"
      aria-modal="true"
      aria-label="Search"
    >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
      ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <input
              class="search__input field__input"
              id="Search-In-Modal"
              type="search"
              name="q"
              value=""
              placeholder="Search"role="combobox"
                aria-expanded="false"
                aria-owns="predictive-search-results"
                aria-controls="predictive-search-results"
                aria-haspopup="listbox"
                aria-autocomplete="list"
                autocorrect="off"
                autocomplete="off"
                autocapitalize="off"
                spellcheck="false">
            <label class="field__label" for="Search-In-Modal">Search</label>
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="reset__button field__button hidden"
              aria-label="Clear search term"
            >
              <svg class="icon icon-close" aria-hidden="true" focusable="false">
                <use xlink:href="#icon-reset">
              </svg>
            </button>
            <button class="search__button field__button" aria-label="Search">
              <svg class="icon icon-search" aria-hidden="true" focusable="false">
                <use href="#icon-search">
              </svg>
            </button>
          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-loading-spinner.css?v=116724955567955766481787573035" rel="stylesheet" type="text/css" media="all" />

<div class="predictive-search__loading-state">
  <svg
    aria-hidden="true"
    focusable="false"
    class="spinner"
    viewBox="0 0 66 66"
    xmlns="http://www.w3.org/2000/svg"
  >
    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  </svg>
</div>
</div>

            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
          type="button"
          class="search-modal__close-button modal__close-button link link--text focus-inset"
          aria-label="Close"
        >
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>

<a
            href="https://clearview-imaging.com/customer_authentication/redirect?locale=en&region_country=GB"
            class="header__icon header__icon--account link focus-inset"
          >
            <account-icon><svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-account"
  fill="none"
  viewBox="0 0 18 19"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>

</account-icon>
            <span class="visually-hidden">Log in</span>
          </a><div class="top-bar__cart">
          <a
            href="/cart"
            class="header__icon header__icon--cart link focus-inset"
            id="cart-icon-bubble"
          ><svg
  class="icon icon-cart-empty"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 40 40"
  fill="none"
>
  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
</svg>
<span class="visually-hidden">Cart</span></a>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
  .top-bar {
    padding: 4px 30px;
  }
  .top-bar__content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .top-bar__localization,
  .top-bar__cart {
    display: flex;
    align-items: center;
  }
  .top-bar__localization * {
    color: #ffffff !important;
  }
  .top-bar__cart * {
    color: #ffffff !important;
  }
  .header__icon {
    color: #ffffff;
  }
  .cart-count-bubble {
    background-color: #957fb8;
  }
</style>


<style> #shopify-section-sections--19244329664574__top-bar .top-bar .container {display: block !important;} #shopify-section-sections--19244329664574__top-bar .top-bar__localization * {color: #222 !important;} #shopify-section-sections--19244329664574__top-bar .localization-selector span {color: #fff !important;} #shopify-section-sections--19244329664574__top-bar .disclosure__item span {color: #222 !important;} </style></div><div id="shopify-section-sections--19244329664574__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-list-menu.css?v=151968516119678728991787573035" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-search.css?v=165164710990765432851787573035" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-menu-drawer.css?v=108275830883138397371787573035" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-cart-notification.css?v=54116361853792938221787573035" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-cart-items.css?v=127384614032664249911787573035" media="print" onload="this.media='all'"><link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-price.css?v=70172745017360139101787573035" media="print" onload="this.media='all'"><link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-cart-drawer.css?v=19530961819213608911787573035" rel="stylesheet" type="text/css" media="all" />
  <link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-cart.css?v=172630077910018527761787573035" rel="stylesheet" type="text/css" media="all" />
  <link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-totals.css?v=15906652033866631521787573035" rel="stylesheet" type="text/css" media="all" />
  <link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-price.css?v=70172745017360139101787573035" rel="stylesheet" type="text/css" media="all" />
  <link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-discounts.css?v=152760482443307489271787573035" rel="stylesheet" type="text/css" media="all" />
<style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }@media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }.menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: 1.065rem;
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: 1.065rem;;
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }

</style><style data-shopify>.header {
    padding: 0px 3rem 0px 3rem;
  }

  .section-header {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 0px;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }</style><script src="//clearview-imaging.com/cdn/shop/t/15/assets/details-disclosure.js?v=13653116266235556501787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/details-modal.js?v=25581673532751508451787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/cart-notification.js?v=133508293167896966491787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/search-form.js?v=133129549252120666541787573035" defer="defer"></script><script src="//clearview-imaging.com/cdn/shop/t/15/assets/cart-drawer.js?v=105077087914686398511787573035" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  </symbol>

  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewBox="0 0 18 18" stroke="currentColor">
    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor" />
  </symbol>
</svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-scheme-1 gradient header-wrapper--border-bottom"><header class="header header--middle-left header--mobile-center  header--has-menu header--has-social header--has-account header--has-localizations">

<header-drawer data-breakpoint="tablet">
  <details id="Details-menu-drawer-container" class="menu-drawer-container">
    <summary
      class="header__icon header__icon--menu header__icon--summary link focus-inset"
      aria-label="Menu"
    >
      <span>
        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-hamburger"
  fill="none"
  viewBox="0 0 18 16"
>
  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>

        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </span>
    </summary>
    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
      <div class="menu-drawer__inner-container">
        <div class="menu-drawer__navigation-container">
          <nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
                      id="HeaderDrawer-pricing"
                      href="/pages/how-much-does-machine-vision-actually-cost"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Pricing
                    </a></li><li><details id="Details-menu-drawer-menu-item-2">
                      <summary
                        id="HeaderDrawer-components"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      >
                        Components
                        <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <div
                        id="link-components"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                            <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                            Components
                          </button>
                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                    id="HeaderDrawer-components-2d-cameras"
                                    href="/collections/cameras"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    2D Cameras
                                  </a></li><li><a
                                    id="HeaderDrawer-components-3d-cameras"
                                    href="/collections/3d-cameras"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    3D Cameras
                                  </a></li><li><a
                                    id="HeaderDrawer-components-line-scan-cameras"
                                    href="/collections/line-scan-cameras"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Line Scan Cameras
                                  </a></li><li><a
                                    id="HeaderDrawer-components-thermal-cameras"
                                    href="/collections/thermal-cameras"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Thermal Cameras
                                  </a></li><li><a
                                    id="HeaderDrawer-components-smart-cameras"
                                    href="/collections/smart-vision-cameras"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Smart Cameras
                                  </a></li><li><a
                                    id="HeaderDrawer-components-vision-sensors"
                                    href="/collections/vision-sensors"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Vision Sensors
                                  </a></li><li><a
                                    id="HeaderDrawer-components-fixed-industrial-scanners"
                                    href="/collections/fixed-industrial-scanners"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Fixed Industrial Scanners
                                  </a></li><li><a
                                    id="HeaderDrawer-components-hyperspectral-cameras"
                                    href="/collections/hyperspectral-cameras"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Hyperspectral Cameras
                                  </a></li><li><a
                                    id="HeaderDrawer-components-embedded-systems"
                                    href="/collections/embedded-vision-systems"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Embedded Systems
                                  </a></li><li><a
                                    id="HeaderDrawer-components-frame-grabbers"
                                    href="/collections/frame-grabbers"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Frame Grabbers
                                  </a></li><li><a
                                    id="HeaderDrawer-components-lenses"
                                    href="/collections/machine-vision-lenses"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Lenses
                                  </a></li><li><a
                                    id="HeaderDrawer-components-optical-filters"
                                    href="/collections/optical-filters"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Optical Filters
                                  </a></li><li><a
                                    id="HeaderDrawer-components-illumination"
                                    href="/collections/machine-vision-illumination"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Illumination
                                  </a></li><li><a
                                    id="HeaderDrawer-components-laser-modules"
                                    href="/collections/laser-modules"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Laser Modules
                                  </a></li><li><a
                                    id="HeaderDrawer-components-machine-vision-software"
                                    href="/collections/machine-vision-software"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Machine Vision Software
                                  </a></li><li><a
                                    id="HeaderDrawer-components-partners"
                                    href="https://clearview-clearview.myshopify.com/pages/components#shopify-section-template--17712163651646__company_logos_Xm3RhH"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Partners
                                  </a></li></ul>
                        </div>
                      </div>
                    </details></li><li><details id="Details-menu-drawer-menu-item-3">
                      <summary
                        id="HeaderDrawer-systems"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      >
                        Systems
                        <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <div
                        id="link-systems"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                            <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                            Systems
                          </button>
                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                    id="HeaderDrawer-systems-label-verification-solution"
                                    href="/pages/labelverification-solutions"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Label Verification Solution
                                  </a></li><li><a
                                    id="HeaderDrawer-systems-barcode-validation-solution"
                                    href="/pages/barcode-validation"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Barcode Validation Solution
                                  </a></li><li><a
                                    id="HeaderDrawer-systems-custom-vision-solutions"
                                    href="/pages/custom-vision-solutions"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Custom Vision Solutions
                                  </a></li></ul>
                        </div>
                      </div>
                    </details></li><li><a
                      id="HeaderDrawer-engineering-happiness"
                      href="/pages/engineering-happiness"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Engineering Happiness
                    </a></li><li><a
                      id="HeaderDrawer-solutions-services"
                      href="/pages/solutions-services"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Solutions &amp; Services
                    </a></li><li><details id="Details-menu-drawer-menu-item-6">
                      <summary
                        id="HeaderDrawer-company"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      >
                        Company
                        <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <div
                        id="link-company"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                            <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                            Company
                          </button>
                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                    id="HeaderDrawer-company-about-us"
                                    href="/pages/about-us"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    About Us
                                  </a></li><li><a
                                    id="HeaderDrawer-company-great-place-to-work"
                                    href="/pages/great-place-to-work"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Great Place to Work
                                  </a></li><li><a
                                    id="HeaderDrawer-company-careers"
                                    href="/pages/careers"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Careers
                                  </a></li><li><a
                                    id="HeaderDrawer-company-industries-we-serve"
                                    href="/pages/machine-vision-applications"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Industries We Serve
                                  </a></li></ul>
                        </div>
                      </div>
                    </details></li><li><details id="Details-menu-drawer-menu-item-7">
                      <summary
                        id="HeaderDrawer-knowledge"
                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      >
                        Knowledge
                        <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <div
                        id="link-knowledge"
                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
                        tabindex="-1"
                      >
                        <div class="menu-drawer__inner-submenu">
                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                            <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                            Knowledge
                          </button>
                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                    id="HeaderDrawer-knowledge-knowhow-webinars-seminars"
                                    href="/pages/clearview-knowhow"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Knowhow Webinars &amp; Seminars
                                  </a></li><li><a
                                    id="HeaderDrawer-knowledge-knowhow-training-courses"
                                    href="/pages/training"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Knowhow Training Courses
                                  </a></li><li><a
                                    id="HeaderDrawer-knowledge-insights-test-your-products"
                                    href="/pages/clearview-insights"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Insights Test Your Products
                                  </a></li><li><a
                                    id="HeaderDrawer-knowledge-inview-blog-newsletters"
                                    href="/blogs/news"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Inview blog &amp; newsletters
                                  </a></li><li><a
                                    id="HeaderDrawer-knowledge-experience-centre"
                                    href="/pages/experience-centre"
                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    
                                  >
                                    Experience Centre
                                  </a></li><li><details id="Details-menu-drawer-knowledge-guides">
                                    <summary
                                      id="HeaderDrawer-knowledge-guides"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    >
                                      Guides
                                      <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                                    </summary>
                                    <div
                                      id="childlink-guides"
                                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
                                    >
                                      <button
                                        class="menu-drawer__close-button link link--text focus-inset"
                                        aria-expanded="true"
                                      >
                                        <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                                        Guides
                                      </button>
                                      <ul
                                        class="menu-drawer__menu list-menu"
                                        role="list"
                                        tabindex="-1"
                                      ><li>
                                            <a
                                              id="HeaderDrawer-knowledge-guides-machine-vision-suppliers-in-europe-the-complete-guide"
                                              href="/pages/machine-vision-suppliers-europe"
                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                              
                                            >
                                              Machine Vision Suppliers in Europe: The Complete Guide
                                            </a>
                                          </li><li>
                                            <a
                                              id="HeaderDrawer-knowledge-guides-machine-vision-budget-planning-guide"
                                              href="/pages/machine-vision-budget-planning-guide"
                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                              
                                            >
                                              Machine Vision Budget Planning Guide
                                            </a>
                                          </li><li>
                                            <a
                                              id="HeaderDrawer-knowledge-guides-guide-to-machine-vision-cameras-2026"
                                              href="/pages/guide-to-machine-vision-cameras-2026"
                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                              
                                            >
                                              Guide To Machine Vision Cameras 2026
                                            </a>
                                          </li></ul>
                                    </div>
                                  </details></li><li><details id="Details-menu-drawer-knowledge-tools">
                                    <summary
                                      id="HeaderDrawer-knowledge-tools"
                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                    >
                                      Tools
                                      <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                                    </summary>
                                    <div
                                      id="childlink-tools"
                                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
                                    >
                                      <button
                                        class="menu-drawer__close-button link link--text focus-inset"
                                        aria-expanded="true"
                                      >
                                        <svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                                        Tools
                                      </button>
                                      <ul
                                        class="menu-drawer__menu list-menu"
                                        role="list"
                                        tabindex="-1"
                                      ><li>
                                            <a
                                              id="HeaderDrawer-knowledge-tools-machine-vision-lens-calculator"
                                              href="/pages/machine-vision-lens-calculator"
                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                              
                                            >
                                              Machine Vision Lens Calculator
                                            </a>
                                          </li><li>
                                            <a
                                              id="HeaderDrawer-knowledge-tools-machine-vision-readiness-assessment"
                                              href="/pages/machine-vision-readiness-assessment"
                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                              
                                            >
                                              Machine Vision Readiness Assessment
                                            </a>
                                          </li><li>
                                            <a
                                              id="HeaderDrawer-knowledge-tools-machine-vision-faqs"
                                              href="/pages/faq"
                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                              
                                            >
                                              Machine Vision FAQ&#39;s
                                            </a>
                                          </li><li>
                                            <a
                                              id="HeaderDrawer-knowledge-tools-illumination-selector-tool"
                                              href="/pages/illumination-selector-tool"
                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                              
                                            >
                                              Illumination Selector Tool
                                            </a>
                                          </li></ul>
                                    </div>
                                  </details></li></ul>
                        </div>
                      </div>
                    </details></li><li><a
                      id="HeaderDrawer-contact"
                      href="/pages/contact"
                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                      
                    >
                      Contact
                    </a></li></ul>
          </nav>
          <div class="menu-drawer__utility-links"><a
                href="https://clearview-imaging.com/customer_authentication/redirect?locale=en&region_country=GB"
                class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
              >
                <account-icon><svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-account"
  fill="none"
  viewBox="0 0 18 19"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>

</account-icon>Log in</a><div class="menu-drawer__localization header-localization"><localization-form><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                        <h2 class="visually-hidden" id="HeaderCountryMobileLabel">
                          Country/region
                        </h2>

<div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderCountryMobile-country-results"
    aria-describedby="HeaderCountryMobileLabel"
  >
    <span>United Kingdom |
      GBP
      £</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper country-selector" hidden>
    <div class="country-filter">
      
        <div class="field">
          <input
            class="country-filter__input field__input"
            id="country-filter-input"
            type="search"
            name="country_filter"
            value=""
            placeholder="Search"
            role="combobox"
            aria-owns="country-results"
            aria-controls="country-results"
            aria-haspopup="listbox"
            aria-autocomplete="list"
            autocorrect="off"
            autocomplete="off"
            autocapitalize="off"
            spellcheck="false"
          >
          <label class="field__label" for="country-filter-input">Search</label>
          <button
            type="reset"
            class="country-filter__reset-button field__button hidden"
            aria-label="Clear search term"
          >
            <svg class="icon icon-close" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-reset">
            </svg>
          </button>
          <div class="country-filter__search-icon field__button motion-reduce">
            <svg class="icon icon-search" aria-hidden="true" focusable="false">
              <use xlink:href="#icon-search">
            </svg>
          </div>
        </div>
      
      <button
        class="country-selector__close-button button--small link"
        type="button"
        aria-label="Close"
      >
        <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </button>
    </div>
    <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
    <div
      class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
      id="HeaderCountryMobile-country-results"
    >
      
        <ul
          role="list"
          class="list-unstyled popular-countries"
          aria-label="Popular countries/regions"
        ><li class="disclosure__item" tabindex="-1">
              <a
                class="link link--text disclosure__link caption-large focus-inset"
                href="#"
                
                data-value="FR"
                id="France"
              >
                <span
                  
                    class="visibility-hidden"
                  
                ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
                <span class="country">France</span>
                <span class="localization-form__currency motion-reduce">
                  EUR
                  €</span>
              </a>
            </li><li class="disclosure__item" tabindex="-1">
              <a
                class="link link--text disclosure__link caption-large focus-inset"
                href="#"
                
                data-value="DE"
                id="Germany"
              >
                <span
                  
                    class="visibility-hidden"
                  
                ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
                <span class="country">Germany</span>
                <span class="localization-form__currency motion-reduce">
                  EUR
                  €</span>
              </a>
            </li><li class="disclosure__item" tabindex="-1">
              <a
                class="link link--text disclosure__link caption-large focus-inset"
                href="#"
                
                data-value="ES"
                id="Spain"
              >
                <span
                  
                    class="visibility-hidden"
                  
                ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
                <span class="country">Spain</span>
                <span class="localization-form__currency motion-reduce">
                  EUR
                  €</span>
              </a>
            </li></ul>
      
      <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AX"
              id="Åland Islands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Åland Islands</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AL"
              id="Albania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Albania</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AD"
              id="Andorra"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Andorra</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="AT"
              id="Austria"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Austria</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BY"
              id="Belarus"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Belarus</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BE"
              id="Belgium"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Belgium</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BA"
              id="Bosnia &amp; Herzegovina"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Bosnia &amp; Herzegovina</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="BG"
              id="Bulgaria"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Bulgaria</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HR"
              id="Croatia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Croatia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CZ"
              id="Czechia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Czechia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DK"
              id="Denmark"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Denmark</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="EE"
              id="Estonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Estonia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FO"
              id="Faroe Islands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Faroe Islands</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FI"
              id="Finland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Finland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="FR"
              id="France"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">France</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="DE"
              id="Germany"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Germany</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GI"
              id="Gibraltar"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Gibraltar</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GR"
              id="Greece"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Greece</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="GG"
              id="Guernsey"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Guernsey</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="HU"
              id="Hungary"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Hungary</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IS"
              id="Iceland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Iceland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IE"
              id="Ireland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ireland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IM"
              id="Isle of Man"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Isle of Man</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="IT"
              id="Italy"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Italy</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="JE"
              id="Jersey"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Jersey</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="XK"
              id="Kosovo"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Kosovo</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LV"
              id="Latvia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Latvia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LI"
              id="Liechtenstein"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Liechtenstein</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LT"
              id="Lithuania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Lithuania</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="LU"
              id="Luxembourg"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Luxembourg</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MT"
              id="Malta"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Malta</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MD"
              id="Moldova"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Moldova</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MC"
              id="Monaco"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Monaco</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ME"
              id="Montenegro"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Montenegro</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NL"
              id="Netherlands"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Netherlands</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="MK"
              id="North Macedonia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">North Macedonia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="NO"
              id="Norway"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Norway</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PL"
              id="Poland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Poland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="PT"
              id="Portugal"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Portugal</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RO"
              id="Romania"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Romania</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RU"
              id="Russia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Russia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SM"
              id="San Marino"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">San Marino</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="RS"
              id="Serbia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Serbia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SK"
              id="Slovakia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Slovakia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SI"
              id="Slovenia"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Slovenia</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="ES"
              id="Spain"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Spain</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SJ"
              id="Svalbard &amp; Jan Mayen"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Svalbard &amp; Jan Mayen</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="SE"
              id="Sweden"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Sweden</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="CH"
              id="Switzerland"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Switzerland</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="UA"
              id="Ukraine"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Ukraine</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
                aria-current="true"
              
              data-value="GB"
              id="United Kingdom"
            >
              <span
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">United Kingdom</span>
              <span class="localization-form__currency motion-reduce">
                GBP
                £</span>
            </a>
          </li><li class="disclosure__item" tabindex="-1">
            <a
              class="link link--text disclosure__link caption-large focus-inset"
              href="#"
              
              data-value="VA"
              id="Vatican City"
            >
              <span
                
                  class="visibility-hidden"
                
              ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
              <span class="country">Vatican City</span>
              <span class="localization-form__currency motion-reduce">
                EUR
                €</span>
            </a>
          </li></ul>
    </div>
  </div>
  <div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="GB">
</div></form></localization-form>
                
<localization-form><form method="post" action="/localization" id="HeaderLanguageMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
                        <h2 class="visually-hidden" id="HeaderLanguageMobileLabel">
                          Language
                        </h2><div class="disclosure">
  <button
    type="button"
    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
    aria-expanded="false"
    aria-controls="HeaderLanguageMobileList"
    aria-describedby="HeaderLanguageMobileLabel"
  >
    <span>English</span>
    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

  </button>
  <div class="disclosure__list-wrapper" hidden>
    <ul id="HeaderLanguageMobileList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="en"
            lang="en"
            
              aria-current="true"
            
            data-value="en"
          >
            <span
              
            ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
            <span>
              English
            </span>
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="de"
            lang="de"
            
            data-value="de"
          >
            <span
              
                class="visibility-hidden"
              
            ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
            <span>
              Deutsch
            </span>
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="fr"
            lang="fr"
            
            data-value="fr"
          >
            <span
              
                class="visibility-hidden"
              
            ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
            <span>
              Français
            </span>
          </a>
        </li><li class="disclosure__item" tabindex="-1">
          <a
            class="link link--text disclosure__link caption-large focus-inset"
            href="#"
            hreflang="es"
            lang="es"
            
            data-value="es"
          >
            <span
              
                class="visibility-hidden"
              
            ><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
            <span>
              Español
            </span>
          </a>
        </li></ul>
  </div>
</div>
<input type="hidden" name="locale_code" value="en">
</div></form></localization-form></div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
                  <a href="https://www.facebook.com/ClearViewImagingLtd" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
  <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/>
</svg>
<span class="visually-hidden">Facebook</span>
                  </a>
                </li><li class="list-social__item">
                  <a href="https://www.youtube.com/@clearview782" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20">
  <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
</svg>
<span class="visually-hidden">YouTube</span>
                  </a>
                </li></ul>
          </div>
        </div>
      </div>
    </div>
  </details>
</header-drawer>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
                
                <img src="//clearview-imaging.com/cdn/shop/files/clearview-logo.svg?v=1716417422&amp;width=600" alt="Clearview" srcset="//clearview-imaging.com/cdn/shop/files/clearview-logo.svg?v=1716417422&amp;width=210 210w, //clearview-imaging.com/cdn/shop/files/clearview-logo.svg?v=1716417422&amp;width=315 315w, //clearview-imaging.com/cdn/shop/files/clearview-logo.svg?v=1716417422&amp;width=420 420w" width="210" height="33.0" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 420px) 50vw, 210px">
              </div></a></h1>

<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list"><li><a
            id="HeaderMenu-pricing"
            href="/pages/how-much-does-machine-vision-actually-cost"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Pricing</span>
          </a></li><li><header-menu>
            <details id="Details-HeaderMenu-2">
              <summary
                id="HeaderMenu-components"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <a href="/pages/components" class="cv--menu-primary">
                <span
                >Components</span>
              </a>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </summary>
              <ul
                id="HeaderMenu-MenuList-2"
                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
                role="list"
                tabindex="-1"
              ><li><a
                        id="HeaderMenu-components-2d-cameras"
                        href="/collections/cameras"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        2D Cameras
                      </a></li><li><a
                        id="HeaderMenu-components-3d-cameras"
                        href="/collections/3d-cameras"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        3D Cameras
                      </a></li><li><a
                        id="HeaderMenu-components-line-scan-cameras"
                        href="/collections/line-scan-cameras"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Line Scan Cameras
                      </a></li><li><a
                        id="HeaderMenu-components-thermal-cameras"
                        href="/collections/thermal-cameras"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Thermal Cameras
                      </a></li><li><a
                        id="HeaderMenu-components-smart-cameras"
                        href="/collections/smart-vision-cameras"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Smart Cameras
                      </a></li><li><a
                        id="HeaderMenu-components-vision-sensors"
                        href="/collections/vision-sensors"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Vision Sensors
                      </a></li><li><a
                        id="HeaderMenu-components-fixed-industrial-scanners"
                        href="/collections/fixed-industrial-scanners"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Fixed Industrial Scanners
                      </a></li><li><a
                        id="HeaderMenu-components-hyperspectral-cameras"
                        href="/collections/hyperspectral-cameras"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Hyperspectral Cameras
                      </a></li><li><a
                        id="HeaderMenu-components-embedded-systems"
                        href="/collections/embedded-vision-systems"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Embedded Systems
                      </a></li><li><a
                        id="HeaderMenu-components-frame-grabbers"
                        href="/collections/frame-grabbers"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Frame Grabbers
                      </a></li><li><a
                        id="HeaderMenu-components-lenses"
                        href="/collections/machine-vision-lenses"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Lenses
                      </a></li><li><a
                        id="HeaderMenu-components-optical-filters"
                        href="/collections/optical-filters"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Optical Filters
                      </a></li><li><a
                        id="HeaderMenu-components-illumination"
                        href="/collections/machine-vision-illumination"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Illumination
                      </a></li><li><a
                        id="HeaderMenu-components-laser-modules"
                        href="/collections/laser-modules"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Laser Modules
                      </a></li><li><a
                        id="HeaderMenu-components-machine-vision-software"
                        href="/collections/machine-vision-software"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Machine Vision Software
                      </a></li><li><a
                        id="HeaderMenu-components-partners"
                        href="https://clearview-clearview.myshopify.com/pages/components#shopify-section-template--17712163651646__company_logos_Xm3RhH"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Partners
                      </a></li></ul>
            </details>
          </header-menu></li><li><header-menu>
            <details id="Details-HeaderMenu-3">
              <summary
                id="HeaderMenu-systems"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <a href="/pages/systems" class="cv--menu-primary">
                <span
                >Systems</span>
              </a>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </summary>
              <ul
                id="HeaderMenu-MenuList-3"
                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
                role="list"
                tabindex="-1"
              ><li><a
                        id="HeaderMenu-systems-label-verification-solution"
                        href="/pages/labelverification-solutions"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Label Verification Solution
                      </a></li><li><a
                        id="HeaderMenu-systems-barcode-validation-solution"
                        href="/pages/barcode-validation"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Barcode Validation Solution
                      </a></li><li><a
                        id="HeaderMenu-systems-custom-vision-solutions"
                        href="/pages/custom-vision-solutions"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Custom Vision Solutions
                      </a></li></ul>
            </details>
          </header-menu></li><li><a
            id="HeaderMenu-engineering-happiness"
            href="/pages/engineering-happiness"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Engineering Happiness</span>
          </a></li><li><a
            id="HeaderMenu-solutions-services"
            href="/pages/solutions-services"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Solutions &amp; Services</span>
          </a></li><li><header-menu>
            <details id="Details-HeaderMenu-6">
              <summary
                id="HeaderMenu-company"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <a href="/pages/about-us" class="cv--menu-primary">
                <span
                >Company</span>
              </a>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </summary>
              <ul
                id="HeaderMenu-MenuList-6"
                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
                role="list"
                tabindex="-1"
              ><li><a
                        id="HeaderMenu-company-about-us"
                        href="/pages/about-us"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        About Us
                      </a></li><li><a
                        id="HeaderMenu-company-great-place-to-work"
                        href="/pages/great-place-to-work"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Great Place to Work
                      </a></li><li><a
                        id="HeaderMenu-company-careers"
                        href="/pages/careers"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Careers
                      </a></li><li><a
                        id="HeaderMenu-company-industries-we-serve"
                        href="/pages/machine-vision-applications"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Industries We Serve
                      </a></li></ul>
            </details>
          </header-menu></li><li><header-menu>
            <details id="Details-HeaderMenu-7">
              <summary
                id="HeaderMenu-knowledge"
                class="header__menu-item list-menu__item link focus-inset"
              >
                <a href="/pages/clearview-knowhow" class="cv--menu-primary">
                <span
                >Knowledge</span>
              </a>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

              </summary>
              <ul
                id="HeaderMenu-MenuList-7"
                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
                role="list"
                tabindex="-1"
              ><li><a
                        id="HeaderMenu-knowledge-knowhow-webinars-seminars"
                        href="/pages/clearview-knowhow"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Knowhow Webinars &amp; Seminars
                      </a></li><li><a
                        id="HeaderMenu-knowledge-knowhow-training-courses"
                        href="/pages/training"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Knowhow Training Courses
                      </a></li><li><a
                        id="HeaderMenu-knowledge-insights-test-your-products"
                        href="/pages/clearview-insights"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Insights Test Your Products
                      </a></li><li><a
                        id="HeaderMenu-knowledge-inview-blog-newsletters"
                        href="/blogs/news"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Inview blog &amp; newsletters
                      </a></li><li><a
                        id="HeaderMenu-knowledge-experience-centre"
                        href="/pages/experience-centre"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                        
                      >
                        Experience Centre
                      </a></li><li><details id="Details-HeaderSubMenu-knowledge-guides">
                        <summary
                          id="HeaderMenu-knowledge-guides"
                          class="header__menu-item link link--text list-menu__item focus-inset caption-large"
                        >
                          <span>Guides</span>
                          <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                        </summary>
                        <ul
                          id="HeaderMenu-SubMenuList-knowledge-guides-"
                          class="header__submenu list-menu motion-reduce"
                        ><li>
                              <a
                                id="HeaderMenu-knowledge-guides-machine-vision-suppliers-in-europe-the-complete-guide"
                                href="/pages/machine-vision-suppliers-europe"
                                class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                
                              >
                                Machine Vision Suppliers in Europe: The Complete Guide
                              </a>
                            </li><li>
                              <a
                                id="HeaderMenu-knowledge-guides-machine-vision-budget-planning-guide"
                                href="/pages/machine-vision-budget-planning-guide"
                                class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                
                              >
                                Machine Vision Budget Planning Guide
                              </a>
                            </li><li>
                              <a
                                id="HeaderMenu-knowledge-guides-guide-to-machine-vision-cameras-2026"
                                href="/pages/guide-to-machine-vision-cameras-2026"
                                class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                
                              >
                                Guide To Machine Vision Cameras 2026
                              </a>
                            </li></ul>
                      </details></li><li><details id="Details-HeaderSubMenu-knowledge-tools">
                        <summary
                          id="HeaderMenu-knowledge-tools"
                          class="header__menu-item link link--text list-menu__item focus-inset caption-large"
                        >
                          <span>Tools</span>
                          <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                        </summary>
                        <ul
                          id="HeaderMenu-SubMenuList-knowledge-tools-"
                          class="header__submenu list-menu motion-reduce"
                        ><li>
                              <a
                                id="HeaderMenu-knowledge-tools-machine-vision-lens-calculator"
                                href="/pages/machine-vision-lens-calculator"
                                class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                
                              >
                                Machine Vision Lens Calculator
                              </a>
                            </li><li>
                              <a
                                id="HeaderMenu-knowledge-tools-machine-vision-readiness-assessment"
                                href="/pages/machine-vision-readiness-assessment"
                                class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                
                              >
                                Machine Vision Readiness Assessment
                              </a>
                            </li><li>
                              <a
                                id="HeaderMenu-knowledge-tools-machine-vision-faqs"
                                href="/pages/faq"
                                class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                
                              >
                                Machine Vision FAQ&#39;s
                              </a>
                            </li><li>
                              <a
                                id="HeaderMenu-knowledge-tools-illumination-selector-tool"
                                href="/pages/illumination-selector-tool"
                                class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                
                              >
                                Illumination Selector Tool
                              </a>
                            </li></ul>
                      </details></li></ul>
            </details>
          </header-menu></li><li><a
            id="HeaderMenu-contact"
            href="/pages/contact"
            class="header__menu-item list-menu__item link link--text focus-inset"
            
          >
            <span
            >Contact</span>
          </a></li></ul>
</nav>

<div class="header-ricons">
      

<details-modal class="header__search">
  <details>
    <summary
      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
      aria-haspopup="dialog"
      aria-label="Search"
    >
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <use href="#icon-search">
        </svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <use href="#icon-close">
        </svg>
      </span>
    </summary>
    <div
      class="search-modal modal__content gradient"
      role="dialog"
      aria-modal="true"
      aria-label="Search"
    >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
      ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <input
              class="search__input field__input"
              id="Search-In-Modal"
              type="search"
              name="q"
              value=""
              placeholder="Search"role="combobox"
                aria-expanded="false"
                aria-owns="predictive-search-results"
                aria-controls="predictive-search-results"
                aria-haspopup="listbox"
                aria-autocomplete="list"
                autocorrect="off"
                autocomplete="off"
                autocapitalize="off"
                spellcheck="false">
            <label class="field__label" for="Search-In-Modal">Search</label>
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="reset__button field__button hidden"
              aria-label="Clear search term"
            >
              <svg class="icon icon-close" aria-hidden="true" focusable="false">
                <use xlink:href="#icon-reset">
              </svg>
            </button>
            <button class="search__button field__button" aria-label="Search">
              <svg class="icon icon-search" aria-hidden="true" focusable="false">
                <use href="#icon-search">
              </svg>
            </button>
          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-loading-spinner.css?v=116724955567955766481787573035" rel="stylesheet" type="text/css" media="all" />

<div class="predictive-search__loading-state">
  <svg
    aria-hidden="true"
    focusable="false"
    class="spinner"
    viewBox="0 0 66 66"
    xmlns="http://www.w3.org/2000/svg"
  >
    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  </svg>
</div>
</div>

            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
          type="button"
          class="search-modal__close-button modal__close-button link link--text focus-inset"
          aria-label="Close"
        >
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>

<a href="https://clearview-imaging.com/customer_authentication/redirect?locale=en&region_country=GB"
            class="header__icon header__icon--account link focus-inset small-hide">
            <account-icon><svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-account"
  fill="none"
  viewBox="0 0 18 19"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>

</account-icon>
            <span class="visually-hidden">Log in</span>
          </a><div class="top-bar__cart">
          <a
            href="/cart"
            class="header__icon header__icon--cart link focus-inset"
            id="cart-icon-bubble"
          ><svg
  class="icon icon-cart-empty"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 40 40"
  fill="none"
>
  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
</svg>
<span class="visually-hidden">Cart</span></a>
        </div>
    </div>
    
  </header>
</sticky-header>


<script>
(function() {
  var KEY = 'cv_scroll_to_section';

  var MAP = {
    'components': 'components',
    'systems': 'systems',
    'custom vision solutions': 'custom-vision-solutions'
  };

  function norm(s) {
    return (s || '').toString().trim().toLowerCase().replace(/\s+/g, ' ');
  }

  function scrollToAnchor(id) {
    var el = id && document.getElementById(id);
    if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
  }

  function tagMenuLinks(root) {
    var links = (root || document).querySelectorAll('a[href="/collections"], a[href="/collections/"]');
    links.forEach(function(a) {
      var text = norm(a.textContent);
      var target = MAP[text];
      if (target) {
        a.classList.add('js-collections-link');
        a.dataset.target = target;
      }
    });
  }

  document.addEventListener('DOMContentLoaded', function() { tagMenuLinks(); });
  document.addEventListener('shopify:section:load', function(e) { tagMenuLinks(e.target); });

  document.addEventListener('click', function(e) {
    var a = e.target.closest && e.target.closest('a.js-collections-link[data-target]');
    if (!a) return;

    var href = (a.getAttribute('href') || '').replace(/\/+$/, '');
    var target = a.dataset.target;

    if (!target || href !== '/collections') return;

    e.preventDefault();

    try { sessionStorage.setItem(KEY, target); } catch (err) {}

    if (location.pathname.replace(/\/+$/, '') === '/collections') {
      scrollToAnchor(target);
      try { history.replaceState(null, '', '#'+target); } catch (err) {}
      try { sessionStorage.removeItem(KEY); } catch (err) {}
    } else {
      window.location.href = '/collections';
    }
  }, { passive: false });

  document.addEventListener('DOMContentLoaded', function() {
    if (location.pathname.replace(/\/+$/, '') !== '/collections') return;

    var target = '';
    try { target = sessionStorage.getItem(KEY) || ''; } catch (err) {}

    if (target) {
      scrollToAnchor(target);
      try { history.replaceState(null, '', '#'+target); } catch (err) {}
      try { sessionStorage.removeItem(KEY); } catch (err) {}
    }
  });
})();
</script>

<style>
  html { scroll-behavior: smooth; }
  [id] { scroll-margin-top: 0; }
  header-menu>details:hover .header__submenu,

details:hover .header__menu-item .header__submenu{animation:none; animation-fill-mode: none; z-index: 1; opacity: 1 !important;display: block;transform:none !important;}

  /* Nested (3rd-level) flyouts: pop out to the LEFT instead of stacking below */
  .header__submenu details {
    position: relative;
  }

  .header__submenu .header__submenu {
    position: absolute;
    top: 0;
    right: 100%;   /* sits to the LEFT of the parent panel */
    left: auto;
    margin: 0;
    width: 28rem;
    min-width: 28rem;
    background-color: rgb(var(--color-background));
    z-index: 2;
  }
 
</style><style> @media screen and (min-width: 990px) {#shopify-section-sections--19244329664574__header .header--middle-left {grid-template-columns: auto 1fr; } #shopify-section-sections--19244329664574__header .header__heading-logo {padding-bottom: 0px; } #shopify-section-sections--19244329664574__header .header {padding: 10px 3rem 0px 3rem; }} #shopify-section-sections--19244329664574__header .header__heading-link {padding: 0;} #shopify-section-sections--19244329664574__header .list-menu--inline {align-items: flex-end; width: 100%; justify-content: flex-end;} #shopify-section-sections--19244329664574__header .mega-menu__content {background-color: var(--cv-accent);} @media screen and (max-width: 749px) {#shopify-section-sections--19244329664574__header .header {align-items: center !important; padding: 10px 3rem 10px 3rem; } #shopify-section-sections--19244329664574__header .header__heading-logo {padding-bottom: 5px; }} </style></div><section id="shopify-section-sections--19244329664574__175758697313aa0f26" class="shopify-section shopify-section-group-header-group section"><div class="page-width scroll-trigger animate--slide-in"></div>


</section>
<!-- END sections: header-group -->

    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <div id="shopify-section-template--19244336545854__banner-section" class="shopify-section"><!-- sections/banner-section.liquid -->
<section class="banner-section">
  <div class="banner-background">
     <div class="banner-overlay"> </div>
    <div class="banner-content">
      <h1>Working with you to create great vision systems</h1>
    </div>
  </div>
</section>



<style>
.banner-section {
  position: relative;
  width: 100%;
  height: auto;
  background-color: var(--cv-primary);
}

.banner-background {
  position: relative;
  width: 100%;
  background-image: url('//clearview-imaging.com/cdn/shop/files/Clearview_-07_47f39778-6096-4104-9202-f722320668e6.jpg?v=1758796685');
  height: 500px;
  display: flex;
  align-items: center;
  background-size: cover;
  justify-content: flex-start;
  background-position: 0 40%;
}

.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--cv-primary);
  opacity: 0.45;
  z-index: 1;
}

.banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  color: white;
  z-index: 2; 
}

.banner-content h1 {
  color: var(--cv-base);
  font-size: 5rem;
  font-weight: 500;
  margin: 0;
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
  .banner-background {
  justify-content: center;
}
  .banner-content {
    padding: 0 30px;
  }

  .banner-content h1 {
    font-size: 3rem;

  }
}

</style><style> #shopify-section-template--19244336545854__banner-section .banner-content {padding-left: 10%; padding-bottom: 10%; align-content: center; color: white; z-index: 2;} #shopify-section-template--19244336545854__banner-section .banner-content h1 {color: var(--cv-base); font-size: 3.5rem; font-weight: 500;} </style></div><div id="shopify-section-template--19244336545854__card_layout_section_text_8x4RBd" class="shopify-section"><!-- sections/card-layout-section-text.liquid -->
<section class="custom-card-layout-section">
  <div class="custom-card-layout-container">
    <div class="custom-card">
      <div class="custom-card-content">
        <h3>Machine Vision</h3>
        <h4>Components & Systems</h4>
        <div class="cta_links">
          <a href="/pages/components" class="custom-cta">Components</a>
          <a href="/pages/systems" class="custom-cta">Systems</a>
        </div>
      </div>
      <div class="custom-card-content">
        <p>Whether you’re an OEM developing a vision system from scratch, or an end user looking to source components or a complete system, we can help you.</p>
      </div>
    </div>
    <div class="custom-card">
      <div class="custom-card-content">
        <h3>Machine Vision</h3>
        <h4>Solutions & Services</h4>
        <a href="/pages/solutions-services" class="custom-cta">Learn More</a>
      </div>
      <div class="custom-card-content">
        <p>A range of unique solutions, services and tools developed to strengthen your competitive advantage across a diverse range of applications and industries.</p>
      </div>
    </div>
  </div>
</section>



<style>
  .cta_links {
    display:flex;
    flex-wrap: wrap;
  
  }
  .cta_links a:last-child {
    right: 50px
  }

  .custom-card-layout-section {
    background-color: var(--cv-primary);
    padding: 30px 0 140px;
    position: relative;
  }

  .custom-card-layout-container {
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: -220px;
    flex-wrap: wrap;
  }

  .custom-card {
    background-color: var(--cv-base);
    overflow: hidden;
    width: 48%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    z-index: 2;
  }

  .custom-card-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    z-index: 2;
  }

  .custom-card-content {
    padding: 37px 50px 37px;
    position: relative;
  }

  .custom-card-content h3 {
    color: var(--cv-primary);
    font-size: 1.875rem;
    line-height: 2rem;
    font-weight: 400;
    margin: 0;
  }

  .custom-card-content h4 {
    color: var(--cv-primary);
    font-size: 1.875rem;
    line-height: 2rem;
    font-weight: 500;
    margin: 0 0 38px 0;
  }

  .custom-card-content p {
    color: var(--cv-accent);
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: -0.1px;
    margin:0;
  }

  .custom-cta {
    position: absolute;
    background-color: var(--cv-highlight);
    color: var(--cv-base);
    text-decoration: none;
    padding: 15px 40px;
    display: inline-block;
    transition: background-color 0.3s ease, color 0.3s ease;
    z-index: 2;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }

  .custom-cta::after {
    content: '>';
    color: var(--cv-base);
    margin-left: 8px;
    transition: transform 0.3s ease;
  }

  .custom-cta:hover {
    background-color: var(--cv-primary);
    color: var(--cv-base);
  }





  

  /* Media Queries for Responsiveness */
  @media (max-width: 768px) {
    .banner-content {
       padding: 0 20px !important;
  }
    
    .custom-card-layout-container {
      flex-direction: column;
      align-items: center;
      margin-top: -140px;
    }

    .custom-card {
      width: 100%;
      max-width: 550px;
      margin-bottom: 20px;
    }

    .custom-card-content {
      padding: 20px 0;
      order: 2;
    }

    .custom-card-content h4 {
      margin: 0 0 20px 0;
    }
  
    .custom-card-content p {
      width: 100%;
      margin: 0 0 20px 0;
    }


    .custom-card-content p {
      width: 100%;
    }

    .custom-cta {
      position: static;
      margin-top: 10px;
    }
  }
</style>
<style> #shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .cta_links {gap: 1rem;} #shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .cta_links .custom-cta {position: static; padding: 15px 2.35vw;} @media screen and (max-width: 1160px) and (min-width: 768px) {#shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .cta_links .custom-cta {padding: 15px 1.2vw; font-size: 1rem; }} @media screen and (max-width: 940px) and (min-width: 768px) {#shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .cta_links .custom-cta {padding: 15px 0.6vw; font-size: 0.8rem; }} @media screen and (min-width: 768px) {#shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .custom-card:nth-child(1) .custom-card-content:last-child {margin-top: -52px; }} #shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .custom-card:nth-child(2) .custom-card-content:last-child {margin-top: 0 !important;} </style></div><div id="shopify-section-template--19244336545854__banner_section_callouts_UNtTpy" class="shopify-section"><!-- sections/banner-section-callouts.liquid -->
<section class="banner-section">
  <div class="callouts-banner-background">
    <div class="banner-overlay"></div>
    <div class="callouts-banner-content callout-banner">
      <div class="callout-subtitle-logo-container">
        <img
          src="https://cdn.shopify.com/s/files/1/0556/9268/9470/files/clearview-heading-logo.png?v=1718217615"
          alt="Logo"
          class="callout-logo"
        >
        <h3>What makes us unique?</h3>
      </div>
      <h1>Engineering Happiness</h1>
    </div>
    <div class="callouts-container">
      <a href="/pages/engineering-happiness" class="callout-banner-cta">Find out more</a>
      <div class="callouts">
        <div class="callout">Obsessed with Customer Happiness</div>
        <div class="callout">Certified Machine Vision Experts</div>
        <div class="callout">Unique Engineering Capability</div>
      </div>
    </div>
  </div>
</section>



<style>
  .callouts-banner-background {
    position: relative;
    width: 100%;
    background-image: url('//clearview-imaging.com/cdn/shop/files/Clearview_-2.jpg?v=1732818457');
    height: 609px;
    background-size: cover;
  }

  .callouts-banner-content {
    padding-left: 10%;
    align-content: center;
    color: var(--cv-base);
    z-index: 2; 
    padding-top: 150px;
    position: relative;
  }

  .callouts-container {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 500px;
  }

  .callout-banner h1 {
    font-size: 5.57rem;
    font-weight: 500;
    line-height: 5rem;
    width: 65%;
    margin: 50px 0 0 0;
    color: var(--cv-base);
  }

  .callout-banner h2 {
    color: var(--cv-base);
  }

  .callout-banner-cta {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--cv-highlight);
    color: var(--cv-base);
    text-decoration: none;
    padding: 17px 57px;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 1rem;
  }

  .callout-banner-cta::after {
    content: '>';
    color: var(--cv-base);
    margin-left: 8px;
    transition: transform 0.3s ease;
  }

  .callout-banner-cta:hover {
    background-color: var(--cv-accent);
  }

  .callout-subtitle-logo-container {
    display: inline-flex;
    align-items: center;
  }

  .callout-banner h3 {
    color: var(--cv-base);
    position: relative;
    font-size: 1.25rem;
    line-height: 3.125rem;
    font-weight: normal;
    margin: 0;
  }

  .callout-logo {
    width: 48px;
    height: 53px;
    margin-right: 15px;
  }

  .banner-cta:hover {
    background-color: var(--cv-primary);
    color: var(--cv-base);
  }

  .callouts {
    background-color: var(--cv-primary);
    padding: 87px 10px 70px 47px;
    display: flex;
    flex-direction: column;
  }

  .callout {
    color: var(--cv-base);
    font-size: 1.75rem;
    margin-bottom: 25px;
    width: 75%;
    line-height: 1.875rem;
  }

  .callouts .callout:last-of-type {
    margin-bottom: 0px;
  }

  /* Media queries for responsiveness */
  @media (max-width: 768px) {
    .banner-background {
      justify-content: center;
    }
    .banner-content {
      margin-top: 20px;
      align-content: normal;
    }
    .callout-banner {
      padding-top: 70px !important;
    }

.callout-banner h1 {
    font-size: 2.57rem;
    line-height: 2.3rem;
    width: 100%;
    margin: 40px 0;
    color: var(--cv-base);
  }

    .callouts-container {
      margin-right: 0px;
      padding: 0px;
      width: 100%;
    }
    .callouts {
      padding: 30px 40px 60px;
      width: 100%;
    }
    .callout-banner-cta {
      top: auto;
      left: auto;
      bottom: -25px !important;
      right: 0;
    }
    .banner-cta {
      padding: 8px 20px;
      font-size: 1em;
    }
    .callout {
      font-size: 1.4rem;
      width: 100%;
    }
  }
</style>
<style> #shopify-section-template--19244336545854__banner_section_callouts_UNtTpy .callouts-banner-background {background-position: top;} </style></div><div id="shopify-section-template--19244336545854__intro_text_section_wDcpHt" class="shopify-section"><!-- sections/intro-text-section.liquid -->
<section class="intro-text-section">
  <div class="intro-text-container">
    
    <h2>Future-focused machine vision solutions.</h2>
    <div class="highlight-js"><p>Led by our obsession for customer happiness, we are a European business born out of engineering expertise in machine vision. By combining our expertise, experience and engineering excellence we supply the latest machine vision products, while innovating next generation systems.</p></div>
    
    
  </div>
</section>



<style>
.intro-text-section {
  background-color: var(--cv-primary);
  color: var(--cv-accent);
  padding: 100px 20px 250px 20px;
  text-align: center;
}

.intro-text-container {
  max-width: 750px;
  margin: 0 auto;
  text-align: left;
}

.intro-logo {
  margin-bottom: 30px;
  max-width: 100%;
}

.intro-text-container h2 {
  color: var(--cv-accent);
  margin: 0 0 36px 0;
  font-size: 1.75rem;
  font-weight: 400;
}

.intro-text-container p {
  color: var(--cv-base);
  line-height: 2.25rem;
  font-size: 1.75rem;
  margin: 0px 0px 80px 0px;
  font-weight: 500;
}

.highlight-number {
  background-color: var(--cv-highlight);
  padding: 0 10px;
}

.intro-phone {
  color: var(--cv-base);
  font-size: 1.75rem;
  font-weight: normal;
  margin: 0px 0 !important;
}

.intro-additional-text {
  color: var(--cv-accent) !important;
  font-size: 1.25rem !important;
  line-height: 1.5rem !important;
  font-weight: normal;
  letter-spacing: 0.05px;
  margin: 0;
  width: 57%;
}

@media (max-width: 768px) {
  .intro-text-container p {
  font-size: 1.4rem;
  }

  .intro-additional-text {
    width: 100%;
  }

}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
  const container = document.querySelector('.highlight-js');
  if (container) {
      let text = container.innerHTML;
      text = text.replace(/3/, '<span class="highlight-number">3</span>');
      container.innerHTML = text;
  }
});
</script>
<style> #shopify-section-template--19244336545854__intro_text_section_wDcpHt .intro-text-section {background-color: var(--cv-base); padding-bottom: 0;} #shopify-section-template--19244336545854__intro_text_section_wDcpHt .intro-text-container p {color: var(--cv-contrast);} </style></div><div id="shopify-section-template--19244336545854__3_col_post_section_cFXiwH" class="shopify-section"><!-- sections/3-col-posts-section.liquid -->
<section class="three-col-posts-section">
  
  <div class="posts-container">
    <div class="post-card">
      <div class="post-img-container cv--image-overlay"">
        <img
          src="//clearview-imaging.com/cdn/shop/files/Clearview_-26_360x360_crop_center.jpg?v=1732818457"
          class="post-card-ft-img"
          alt="Post Image 1"
        >
        
          <div>
            <img
              src="//clearview-imaging.com/cdn/shop/files/CV_KnowhowLogo_White_58_360x.png?v=1750107243"
              alt="Post Card Logo 1"
              class="post-card-logo"
            >
          </div>
        
        <a href="/pages/training" class="post-cta">Find out more</a>
      </div>
      <div class="post-content">
        
          <h3>Training Courses</h3>
        
        <p>With over 150 years of combined experience in Machine Vision, we have the Know How to guide, train and support you in creating your Machine Vision system.</p>
      </div>
    </div>
    <div class="post-card">
      <div class="post-img-container cv--image-overlay"">
        <img
          src="//clearview-imaging.com/cdn/shop/files/Clearview_-08_360x360_crop_center.jpg?v=1732818457"
          class="post-card-ft-img"
          alt="Post Image 2"
        >
        
          <div>
            <img
              src="//clearview-imaging.com/cdn/shop/files/INSIGHTS_360x.png?v=1764936946"
              alt="Post Card Logo 2"
              class="post-card-logo"
            >
          </div>
        
        <a href="/pages/clearview-insights" class="post-cta">Find out more</a>
      </div>
      <div class="post-content">
        
          <h3>Proof of Concept</h3>
        
        <p>See first hand how machine vision can help solve your needs in our dedicated Insights Test Lab where we create demonstrations, feasibility studies and proof of concepts</p>
      </div>
    </div>
    <div class="post-card">
      <div class="post-img-container cv--image-overlay"">
        <img
          src="//clearview-imaging.com/cdn/shop/files/twenty-twenty-hero_360x360_crop_center.jpg?v=1733136216"
          class="post-card-ft-img"
          alt="Post Image 3"
        >
        
          <div>
            <img
              src="//clearview-imaging.com/cdn/shop/files/CV_KnowhowLogo_White_58_360x.png?v=1750107243"
              alt="Post Card Logo 3"
              class="post-card-logo"
            >
          </div>
        
        <a href="/pages/clearview-knowhow" class="post-cta">Find out more</a>
      </div>
      <div class="post-content">
        
          <h3>Webinars & Seminars</h3>
        
        <p>Each month, our machine vision experts will guide a live audience through electrifying topics around vision, aiming to explore the technologies that guide us every day towards a greater future.</p>
      </div>
    </div>
  </div>
</section>



<style>
    #shopify-section-template--15500113477694__3_col_post_section_cFXiwH .posts-section {
        margin-top: 60px;
      }
    .three-col-posts-section {
    background-color: var(--cv-base);
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 40px;
    margin-top: 100px;
  }

  .posts-section-title {
    color: var(--cv-primary);
    position: relative;
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 3.125rem;
    font-weight: 400;
    text-align: left;
  }

  .posts-section-title::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    background-color: var(--cv-accent);
    top: -10px;
    left: 0;
  }

  .post-img-container {
    position: relative;
    height: 400px;
  }

  .posts-header h2 {
    font-size: 2.5em;
    color: var(--cv-primary);
    margin: 0;
  }

  .posts-header p {
    color: var(--cv-primary);
    font-size: 1.2em;
    margin: 10px 0 0;
  }

  .posts-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .post-card {
    background-color: var(--cv-base);
    width: 400px;
    margin-bottom: 0px;
    overflow: hidden;
  }

  .post-card-ft-img {
    object-fit: cover;
    width: 100%;
  }

  .post-card-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }

  .post-content {
    padding-top: 60px;
    padding-bottom: 0px;
  }

  .post-content h3 {
    font-size: 1.75rem;
    color: var(--cv-primary);
    font-weight: 400;
    margin: 0 0 15px;
  }

  .post-title-logo {
  margin: 0 0 15px;  
  }

  .post-content p {
    font-size: 1em;
    color: var(--cv-accent);
    margin: 0 0 20px;
    font-size: 1rem;
    line-height: 1.25rem;
    padding-right: 10%;
  }

  .post-cta {
    position: absolute;
    bottom: -23px;
    right: 0;
    display: inline-block;
    padding: 17px 57px;
    background-color: var(--cv-highlight);
    color: var(--cv-base);
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 1rem;
    line-height: 1.1rem;
    z-index: 2;
  }

  .post-cta:hover {
    background-color: var(--cv-primary);
    color: var(--cv-base);
  }

  .post-cta::after {
    content: '>';
    color: var(--cv-base);
    margin-left: 8px;
    transition: transform 0.3s ease;
  }

  /* Media queries for responsiveness */
  @media (max-width: 768px) {   
    .posts-container {
      flex-direction: column;
      align-items: center;
      padding: 20px 20px;
    }

    .posts-section-title {
      padding: 0px 20px;
    }

    .posts-section-title::before {
      top: -20px;
      left: 20px;
    }

    .post-content {
      padding-top: 0px;
    }

    .post-card {
      width: 100%;
      margin-bottom: 30px;
    }

    .post-cta {
      bottom: 23px;
    }
  }
</style>
<style> #shopify-section-template--19244336545854__3_col_post_section_cFXiwH .post-img-container div .post-card-logo {height: 50px; width: 90%;} </style></div><div id="shopify-section-template--19244336545854__3_col_post_section_njjMHU" class="shopify-section"><!-- sections/3-col-posts-section.liquid -->
<section class="three-col-posts-section">
  
    <div class="posts-header">
      <h4 class="posts-section-title">Find out more about us</h4>
    </div>
  
  <div class="posts-container">
    <div class="post-card">
      <div class="post-img-container cv--image-overlay"">
        <img
          src="//clearview-imaging.com/cdn/shop/files/Clearview_-19_360x360_crop_center.jpg?v=1732818457"
          class="post-card-ft-img"
          alt="Post Image 1"
        >
        
        <a href="/pages/about-us" class="post-cta">Find out more</a>
      </div>
      <div class="post-content">
        
          <h3>About us</h3>
        
        <p>By combining our expertise, experience and engineering excellence we supply the latest machine vision products, while innovating next generation systems.</p>
      </div>
    </div>
    <div class="post-card">
      <div class="post-img-container cv--image-overlay"">
        <img
          src="//clearview-imaging.com/cdn/shop/files/Clearview_-25_360x360_crop_center.jpg?v=1732818457"
          class="post-card-ft-img"
          alt="Post Image 2"
        >
        
          <div>
            <img
              src="//clearview-imaging.com/cdn/shop/files/youview-updated-white_360x.png?v=1733138252"
              alt="Post Card Logo 2"
              class="post-card-logo"
            >
          </div>
        
        <a href="/pages/great-place-to-work" class="post-cta">Find out more</a>
      </div>
      <div class="post-content">
        
          <h3>Great place to work</h3>
        
        <p>Collaboration leads to innovation, it’s why we’re always searching, not just for new ideas but new people with new ideas.</p>
      </div>
    </div>
    <div class="post-card">
      <div class="post-img-container cv--image-overlay"">
        <img
          src="//clearview-imaging.com/cdn/shop/files/Clearview_-4_360x360_crop_center.jpg?v=1732818457"
          class="post-card-ft-img"
          alt="Post Image 3"
        >
        
        <a href="/pages/great-place-to-work" class="post-cta">Find out more</a>
      </div>
      <div class="post-content">
        
          <h3>Careers with us</h3>
        
        <p>If you can see yourself working with one of the UK’s most future-focused companies, there’s probably a place for you here. Check out our list of current job opportunities.</p>
      </div>
    </div>
  </div>
</section>



<style>
    #shopify-section-template--15500113477694__3_col_post_section_cFXiwH .posts-section {
        margin-top: 60px;
      }
    .three-col-posts-section {
    background-color: var(--cv-base);
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 40px;
    margin-top: 100px;
  }

  .posts-section-title {
    color: var(--cv-primary);
    position: relative;
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 3.125rem;
    font-weight: 400;
    text-align: left;
  }

  .posts-section-title::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    background-color: var(--cv-accent);
    top: -10px;
    left: 0;
  }

  .post-img-container {
    position: relative;
    height: 400px;
  }

  .posts-header h2 {
    font-size: 2.5em;
    color: var(--cv-primary);
    margin: 0;
  }

  .posts-header p {
    color: var(--cv-primary);
    font-size: 1.2em;
    margin: 10px 0 0;
  }

  .posts-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .post-card {
    background-color: var(--cv-base);
    width: 400px;
    margin-bottom: 0px;
    overflow: hidden;
  }

  .post-card-ft-img {
    object-fit: cover;
    width: 100%;
  }

  .post-card-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }

  .post-content {
    padding-top: 60px;
    padding-bottom: 0px;
  }

  .post-content h3 {
    font-size: 1.75rem;
    color: var(--cv-primary);
    font-weight: 400;
    margin: 0 0 15px;
  }

  .post-title-logo {
  margin: 0 0 15px;  
  }

  .post-content p {
    font-size: 1em;
    color: var(--cv-accent);
    margin: 0 0 20px;
    font-size: 1rem;
    line-height: 1.25rem;
    padding-right: 10%;
  }

  .post-cta {
    position: absolute;
    bottom: -23px;
    right: 0;
    display: inline-block;
    padding: 17px 57px;
    background-color: var(--cv-highlight);
    color: var(--cv-base);
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 1rem;
    line-height: 1.1rem;
    z-index: 2;
  }

  .post-cta:hover {
    background-color: var(--cv-primary);
    color: var(--cv-base);
  }

  .post-cta::after {
    content: '>';
    color: var(--cv-base);
    margin-left: 8px;
    transition: transform 0.3s ease;
  }

  /* Media queries for responsiveness */
  @media (max-width: 768px) {   
    .posts-container {
      flex-direction: column;
      align-items: center;
      padding: 20px 20px;
    }

    .posts-section-title {
      padding: 0px 20px;
    }

    .posts-section-title::before {
      top: -20px;
      left: 20px;
    }

    .post-content {
      padding-top: 0px;
    }

    .post-card {
      width: 100%;
      margin-bottom: 30px;
    }

    .post-cta {
      bottom: 23px;
    }
  }
</style>
<style> #shopify-section-template--19244336545854__3_col_post_section_njjMHU .three-col-posts-section {padding-bottom: 125px; margin-top: 50px;} @media screen and (max-width: 750px) {#shopify-section-template--19244336545854__3_col_post_section_njjMHU .three-col-posts-section {padding-bottom: 50px; }} </style></div><section id="shopify-section-template--19244336545854__newsletter_UdV3pH" class="shopify-section section"><link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-newsletter.css?v=55272417996332363651787573035" rel="stylesheet" type="text/css" media="all" />
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/newsletter-section.css?v=58952301981311587371787573035" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--19244336545854__newsletter_UdV3pH-padding {
      padding-top: 75px;
      padding-bottom: 75px;
    }

    .newsletter-form-container {
      max-width: 1023px;
      margin: 0 auto;
    }

    .posts-section-title-inverse {
    color: var(--cv-primary);
    position: relative;
    padding-top: 5px;
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-align: left;
    width: 55%;
  }

  .posts-section-title-inverse::before {
      content: '';
      position: absolute;
      width: 100px;
      height: 4px;
      background-color: var(--cv-base);
      top: -10px;
      left: 0;
    }

    .newsletter-cta {
    position: relative;
    padding: 10px 50px;
    width: 40%;
    background-color: var(--cv-primary);
    color: var(--cv-base);
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 1rem;
    letter-spacing: 0.06rem;
    font-family: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    border: none;
    font-weight: normal;
  }

  .newsletter-cta:hover {
    background-color: var(--cv-highlight);
    color: var(--cv-base);
  }

  .newsletter-cta::after {
    content: '>';
    color: var(--cv-base);
    margin-left: 8px;
    transition: transform 0.3s ease;
  }

    @media screen and (min-width: 750px) {
      .section-template--19244336545854__newsletter_UdV3pH-padding {
        padding-top: 80px;
        padding-bottom: 127px;
      }
    }

    @media screen and (max-width: 749px) {
      .newsletter-form-container {
      padding: 0 20px;
    }
    .newsletter-form__field-wrapper {
      row-gap: 20px;
    }
    .posts-section-title-inverse {
      width: 100%;
    }
    .newsletter-cta {
      width: 100%;
    }
  }</style><div class="newsletter center ">
  <div class="newsletter__wrapper color-scheme-2 gradient content-container isolate content-container--full-width section-template--19244336545854__newsletter_UdV3pH-padding">
    <div class="newsletter-form-container"><h2
              class="posts-section-title-inverse inline-richtext h2 scroll-trigger animate--slide-in"
              
              
                data-cascade
                style="--animation-order: 1;"
              
            >
              Keep up to date with the latest technology and get access to email only content and events
            </h2><div >
              <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
                <input type="hidden" name="contact[tags]" value="newsletter">
                <div
                  class="newsletter-form__field-wrapper scroll-trigger animate--slide-in"
                  
                    data-cascade
                    style="--animation-order: 2;"
                  
                >
                  <div class="field">
                    <input
                      id="NewsletterForm--template--19244336545854__newsletter_UdV3pH"
                      type="text"
                      name="contact[first_name]"
                      class="field__input"
                      value=""
                      autocorrect="off"
                      autocapitalize="off"
                      
                      placeholder="Your name"
                    >
                    <label class="field__label" for="NewsletterForm--template--19244336545854__newsletter_UdV3pH">Your Name</label>
                    <style>
                      #contact_form,
                      #ContactFooter,
                      #ContactFooter > .newsletter-form__field-wrapper,
                      #contact_form > .newsletter-form__field-wrapper {
                        width: 100%;
                        display: flex;
                        column-gap: 16px;
                      }
                      @media (max-width: 749px) {
                        #ContactFooter > .newsletter-form__field-wrapper,
                        #contact_form > .newsletter-form__field-wrapper {
                          flex-direction: column;
                        }
                      }
                    </style>
                  </div>
                  <div class="field">
                    <input
                      id="NewsletterForm--template--19244336545854__newsletter_UdV3pH"
                      type="email"
                      name="contact[email]"
                      class="field__input"
                      value=""
                      aria-required="true"
                      autocorrect="off"
                      autocapitalize="off"
                      autocomplete="email"
                      
                      placeholder="Email"
                      required
                    >
                    <label class="field__label" for="NewsletterForm--template--19244336545854__newsletter_UdV3pH">
                      Email
                    </label>
                  </div>
                  <button
                    type="submit"
                    class="newsletter-cta"
                    name="commit"
                    id="Subscribe"
                    aria-label="Subscribe"
                  >
                  Subscribe
                  </button></div></form>
            </div></div>
  </div>
</div>


</section><div id="shopify-section-template--19244336545854__custom_ft_blog_section_7eH4fx" class="shopify-section"><!-- sections/featured-blog.liquid -->
<section class="ft-blog--section">
    <div class="blog-posts-header">
        <h4 class="posts-section-title">Keep up to date</h4>
    </div>
    <div class="ft-blog--container">
        
        
        
            <div class="ft-blog--item">
                <div class="ft-blog--media cv--image-overlay">
                    
                        <img src="//clearview-imaging.com/cdn/shop/articles/AF007ECD-2C80-42ED-A7F9-0FA348BCE84D_400x400.png?v=1791911578" alt="What Changed in Machine Vision and What to Ask Your Supplier Now">
                    
                </div>
                <div class="ft-blog--content">
                    <h3 class="ft-blog--title"><a href="/blogs/news/what-changed-in-machine-vision-and-what-to-ask-your-supplier-now">What Changed in Machine Vision and What to Ask Your Supplier Now</a></h3>
                    <a href="/blogs/news/what-changed-in-machine-vision-and-what-to-ask-your-supplier-now" class="ft-blog--link">Read post</a>
                </div>
            </div>
        
            <div class="ft-blog--item">
                <div class="ft-blog--media cv--image-overlay">
                    
                        <img src="//clearview-imaging.com/cdn/shop/articles/155690CC-E412-46AA-A837-2072DD32F123_1_201_a_400x400.jpg?v=1791806138" alt="Exaktera Lighting, A Comprehensive Review">
                    
                </div>
                <div class="ft-blog--content">
                    <h3 class="ft-blog--title"><a href="/blogs/news/exaktera-lighting-a-comprehensive-review">Exaktera Lighting, A Comprehensive Review</a></h3>
                    <a href="/blogs/news/exaktera-lighting-a-comprehensive-review" class="ft-blog--link">Read post</a>
                </div>
            </div>
        
            <div class="ft-blog--item">
                <div class="ft-blog--media cv--image-overlay">
                    
                        <img src="//clearview-imaging.com/cdn/shop/articles/Vision_Show_2026_Review_400x400.png?v=1791531310" alt="What Vision 2026 Told Us About Where Machine Vision Is Heading">
                    
                </div>
                <div class="ft-blog--content">
                    <h3 class="ft-blog--title"><a href="/blogs/news/what-vision-2026-told-us-about-where-machine-vision-is-heading">What Vision 2026 Told Us About Where Machine Vision Is Heading</a></h3>
                    <a href="/blogs/news/what-vision-2026-told-us-about-where-machine-vision-is-heading" class="ft-blog--link">Read post</a>
                </div>
            </div>
        
    </div>
</section>



<style>
.ft-blog--section {
    background-color: var(--cv-base);
    color: var(--cv-primary);
    padding: 100px 20px;
}

.blog-posts-header {
    max-width: 1300px;
    margin: 0 auto;
}

.ft-blog--container {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ft-blog--item {
    background-color: var(--cv-base);
    width: 30%;
    margin-bottom: 20px;
}

.ft-blog--media {
  position: relative;
}

.ft-blog--media img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.ft-blog--title {
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin: 20px 0 10px;
    font-weight: normal; 
}

.ft-blog--link {
    text-decoration: none;
    color: var(--cv-highlight);
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
    font-size: 1rem;
    transition: color 0.3s ease;
}

.ft-blog--link::after {
    content: '\00a0>'; /* \00a0 is the Unicode for a non-breaking space */
}

.ft-blog--link:hover {
    color: var(--cv-primary);
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .ft-blog--container {
        flex-direction: column;
        align-items: center;
        padding: 0 20px; /* Add 20px padding to the left and right */
    }

    .ft-blog--item {
        width: 100%;
        margin-bottom: 40px;
    }

    .ft-blog--media img {
        width: 100%;
        height: auto;
    }

    .ft-blog--content {
        padding: 0; /* Remove extra padding for mobile view */
    }
}
</style>
<style> #shopify-section-template--19244336545854__custom_ft_blog_section_7eH4fx *:has(img) {aspect-ratio: auto !important; padding-bottom: 0 !important; height: auto !important; min-height: 0 !important;} #shopify-section-template--19244336545854__custom_ft_blog_section_7eH4fx /* Let the image sit at its natural size */img {position: static !important; inset: auto !important; width: 100% !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important;} #shopify-section-template--19244336545854__custom_ft_blog_section_7eH4fx .ft-blog--title a {color: inherit; /* matches the heading colour, kills the purple */ text-decoration: none; /* removes the underline */} </style></div>
    </main>

    <!-- BEGIN sections: footer-group -->
<section id="shopify-section-sections--19244329533502__17575871795545d37b" class="shopify-section shopify-section-group-footer-group section"><div class="page-width scroll-trigger animate--slide-in"></div>


</section><div id="shopify-section-sections--19244329533502__footer_new_section_JyLQyc" class="shopify-section shopify-section-group-footer-group"><link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-list-social.css?v=145009791227830245301787573035" rel="stylesheet" type="text/css" media="all" />

<!-- sections/footer-new-section.liquid -->
<footer class="footer-new"><div class="footer-top">
      <div class="footer-logo">
        <img src="//clearview-imaging.com/cdn/shop/files/clearview_white_logo_400x.png?v=1718295618" alt="Logo">
      </div>
      <div class="footer-social-icons">

<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
      <a href="https://uk.linkedin.com/company/clearview-machine-vision" class="link list-social__link">  <svg aria-hidden="true" focusable="false" class="icon icon-linkedin" viewBox="0 0 105 105" fill="currentColor" stroke="currentColor">
    <g>
      <path d="M11.185,0.08C5.004,0.08,0.001,5.092,0,11.259c0,6.173,5.003,11.184,11.186,11.184c6.166,0,11.176-5.011,11.176-11.184 C22.362,5.091,17.351,0.08,11.185,0.08z"></path>
      <rect x="1.538" y="30.926" width="19.287" height="62.054"></rect>
      <path d="M69.925,29.383c-9.382,0-15.673,5.144-18.248,10.022h-0.258v-8.479H32.921v62.053h19.27V62.281 c0-8.093,1.541-15.932,11.575-15.932c9.89,0,10.022,9.256,10.022,16.451v30.178H93.06V58.942 C93.06,42.235,89.455,29.383,69.925,29.383z"></path>
    </g>
  </svg><span class="visually-hidden">Translation missing: en.general.social.links.linkedin</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://www.facebook.com/ClearViewImagingLtd" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
  <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/>
</svg>
<span class="visually-hidden">Facebook</span>
      </a>
    </li><li class="list-social__item">
      <a href="https://www.youtube.com/@clearview782" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20">
  <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
</svg>
<span class="visually-hidden">YouTube</span>
      </a>
    </li></ul>
</div>
    </div>
    <div class="footer-bottom">
      <div class="footer-contact-details">

          
            <p>
              UK
            
            </p>
          <p>+44 (0) 1844 217270</p>
          <p><a href="mailto:[email protected]">[email protected]</a></p>
          <div class="footer-contact-address"><p>Clear View Imaging Limited<br/>Unit 11, Christmas Hill Business Park,</p><p>Rycote Lane, Thame OX9 2FZ, </p><p>United Kingdom</p><p>Company Registration No: 06536557 <br/>VAT No: GB930104574 <br/></p></div>
          <p>
            
          
              <a class="footer-map" href="https://www.google.com/maps/place/Clearview+Imaging/@51.739541,-0.9704529,17z/data=!3m1!4b1!4m6!3m5!1s0x4876f4893f46b4fb:0xd0830cb1924836d5!8m2!3d51.739541!4d-0.967878!16s%2Fg%2F1yh9ncmf9?entry=ttu">
                Find us on Google Maps
              </a>
          
          </p>

      </div>
      <div class="footer-menus">
        <div class="footer-menu">
          <ul>
            
              <li>
                <a href="/pages/engineering-happiness">Engineering Happiness</a>
              </li>
            
              <li>
                <a href="/pages/solutions-services">Solutions & Services</a>
              </li>
            
              <li>
                <a href="/pages/clearview-knowhow">Knowhow Webinars & Seminars</a>
              </li>
            
              <li>
                <a href="/pages/training">KnowHow Training Courses</a>
              </li>
            
              <li>
                <a href="/pages/clearview-insights">Insights Test Lab</a>
              </li>
            
              <li>
                <a href="/pages/about-us">About Us</a>
              </li>
            
              <li>
                <a href="/pages/great-place-to-work">Great Place to Work</a>
              </li>
            
              <li>
                <a href="/pages/careers">Careers</a>
              </li>
            
              <li>
                <a href="/blogs/news">Inview blog & newsletters</a>
              </li>
            
              <li>
                <a href="/pages/sitemap">Sitemap</a>
              </li>
            
              <li>
                <a href="/pages/contact">Contact</a>
              </li>
            
          </ul>
        </div>
        <div class="footer-menu">
          <h4>Components</h4>
          <ul>
            
              <li>
                <a href="/collections/cameras">Cameras</a>
              </li>
            
              <li>
                <a href="/collections/3d-cameras">3D Cameras</a>
              </li>
            
              <li>
                <a href="/collections/line-scan-cameras">Linescan Cameras</a>
              </li>
            
              <li>
                <a href="/collections/thermal-cameras">Thermal Cameras</a>
              </li>
            
              <li>
                <a href="/collections/machine-vision-software">Software</a>
              </li>
            
              <li>
                <a href="/collections/smart-vision-cameras">Smart Cameras</a>
              </li>
            
              <li>
                <a href="/collections/vision-sensors">Vision Sensors</a>
              </li>
            
              <li>
                <a href="/collections/embedded-vision-systems">Embedded Systems</a>
              </li>
            
              <li>
                <a href="/collections/frame-grabbers">Frame Grabbers</a>
              </li>
            
              <li>
                <a href="/collections/machine-vision-lenses">Lenses</a>
              </li>
            
              <li>
                <a href="/collections/optical-filters">Optical Filters</a>
              </li>
            
              <li>
                <a href="/collections/machine-vision-illumination">Illumination</a>
              </li>
            
              <li>
                <a href="/collections/machine-vision-cables">Cabling</a>
              </li>
            
              <li>
                <a href="/collections/hyperspectral-cameras">Hyperspectral Cameras</a>
              </li>
            
              <li>
                <a href="/collections/machine-vision-software">Machine Vision Software</a>
              </li>
            
              <li>
                <a href="https://clearview-clearview.myshopify.com/pages/components#shopify-section-template--17712163651646__company_logos_Xm3RhH">Partners</a>
              </li>
            
              <li>
                <a href="/collections/laser-modules">Laser Modules</a>
              </li>
            
          </ul>
        </div>
        <div class="footer-menu">
          <h4>Systems</h4>
          <ul>
            
              <li>
                <a href="/pages/labelverification-solutions">Label Solutions</a>
              </li>
            
              <li>
                <a href="/pages/barcode-validation">Barcode Validation</a>
              </li>
            
              <li>
                <a href="/pages/custom-vision-solutions">Custom Vision Solutions</a>
              </li>
            
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <p>&copy; 2026 Clearview - All rights reserved</p><p><a href="/policies/refund-policy">Refund policy</a></p><p><a href="/policies/privacy-policy">Privacy policy</a></p><p><a href="/policies/shipping-policy">Shipping policy</a></p><p><a href="/policies/contact-information">Contact information</a></p><p><a href="/policies/legal-notice">Legal notice</a></p><p><a href="https://cdn.shopify.com/s/files/1/0556/9268/9470/files/Clearview_Terms_Conditions_2024_v1.pdf?v=1781537846" download>Download T&Cs</a></p><p><a href="mailto:[email protected]?subject=Security%20report">Report a security issue</a></p>
    </div>
    
</footer>
  

  
<style>
.footer-new {
    background-color: var(--cv-primary);
    padding: 40px 20px;
    color: var(--cv-base);
    display: flex;
    flex-direction: column;
    align-items: center;
}
  
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    margin-bottom: 80px;
}
    
.footer-bottom {
    display: flex;
    width: 100%;
    justify-content: space-between;
    max-width: 1300px;
    margin-bottom: 80px;
}
  
.footer-contact-details {
    display: flex;
    flex-direction: column;
}

.footer-contact-details p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.footer-contact-details a {
    text-decoration: none;
    color: var(--cv-base);
}

.footer-contact-address {
    padding-top: 30px;
    padding-bottom: 30px;
}

a.footer-map {
    color: var(--cv-accent);
    text-decoration: underline;
}

.footer-map:hover {
    color: var(--cv-highlight);
}

.footer-menus {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    column-gap: 35px;
}
  
.footer-menu {

}
  
.footer-menu h4 {
    color: var(--cv-accent);
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
}
  
.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
  
.footer-menu li {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
  
.footer-menu a {
    color: var(--cv-base);
    text-decoration: none;
    line-height: 1.25rem;
}
  
.footer-menu a:hover {
    text-decoration: none;
}
  
.footer-copyright {
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    color: var(--cv-accent);
}

.footer-copyright a {
    color: var(--cv-accent);
}

.footer-copyright a:hover {
    color: var(--cv-highlight);
}
  
.footer-copyright p {
    margin: 5px 0;
    padding-right: 40px;
}
  
.footer-copyright a:hover {
    text-decoration: underline;
}
  
/* Media queries for responsiveness */
@media (max-width: 768px) {
    .footer-top,
    .footer-bottom,
    .footer-contact-details,
    .footer-menus {
      flex-direction: column;
      align-items: center;
    }

    .footer-menus {
    padding-top: 30px;
  }

    .footer-menus .footer-menu:nth-child(2),
.footer-menus .footer-menu:nth-child(3) {
    display: none;
}

.footer-copyright {
flex-direction: column;
}

.footer-contact-details p {
text-align: center !important;
}

.footer-copyright p {
      padding-right: 0px;
      text-align: center;
}
  
    .footer-contact-details,
    .footer-menus, .footer-menu {
      width: 100%;
      text-align: center;
    }
  


    .footer-social-icons {
      margin-top: 20px;
    }
}
</style>
</div>
<!-- END sections: footer-group -->

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
      <li id="a11y-new-window-message">Opens in a new window.</li>
    </ul>

    <script>
      window.shopUrl = 'https://clearview-imaging.com';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`,
      };

      window.variantStrings = {
        addToCart: `Add To Cart`,
        soldOut: `Sold out`,
        unavailable: `Unavailable`,
        unavailable_with_option: `[value] - Unavailable`,
      };

      window.quickOrderListStrings = {
        itemsAdded: `[quantity] items added`,
        itemAdded: `[quantity] item added`,
        itemsRemoved: `[quantity] items removed`,
        itemRemoved: `[quantity] item removed`,
        viewCart: `View cart`,
        each: `[money]/ea`,
        min_error: `This item has a minimum of [min]`,
        max_error: `This item has a maximum of [max]`,
        step_error: `You can only add this item in increments of [step]`,
      };

      window.accessibilityStrings = {
        imageAvailable: `Image [index] is now available in gallery view`,
        shareSuccess: `Link copied to clipboard`,
        pauseSlideshow: `Pause slideshow`,
        playSlideshow: `Play slideshow`,
        recipientFormExpanded: `Gift card recipient form expanded`,
        recipientFormCollapsed: `Gift card recipient form collapsed`,
        countrySelectorSearchCount: `[count] countries/regions found`,
      };
    </script><script src="//clearview-imaging.com/cdn/shop/t/15/assets/predictive-search.js?v=162273246065392412141787573035" defer="defer"></script>

<!-- GEO REDIRECT -->
<script>
(function() {
  const LOCALE_COOKIE_NAME = "_locale_selected";
  const LOCALE_COOKIE_VALUE = "1";

  /* ============================
     Helpers for locale cookie
     ============================ */

  function hasLocaleCookie() {
    return document.cookie.includes(LOCALE_COOKIE_NAME + "=" + LOCALE_COOKIE_VALUE);
  }

  function setLocaleCookie() {
    document.cookie = LOCALE_COOKIE_NAME + "=" + LOCALE_COOKIE_VALUE + "; path=/; max-age=31536000";
    console.log("[GEO] _locale_selected cookie set");
  }

  /* ======================================
     Detect manual language switch (hooks)
     ====================================== */

  function hookLanguageSwitcher() {
    // 1) Forms Shopify localization (/localization)
    const forms = document.querySelectorAll('form[action*="/localization"]');
    forms.forEach(function(form) {
      form.addEventListener("submit", function() {
        console.log("[GEO] Localization form submit → manual language change");
        setLocaleCookie();
      });
    });

    // 2) Language links
    //     /es/, /de/, /fr/ – 
    document.addEventListener("click", function(e) {
      const link = e.target.closest('a');
      if (!link || !link.href) return;

      try {
        const url = new URL(link.href);
        if (url.hostname !== window.location.hostname) return;

        if (url.pathname.match(/^\/(es|de|fr)(\/|$)/) || url.search.includes("_locale=")) {
          console.log("[GEO] Click on language link → manual language change");
          setLocaleCookie();
        }
      } catch (err) {
        // ignore bad URLs
      }
    });
  }

  /* ============================
     GEO API (stable)
     ============================ */

  function getCountry() {
    return fetch("https://api.db-ip.com/v2/free/self")
      .then(function(res) { return res.json(); })
      .then(function(data) {
        console.log("[GEO] GEO API countryCode:", data && data.countryCode);
        return data.countryCode;
      })
      .catch(function(err) {
        console.log("[GEO] GEO API error:", err);
        return null;
      });
  }

  /* ============================
     Detect current locale by URL
     ============================ */

  function detectLocaleFromUrl() {
    const path = window.location.pathname;
    const match = path.match(/^\/(es|de|fr)(\/|$)/);
    const locale = match ? match[1] : "en";
    console.log("[GEO] Current locale from URL:", locale, "| path:", path);
    return locale;
  }

  /* ============================
     Country → locale map
     ============================ */

  const localeMap = {
    "UK": "en",
    "GB": "en",
    "US": "en",
    "UA": "en",
    "ES": "es",
    "DE": "de",
    "FR": "fr",
    "PT": "es",
    "DEFAULT": "en"
  };

  /* ============================
     Build redirect URL
     ============================ */

  function buildLocaleUrl(locale) {
    let cleanPath = window.location.pathname.replace(/^\/(es|de|fr)(\/|$)/, "");

    if (locale === "en") {
      const urlEn = "/" + cleanPath + window.location.search + window.location.hash;
      console.log("[GEO] Redirect URL (EN):", urlEn);
      return urlEn;
    }

    const urlLoc = "/" + locale + "/" + cleanPath + window.location.search + window.location.hash;
    console.log("[GEO] Redirect URL (" + locale + "):", urlLoc);
    return urlLoc;
  }

  /* ============================
     MAIN auto-redirect logic
     ============================ */

  function autoRedirect() {
    console.log("[GEO] ----- autoRedirect START -----");

    if (hasLocaleCookie()) {
      console.log("[GEO] _locale_selected cookie exists → auto redirect DISABLED");
      return;
    }

    const currentLocale = detectLocaleFromUrl();

    getCountry().then(function(country) {
      if (!country) {
        console.log("[GEO] No country from API → stop");
        return;
      }

      const targetLocale = localeMap[country] || localeMap["DEFAULT"];
      console.log("[GEO] Visitor country:", country, "→ target locale:", targetLocale);

      if (targetLocale === currentLocale) {
        console.log("[GEO] Target locale equals current → no redirect");
        return;
      }

      // Set cookie so
      setLocaleCookie();

      const finalUrl = buildLocaleUrl(targetLocale);
      console.log("[GEO] Redirecting to:", finalUrl);
      window.location.href = finalUrl;
    });
  }

  /* ============================
     Init on DOM ready
     ============================ */

  document.addEventListener("DOMContentLoaded", function() {
    console.log("[GEO] DOMContentLoaded");

    
    hookLanguageSwitcher();

    
    autoRedirect();
  });

})();
</script>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    const inlineMenu = document.querySelector(".header__inline-menu");
    const detailsItems = inlineMenu.querySelectorAll("details");
  
    detailsItems.forEach(item => {
      const ulElement = item.querySelector("ul");
  
      item.addEventListener("mouseover", () => {
        item.setAttribute("open", true);
  
        ulElement.addEventListener("mouseleave", () => {
          item.removeAttribute("open");
        });
  
        item.addEventListener("mouseleave", () => {
          item.removeAttribute("open");
        });
      });
    });
    });
</script>  

<script src="//clearview-imaging.com/cdn/shop/t/15/assets/cv-tool-analytics.js?v=29514249740366191421789395832" defer></script>
  <style> .top-bar__localization * {/* color: #ffffff !important; */} #product-grid .card .card__media:has(img[src*="/articles/"]) {display: none;} </style>
<div id="shopify-block-AdDRwVHp0N1J4OFFja__13070091535480640111" class="shopify-block shopify-app-block"><input type="hidden" class="aph_bars_app_embed"  value="[]" />
<input type="hidden" class="aph_shop_plan"  value="1740" />

<input type="hidden" class="aph_product_collection"  value="" />

</div><!-- Failed to render app block "5674012996228588682": app block path "shopify://apps/cartbot/blocks/cartbot-script-append/f7a44e3b-3901-4412-9d5a-3db0980a9db0" does not exist --><div id="shopify-block-Ad1ZsWnRxR3lRWEZuR__7974659707553285070" class="shopify-block shopify-app-block"><script>
    window.Quotify = Object.assign(window.Quotify || {}, {
        shopId: "021f10f6-f70d-4281-9abc-123581721d18",
        market: "united-kingdom",
        customerId: "",
        customerIdChecksum: "012cc8e841de3b9bad11873b7ee8b8fca4f114e57704e200c5ffdf36ebb34911",
        storeFrontAccessToken: "fb134d869b68f4287b8d86d43f6d1f72"
    });
</script>


</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>

Latest requests

# Url Url Source Date
1 https://clearview-imaging.com/ 2026-10-17 01:07:26
2 https://jp-max.com/ 2026-10-17 01:07:26
3 https://www.u888.video/ 2026-10-17 01:07:26
4 https://frankv875zoz8.blogs100.com/ 2026-10-17 01:07:25
5 https://www.construtorab4.com.br/ 2026-10-17 01:07:25
6 https://888starz-promo-code.co.ke/… 2026-10-17 01:07:24
7 https://www.texarkanatwins.com/%25… 2026-10-17 01:07:24
8 https://www.texarkanatwins.com/%25… 2026-10-17 01:07:23
9 https://resi-dr.com/ 2026-10-17 01:07:23
10 https://digi2.b-cdn.net/research/d… 2026-10-17 01:07:23
11 https://barrettm913kmo8.wikibriefi… 2026-10-17 01:07:23
12 https://gogogadgets.io/ 2026-10-17 01:07:22
13 https://kotonoha32.com/ 2026-10-17 01:07:22
14 https://www.fufucard.com/ 2026-10-17 01:07:22
15 https://www.thebolditalic.com/?gi=… 2026-10-17 01:07:22
16 https://www.texarkanatwins.com/%25… 2026-10-17 01:07:21
17 https://finnwpver.ampblogs.com/ 2026-10-17 01:07:21
18 https://atlantahighwayseafood.com/… 2026-10-17 01:07:21
19 https://bookmarkfame.com/ 2026-10-17 01:07:20
20 https://www.texarkanatwins.com/%25… 2026-10-17 01:07:20