1<!doctype html> 2<html class="no-js" lang="en"> 3 <head> 4
4<script src="https://analytics.ahrefs.com/analytics.js" data-key="TE29mseo56VJhI5Ff3XLIw" async></script>
4 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 7 <meta name="viewport" content="width=device-width,initial-scale=1"> 8 <link rel="canonical" href="https://www.serversource.co.uk/pages/about-us"> 9 <link rel="icon" type="image/png" href="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/logo-ServerSource-sq.jpg?v=1686233809"><title>About ServerSource | UK Dell Server Specialists Since 1996</title><meta name="description" content="Learn about ServerSource a Dell Technologies Authorised Partner since 1996 delivering enterprise grade Dell EMC servers storage and networking solutions with tailored builds competitive pricing and personalised service.">
9<script> 10 (function() { 11 var observer = new MutationObserver(function(mutations) { 12 mutations.forEach(function(mutation) { 13 mutation.addedNodes.forEach(function(node) { 14 if (node.tagName === 'SCRIPT' && node.src && node.src.toLowerCase().indexOf('currency-converter-plus') !== -1) { 15 node.parentNode.removeChild(node); 16 } 17 }); 18 }); 19 }); 20 observer.observe(document.documentElement, { childList: true, subtree: true }); 21 })(); 22</script>
22 23
24<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
24<meta name="google-site-verification" content="gnalamQxs6ui4DbdBB40SiMNwyuZ4cdJOZodi2CpR5Q"> 25<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/58721501393/digital_wallets/dialog"> 26<meta id="in-context-paypal-metadata" data-shop-id="58721501393" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP"> 27<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
27<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB"></script>
vendor: 1 bytes, line 27
27
28<script id="shopify-features" type="application/json">{"accessToken":"7ba771a50e49d9753c36535daf57f85f","betas":["rich-media-storefront-analytics"],"domain":"www.serversource.co.uk","predictiveSearch":true,"shopId":58721501393,"locale":"en"}</script>
vendor: 1 bytes, line 28
28
29<script>var Shopify = Shopify || {}; 30Shopify.shop = "serversource.myshopify.com"; 31Shopify.locale = "en"; 32Shopify.currency = {"active":"GBP","rate":"1.0"}; 33Shopify.country = "GB"; 34Shopify.theme = {"name":"search-fix62","id":139383832785,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"}; 35Shopify.theme.handle = "null"; 36Shopify.theme.style = {"id":null,"handle":null}; 37Shopify.cdnHost = "www.serversource.co.uk/cdn"; 38Shopify.routes = Shopify.routes || {}; 39Shopify.routes.root = "/"; 40Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 41Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 42Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 43Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 43
43
44<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 44
44
45<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>
vendor: 1 bytes, line 45
45
46<script> 47 window.Shopify = window.Shopify || {}; 48 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 49 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 50 window.Shopify.SignInWithShop.eligible = true; 51</script>
vendor: 1 bytes, line 51
51
52<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 52
52
53<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>
vendor: 1 bytes, line 53
53
54<script type="module"> 55 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 56 57 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 58 59</script>
vendor: 1 bytes, line 59
59
60<script> 61 window.Shopify = window.Shopify || {}; 62 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 63 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"]}; 64</script>
vendor: 1 bytes, line 64
64
65<script>(function() { 66 var isLoaded = false; 67 function asyncLoad() { 68 if (isLoaded) return; 69 isLoaded = true; 70 var urls = ["https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/2150\/1393\/t\/4\/assets\/cws_quotation_init.js?v=1646395069\u0026shop=serversource.myshopify.com","https:\/\/s3.amazonaws.com\/pixelpop\/usercontent\/scripts\/7babeea0-cf50-4fc6-b7e1-120bc1e25b2d\/pixelpop.js?shop=serversource.myshopify.com"]; 71 for (var i = 0; i < urls.length; i++) { 72 var s = document.createElement('script'); 73 s.type = 'text/javascript'; 74 s.async = true; 75 s.src = urls[i]; 76 var x = document.getElementsByTagName('script')[0]; 77 x.parentNode.insertBefore(s, x); 78 } 79 }; 80 if(window.attachEvent) { 81 window.attachEvent('onload', asyncLoad); 82 } else { 83 window.addEventListener('load', asyncLoad, false); 84 } 85})();</script>
vendor: 1 bytes, line 85
85
86<script id="__st">var __st={"a":58721501393,"offset":3600,"reqid":"0aac3425-5475-4404-814d-11f797b9d64f-1791451925","pageurl":"www.serversource.co.uk\/pages\/about-us","s":"pages-95756943569","u":"c662a89e262f","p":"page","rtyp":"page","rid":95756943569};</script>
vendor: 1 bytes, line 86
86
87<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 87
87
88<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>
vendor: 1 bytes, line 88
88
89<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.serversource.co.uk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 89
89
90<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 = "//www.serversource.co.uk/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>
90<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>
vendor: 1 bytes, line 90
90
91<script> 92 window.Shopify = window.Shopify || {}; 93 window.Shopify.MCP = window.Shopify.MCP || {}; 94 window.Shopify.MCP.enabled = true; 95 window.Shopify.MCP.shop = "serversource.myshopify.com"; 96 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.serversource.co.uk\/api\/mcp"; 97 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"]}}]; 98</script>
vendor: 1 bytes, line 98
98
99<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("\/\/www.serversource.co.uk\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 100</script>
vendor: 1 bytes, line 100
100
101<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://www.serversource.co.uk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 102</script>
vendor: 1 bytes, line 102
102
103<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 104 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); 105</script>
vendor: 1 bytes, line 105
105
106<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})}})); 107</script>
107 108<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.serversource.co.uk/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 109<style id="shopify-accelerated-checkout-cart"> 110 #shopify-buyer-consent { 111 margin-top: 1em; 112 display: inline-block; 113 width: 100%; 114} 115 116#shopify-buyer-consent.hidden { 117 display: none; 118} 119 120#shopify-subscription-policy-button { 121 background: none; 122 border: none; 123 padding: 0; 124 text-decoration: underline; 125 font-size: inherit; 126 cursor: pointer; 127} 128 129#shopify-subscription-policy-button::before { 130 box-shadow: none; 131} 132 133 </style> 134
135<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
135 136
136<script> 137 window.hsConversationsSettings = { loadImmediately: true }; 138 </script>
138 139
139<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/20213111.js"></script>
139<link rel="preconnect" href="https://fonts.googleapis.com"> 140<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 141<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet"> 142<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 143<style> 144html, body { 145 margin: 0 !important; 146 padding: 0 !important; 147 width: 100% !important; 148} 149body { font-family: 'Poppins', sans-serif; overflow-x: clip; } 150.rte, .page-width, .page-content, .shopify-section, #MainContent, main, .main-content { 151 overflow: visible !important; 152} 153header, header *, 154footer, footer *, 155.ss-modern-header-wrap, .ss-modern-header-wrap * { 156 box-sizing: border-box; 157} 158header, footer { display: block !important; visibility: visible !important; } 159.site-header.ss-modern-header-wrap, 160.ss-modern-header-wrap { 161 position: -webkit-sticky !important; 162 position: sticky !important; 163 top: 0 !important; 164 z-index: 10001 !important; 165 width: 100% !important; 166} 167/* Static Website pages â header/top-bar chrome matches ServerSource theme (no Bootstrap) */ 168 169html.ss-static-html { 170 scroll-behavior: smooth; 171 margin: 0; 172 padding: 0; 173 font-size: 18px; 174 -webkit-text-size-adjust: 100%; 175} 176 177body.ss-static-page { 178 margin: 0 !important; 179 padding: 0 !important; 180 font-family: 'Poppins', sans-serif !important; 181 background: #f4f8fb !important; 182 color: #1a2332 !important; 183 line-height: 1.6; 184} 185 186.site-header.ss-modern-header-wrap, 187.ss-modern-header-wrap { 188 position: -webkit-sticky; 189 position: sticky !important; 190 top: 0 !important; 191 z-index: 10001 !important; 192 width: 100% !important; 193} 194 195/* Hide legacy chrome fragments if CSS remains in page head */ 196body.ss-static-page .topbar, 197body.ss-static-page .menu-section, 198body.ss-static-page .ss-menubar, 199body.ss-static-page .ss-pb-wrap { 200 display: none !important; 201} 202/* Nav size lock â pixel-matched to shopify-static-nav-bar.html @ 18px root (theme ss-modern-fixes.css). 203 MUST load after page CSS. Do not use 16px â live theme uses html.ss-modern-html { font-size: 18px }. */ 204html, 205html.ss-modern-html, 206html.ss-static-html { 207 font-size: 18px !important; 208 -webkit-text-size-adjust: 100% !important; 209} 210 211.site-header.ss-modern-header-wrap, 212.ss-modern-header-wrap { 213 position: -webkit-sticky; 214 position: sticky !important; 215 top: 0 !important; 216 z-index: 10001 !important; 217} 218 219.ss-modern-header-wrap { 220 font-size: 18px !important; 221 -webkit-text-size-adjust: 100% !important; 222 width: 100% !important; 223 max-width: none !important; 224 margin: 0 !important; 225 padding: 0 !important; 226} 227 228.ss-modern-header-wrap .top-bar { 229 display: block !important; 230 padding: 0 !important; 231 margin: 0 !important; 232 background: #eef2f6 !important; 233 border-bottom: 1px solid #e2e8f0 !important; 234 overflow: visible !important; 235} 236 237.ss-modern-header-wrap .top-bar-inner { 238 display: flex !important; 239 flex-direction: row !important; 240 align-items: center !important; 241 justify-content: space-between !important; 242 flex-wrap: wrap !important; 243 gap: 13.5px 22.5px !important; 244 padding: 8.1px 0 !important; 245 width: min(100% - 36px, 1280px) !important; 246 max-width: 1280px !important; 247 margin-inline: auto !important; 248 font-family: 'Poppins', sans-serif !important; 249 font-size: 14.625px !important; 250 font-weight: 500 !important; 251 line-height: 1.6 !important; 252 min-height: 0 !important; 253} 254 255.ss-modern-header-wrap .top-bar-contact, 256.ss-modern-header-wrap .top-bar-right { 257 display: flex !important; 258 align-items: center !important; 259 flex-wrap: wrap !important; 260 gap: 9px 15.3px !important; 261} 262 263.ss-modern-header-wrap .top-bar a { 264 color: #1f485e !important; 265 text-decoration: none !important; 266 font-family: 'Poppins', sans-serif !important; 267 font-size: 14.625px !important; 268 font-weight: 500 !important; 269 line-height: 1.6 !important; 270} 271 272.ss-modern-header-wrap .top-bar-sep { 273 color: #b8c5d0 !important; 274 line-height: 1.6 !important; 275} 276 277.ss-modern-header-wrap .top-bar-social { 278 display: inline-flex !important; 279 align-items: center !important; 280 gap: 6.3px !important; 281} 282 283.ss-modern-header-wrap .top-bar-social a { 284 display: inline-flex !important; 285 align-items: center !important; 286 justify-content: center !important; 287 width: 31.5px !important; 288 height: 31.5px !important; 289 min-width: 31.5px !important; 290 min-height: 31.5px !important; 291 padding: 0 !important; 292 margin: 0 !important; 293 border: none !important; 294 line-height: 1 !important; 295} 296 297.ss-modern-header-wrap .top-bar-social svg { 298 width: 16.875px !important; 299 height: 16.875px !important; 300 max-width: 16.875px !important; 301 max-height: 16.875px !important; 302 fill: currentColor !important; 303} 304 305.ss-modern-header-wrap .top-bar-note { 306 font-size: 13.5px !important; 307 line-height: 1.6 !important; 308} 309 310.ss-modern-header-wrap .wrap { 311 width: min(100% - 36px, 1280px) !important; 312 max-width: 1280px !important; 313 margin-inline: auto !important; 314} 315 316.ss-modern-header-wrap .shop-nav { 317 background: #1f485e !important; 318 color: #fff !important; 319 border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; 320} 321 322.ss-modern-header-wrap .shop-nav-row { 323 display: grid !important; 324 grid-template-columns: auto 1fr auto !important; 325 align-items: center !important; 326 gap: 13.5px 18px !important; 327 padding: 9.9px 18px !important; 328 width: min(100% - 18px, 1280px) !important; 329 max-width: 1280px !important; 330 margin: 0 auto !important; 331} 332 333.ss-modern-header-wrap .shop-nav-logo { 334 display: flex !important; 335 align-items: center !important; 336 gap: 9.9px !important; 337 flex-shrink: 0 !important; 338} 339 340.ss-modern-header-wrap .shop-nav-logo img { 341 height: 36px !important; 342 width: 36px !important; 343 min-height: 36px !important; 344 min-width: 36px !important; 345 object-fit: cover !important; 346 border-radius: 6px !important; 347} 348 349.ss-modern-header-wrap .shop-nav-logo-copy { 350 display: flex !important; 351 flex-direction: column !important; 352 gap: 0.9px !important; 353 line-height: 1.1 !important; 354} 355 356.ss-modern-header-wrap .shop-nav-logo-text { 357 font-size: 18.9px !important; 358 font-weight: 700 !important; 359 line-height: 1.1 !important; 360 letter-spacing: -0.01em !important; 361 white-space: nowrap !important; 362} 363 364.ss-modern-header-wrap .shop-nav-logo-est { 365 font-size: 13.5px !important; 366 font-weight: 700 !important; 367 line-height: 1.1 !important; 368} 369 370.ss-modern-header-wrap .shop-nav-links { 371 display: flex !important; 372 align-items: center !important; 373 justify-content: center !important; 374 flex-wrap: nowrap !important; 375 gap: 3.6px 5.4px !important; 376 min-width: 0 !important; 377 overflow: visible !important; 378} 379 380.ss-modern-header-wrap .shop-nav-links > a, 381.ss-modern-header-wrap .shop-nav-links > .shop-nav-drop { 382 flex-shrink: 0 !important; 383} 384 385.ss-modern-header-wrap .shop-nav-link, 386.ss-modern-header-wrap button.shop-nav-link, 387.ss-modern-header-wrap a.shop-nav-link:not(.shop-nav-link--store) { 388 display: inline-flex !important; 389 align-items: center !important; 390 justify-content: center !important; 391 gap: 5.4px !important; 392 height: 38.25px !important; 393 min-height: 38.25px !important; 394 max-height: none !important; 395 padding: 0 9.9px !important; 396 font-family: 'Poppins', sans-serif !important; 397 font-size: 15.12px !important; 398 font-weight: 600 !important; 399 line-height: 1 !important; 400 color: #fff !important; 401 white-space: nowrap !important; 402 border: none !important; 403 border-bottom: 3px solid rgba(255, 255, 255, 0.28) !important; 404 border-radius: 4px !important; 405 background: transparent !important; 406 background-image: none !important; 407 box-shadow: none !important; 408 text-decoration: none !important; 409 text-transform: none !important; 410 letter-spacing: 0.01em !important; 411 margin: 0 !important; 412 flex-shrink: 0 !important; 413 box-sizing: border-box !important; 414 -webkit-appearance: none !important; 415 appearance: none !important; 416 cursor: pointer !important; 417} 418 419.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store { 420 display: inline-flex !important; 421 align-items: center !important; 422 justify-content: center !important; 423 gap: 5.4px !important; 424 height: 38.25px !important; 425 min-height: 38.25px !important; 426 padding: 0 9.9px !important; 427 font-family: 'Poppins', sans-serif !important; 428 font-size: 15.12px !important; 429 font-weight: 600 !important; 430 line-height: 1 !important; 431 color: #fff !important; 432 white-space: nowrap !important; 433 border: none !important; 434 border-bottom: 3px solid transparent !important; 435 border-radius: 6.75px !important; 436 background: #00a8e1 !important; 437 background-image: none !important; 438 box-shadow: 0 2px 10px rgba(0, 168, 225, 0.35) !important; 439 text-decoration: none !important; 440 text-transform: none !important; 441 letter-spacing: 0.01em !important; 442 margin: 0 !important; 443 flex-shrink: 0 !important; 444} 445 446.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):hover, 447.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):focus-visible, 448.ss-modern-header-wrap .shop-nav-drop:hover > .shop-nav-link, 449.ss-modern-header-wrap .shop-nav-drop.is-open > .shop-nav-link { 450 background: rgba(255, 255, 255, 0.15) !important; 451 border-bottom-color: #00a8e1 !important; 452 color: #fff !important; 453} 454 455.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:hover, 456.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:focus-visible { 457 background: #0090c4 !important; 458 border-bottom-color: transparent !important; 459 color: #fff !important; 460} 461 462.ss-modern-header-wrap .ss-nav-search-toggle { 463 display: inline-flex !important; 464 align-items: center !important; 465 justify-content: center !important; 466 width: 38.25px !important; 467 height: 38.25px !important; 468 min-width: 38.25px !important; 469 min-height: 38.25px !important; 470 padding: 0 !important; 471} 472 473.ss-modern-header-wrap .nav-toggle { 474 font-family: 'Poppins', sans-serif !important; 475 font-size: 15.75px !important; 476 font-weight: 600 !important; 477 line-height: 1 !important; 478 padding: 9px 13.5px !important; 479} 480 481.ss-modern-header-wrap svg:not(.shop-nav-chevron) { 482 width: 16px !important; 483 height: 16px !important; 484 max-width: 24px !important; 485 max-height: 24px !important; 486 flex-shrink: 0 !important; 487} 488 489.ss-modern-header-wrap .shop-nav-link .shop-nav-chevron { 490 width: 9px !important; 491 height: 9px !important; 492 min-width: 9px !important; 493 min-height: 9px !important; 494 fill: currentColor !important; 495} 496 497@media (min-width: 1101px) { 498 .ss-modern-header-wrap .shop-nav-links > a, 499 .ss-modern-header-wrap .shop-nav-links > .shop-nav-drop { 500 display: inline-flex !important; 501 visibility: visible !important; 502 } 503} 504 505@media (min-width: 641px) { 506 .ss-modern-header-wrap .top-bar-inner { 507 flex-direction: row !important;
508 align-items: center !important; 509 } 510} 511 512@media (max-width: 640px) { 513 .ss-modern-header-wrap .top-bar-inner { 514 flex-direction: column !important; 515 align-items: flex-start !important; 516 padding: 9px 0 !important; 517 } 518 519 .ss-modern-header-wrap .top-bar-right { 520 width: 100% !important; 521 justify-content: space-between !important; 522 } 523} 524 525 526/* SS Modern Nav + Contact Flyout ââ¬â synced from shopify-static-nav-bar.html */ 527:root { 528 --primary: #1f485e; 529 --accent: #1879a4; 530 --dark: #035e7f; 531 --highlight: #00a8e1; 532 --tint: #f4f8fb; 533 --border: #e2e8f0; 534 --muted: #64748b; 535 --text: #1a2332; 536 --max: 1280px; 537 } 538 539 html, html.ss-modern-html, html.ss-static-html { 540 font-size: 18px; 541 -webkit-text-size-adjust: 100%; 542 } 543 544 *, *::before, *::after { box-sizing: border-box; } 545 body { 546 margin: 0; 547 font-family: 'Poppins', sans-serif; 548 background: var(--tint); 549 color: #1a2332; 550 } 551 552 .wrap { width: min(100% - 2rem, var(--max)); margin-inline: auto; } 553 554 /* Top utility bar */ 555 .top-bar { 556 background: #eef2f6; 557 border-bottom: 1px solid var(--border); 558 color: var(--primary); 559 } 560 .top-bar-inner { 561 display: flex; 562 align-items: center; 563 justify-content: space-between; 564 gap: .75rem 1.25rem; 565 padding: .45rem 0; 566 font-size: .8125rem; 567 font-weight: 500; 568 } 569 .top-bar-contact, 570 .top-bar-right { 571 display: flex; 572 align-items: center; 573 flex-wrap: wrap; 574 gap: .5rem .85rem; 575 } 576 .top-bar a { color: var(--primary); text-decoration: none; transition: color .15s; } 577 .top-bar a:hover { color: var(--accent); } 578 .top-bar-sep { color: #b8c5d0; user-select: none; font-weight: 400; } 579 .top-bar-social { display: flex; align-items: center; gap: .35rem; } 580 .top-bar-social a { 581 display: inline-flex; 582 align-items: center; 583 justify-content: center; 584 width: 1.75rem; 585 height: 1.75rem; 586 border-radius: 4px; 587 color: var(--primary); 588 } 589 .top-bar-social a:hover { background: rgba(31, 72, 94, .08); color: var(--accent); } 590 .top-bar-social svg { width: .9375rem; height: .9375rem; fill: currentColor; } 591 .top-bar-note { color: var(--muted); font-size: .75rem; white-space: nowrap; } 592 .top-bar-app-slot { 593 display: inline-flex; align-items: center; gap: .35rem; 594 } 595 .top-bar-app-slot:empty { display: none; } 596 .top-bar-app-slot form, 597 .top-bar-app-slot .disclosure { 598 margin: 0; padding: 0; 599 } 600 601 /* Main nav â sticky header (top bar + shop nav) */ 602 .site-header, 603 .site-header.ss-modern-header-wrap, 604 .ss-modern-header-wrap { 605 position: -webkit-sticky; 606 position: sticky !important; 607 top: 0 !important; 608 z-index: 10001 !important; 609 width: 100%; 610 } 611 .shop-nav { 612 background: var(--primary); 613 color: #fff; 614 border-bottom: 1px solid rgba(255, 255, 255, .1); 615 } 616 .shop-nav-row { 617 display: grid; 618 grid-template-columns: auto 1fr auto; 619 align-items: center; 620 gap: .75rem 1rem; 621 padding: .55rem 1rem; 622 width: min(100% - 1rem, var(--max)); 623 max-width: var(--max); 624 margin: 0 auto; 625 overflow: visible; 626 } 627 .shop-nav-logo { 628 display: flex; 629 align-items: center; 630 gap: .55rem; 631 color: #fff; 632 text-decoration: none; 633 flex-shrink: 0; 634 } 635 .shop-nav-logo img { 636 height: 36px; 637 width: 36px; 638 object-fit: cover; 639 display: block; 640 border-radius: 6px; 641 flex-shrink: 0; 642 background: #fff; 643 } 644 .shop-nav-logo-copy { 645 display: flex; 646 flex-direction: column; 647 gap: .05rem; 648 line-height: 1.1; 649 } 650 .shop-nav-logo-text { 651 font-size: 1.05rem; 652 font-weight: 700; 653 letter-spacing: -.01em; 654 white-space: nowrap; 655 } 656 .shop-nav-logo-text .logo-server { color: var(--highlight); } 657 .shop-nav-logo-text .logo-source { color: #b8c5d0; } 658 .shop-nav-logo-est { 659 display: inline-flex; 660 align-items: baseline; 661 gap: .2em; 662 font-size: .75rem; 663 font-weight: 700; 664 color: rgba(255, 255, 255, .92); 665 white-space: nowrap; 666 } 667 .shop-nav-logo-est-label { letter-spacing: .12em; } 668 .shop-nav-logo-year { 669 letter-spacing: .03em; 670 font-variant-numeric: lining-nums tabular-nums; 671 } 672 .shop-nav-right { 673 display: flex; 674 align-items: center; 675 gap: .5rem; 676 flex-shrink: 0; 677 } 678 .shop-nav-links { 679 display: flex; 680 align-items: center; 681 justify-content: center; 682 flex-wrap: nowrap; 683 gap: .2rem .3rem; 684 min-width: 0; 685 overflow: visible; 686 } 687 .shop-nav-drop { position: relative; display: block; flex-shrink: 0; } 688 .shop-nav-link { 689 display: inline-flex; 690 align-items: center; 691 justify-content: center; 692 gap: .3rem; 693 height: 2.125rem; 694 min-height: 2.125rem; 695 padding: 0 .55rem; 696 font-size: .84rem; 697 font-weight: 600; 698 flex-shrink: 0; 699 letter-spacing: .01em; 700 color: #fff; 701 white-space: nowrap; 702 border-radius: 4px; 703 border: none; 704 border-bottom: 3px solid rgba(255, 255, 255, .28); 705 background: transparent; 706 cursor: pointer; 707 font-family: inherit; 708 transition: background .15s, border-color .15s, color .15s; 709 text-decoration: none; 710 box-sizing: border-box; 711 line-height: 1; 712 margin: 0; 713 -webkit-appearance: none; 714 appearance: none; 715 } 716 .shop-nav-link:hover, 717 .shop-nav-link:focus-visible, 718 .shop-nav-drop:hover > .shop-nav-link, 719 .shop-nav-drop.is-open > .shop-nav-link { 720 background: rgba(255, 255, 255, .15); 721 border-bottom-color: var(--highlight); 722 outline: none; 723 } 724 .shop-nav-link .shop-nav-chevron { 725 width: 9px; 726 height: 9px; 727 min-width: 9px; 728 min-height: 9px; 729 fill: currentColor; 730 flex-shrink: 0; 731 display: block; 732 margin-left: .2rem; 733 transition: transform .15s ease; 734 } 735 .shop-nav-drop:hover > .shop-nav-link .shop-nav-chevron, 736 .shop-nav-drop.is-open > .shop-nav-link .shop-nav-chevron { 737 transform: rotate(180deg); 738 } 739 .shop-nav-link--store { 740 background: #00a8e1; 741 color: #fff; 742 border-bottom-color: transparent; 743 border-radius: .375rem; 744 box-shadow: 0 2px 10px rgba(0, 168, 225, .35); 745 } 746 .shop-nav-link--store:hover, 747 .shop-nav-link--store:focus-visible { 748 background: #0090c4; 749 border-bottom-color: transparent; 750 box-shadow: 0 2px 10px rgba(0, 168, 225, .35); 751 } 752 .shop-nav-drop-menu { 753 display: none; 754 position: absolute; 755 top: 100%; 756 left: 0; 757 z-index: 1200; 758 min-width: 220px; 759 max-width: 340px; 760 margin-top: .15rem; 761 background: #fff; 762 border: 1px solid #d0d0d0; 763 box-shadow: 0 8px 24px rgba(15, 45, 61, .14); 764 padding: .35rem 0; 765 border-radius: 8px; 766 animation: navDropIn .18s ease-out; 767 }
768 @keyframes navDropIn { 769 from { opacity: 0; transform: translateY(4px); } 770 to { opacity: 1; transform: translateY(0); } 771 } 772 .shop-nav-drop:hover .shop-nav-drop-menu, 773 .shop-nav-drop.is-open .shop-nav-drop-menu { display: block; } 774 .shop-nav-drop-menu a { 775 display: block; 776 padding: .7rem 1.25rem; 777 font-size: .875rem; 778 font-weight: 500; 779 line-height: 1.35; 780 color: #1f485e; 781 white-space: nowrap; 782 text-decoration: none; 783 transition: background .15s, color .15s; 784 } 785 .shop-nav-drop-menu a:hover { background: #f4f8fb; color: #1879a4; } 786 .nav-toggle { 787 display: none; 788 align-items: center; 789 gap: .5rem; 790 background: rgba(255, 255, 255, .1); 791 border: 1px solid rgba(255, 255, 255, .25); 792 border-radius: .5rem; 793 cursor: pointer; 794 padding: .5rem .75rem; 795 font: 600 .875rem 'Poppins', sans-serif; 796 color: #fff; 797 } 798 .nav-toggle svg { width: 20px; height: 20px; fill: currentColor; } 799 800 .ss-nav-search { position: relative; display: flex; align-items: center; } 801 .ss-nav-search-toggle { 802 display: inline-flex; align-items: center; justify-content: center; 803 width: 2.125rem; height: 2.125rem; padding: 0; 804 background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25); 805 border-radius: .375rem; color: #fff; cursor: pointer; 806 } 807 .ss-nav-search-toggle:hover, .ss-nav-search-toggle:focus-visible { 808 background: rgba(255,255,255,.18); border-color: var(--highlight); outline: none; 809 } 810 .ss-nav-search-panel { 811 position: absolute; top: calc(100% + .45rem); right: 0; 812 width: min(22rem, calc(100vw - 2rem)); 813 opacity: 0; visibility: hidden; pointer-events: none; 814 transition: opacity .2s ease, visibility .2s ease, transform .2s ease; 815 transform: translateY(-4px); z-index: 1300; 816 } 817 .ss-nav-search-panel.active { 818 opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); 819 } 820 @media (max-width: 749px) { 821 .ss-nav-search-panel { 822 position: fixed !important; 823 top: var(--ss-nav-h, 90px) !important; 824 left: 0 !important; right: 0 !important; width: 100% !important; 825 border-radius: 0 !important; 826 transform: translateY(-4px) !important; 827 } 828 .ss-nav-search-panel.active { 829 transform: translateY(0) !important; 830 } 831 .ss-nav-search-form { 832 border-radius: 0 !important; 833 box-shadow: 0 4px 12px rgba(15,45,61,.25) !important; 834 } 835 } 836 .ss-nav-search-form { 837 display: flex; margin: 0; padding: .35rem; 838 background: rgba(24, 121, 164, .92); border-radius: .375rem; 839 box-shadow: 0 10px 28px rgba(15, 45, 61, .22); 840 } 841 .ss-nav-search-form input[name="q"] { 842 flex: 1 1 auto; min-width: 0; width: 100%; 843 padding: .65rem .85rem; border: none; border-radius: .25rem; 844 font: 400 .875rem 'Poppins', sans-serif; color: #1a2332; background: #fff; 845 } 846 .ss-nav-search-form input[name="q"]:focus { outline: 2px solid var(--highlight); outline-offset: 0; } 847/* Contact flyout â tab left of form, slides out attached (Bytestock-style) */ 848 .contact-flyout { 849 --contact-tab-w: 2.875rem; 850 --contact-panel-w: 24rem; 851 position: fixed; right: 0; top: 50%; 852 transform: translateY(-50%); 853 z-index: 99990; 854 display: flex; flex-direction: row; align-items: center; 855 pointer-events: none; 856 } 857 .contact-flyout-panel, 858 .contact-flyout-tab { pointer-events: auto; } 859 .contact-flyout-tab { 860 order: 1; 861 width: var(--contact-tab-w); flex-shrink: 0; border: none; cursor: pointer; 862 background: #c8dde8; color: #1a2332; 863 border-radius: 12px 0 0 12px; 864 padding: .85rem .4rem .95rem; 865 display: flex; flex-direction: column; align-items: center; justify-content: space-between; 866 height: 9.75rem; 867 box-shadow: -2px 0 10px rgba(0,0,0,.12); 868 transition: background .15s, transform .45s cubic-bezier(.4,0,.2,1); 869 z-index: 2; 870 } 871 .contact-flyout.is-open .contact-flyout-tab { 872 box-shadow: none; 873 } 874 .contact-flyout-panel { 875 order: 2; 876 width: 0; 877 min-width: 0; 878 flex-shrink: 0; 879 max-height: min(36rem, calc(100vh - 2rem)); 880 overflow: hidden; 881 background: #fff; 882 border-radius: 0; 883 opacity: 0; 884 visibility: hidden; 885 pointer-events: none; 886 box-shadow: none; 887 transition: 888 width .45s cubic-bezier(.4,0,.2,1) .12s, 889 opacity .32s ease .16s, 890 visibility .32s ease .16s, 891 box-shadow .45s ease .12s; 892 } 893 .contact-flyout.is-open .contact-flyout-panel { 894 width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem)); 895 overflow-x: hidden; 896 overflow-y: auto; 897 opacity: 1 !important; 898 visibility: visible !important; 899 pointer-events: auto; 900 box-shadow: 10px 8px 40px rgba(0,0,0,.12); 901 } 902 .contact-flyout-panel-inner { 903 width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem)); 904 padding: 1.25rem 1.25rem 1rem; 905 box-sizing: border-box; 906 } 907 .contact-flyout-hs-form { width: 100%; min-height: 18rem; } 908 .contact-flyout-hs-form .hs-form-frame, 909 .contact-flyout-hs-form .contact-flyout-hs-iframe, 910 .contact-flyout-hs-form iframe { 911 display: block !important; 912 width: 100% !important; 913 min-height: 480px !important; 914 height: 520px !important; 915 visibility: visible !important; 916 opacity: 1 !important; 917 position: static !important; 918 pointer-events: auto !important; 919 border: 0 !important; 920 background: transparent !important; 921 }
922 .contact-flyout:not(.is-open) .contact-flyout-panel { 923 transition: 924 width .3s cubic-bezier(.4,0,.2,1), 925 opacity .18s ease, 926 visibility .18s ease, 927 box-shadow .3s ease; 928 } 929 .contact-flyout-tab:hover, 930 .contact-flyout-tab:focus-visible { background: #b3d0e0; outline: none; } 931 .contact-flyout-tab-text { 932 writing-mode: vertical-rl; text-orientation: mixed; 933 transform: rotate(180deg); 934 font: 600 .9375rem 'Poppins', sans-serif; letter-spacing: .01em; 935 white-space: nowrap; line-height: 1; 936 } 937 .contact-flyout-tab-chevron { 938 display: inline-flex; align-items: center; justify-content: center; 939 color: #1a2332; transition: transform .4s ease; 940 } 941 .contact-flyout-tab-chevron svg { width: .75rem; height: .75rem; fill: currentColor; } 942 .contact-flyout.is-open .contact-flyout-tab-chevron { transform: rotate(180deg); } 943 .contact-flyout-note { 944 font-size: .8125rem; color: var(--text); line-height: 1.55; margin-top: .85rem; 945 padding-top: .85rem; border-top: 1px solid #c5d4de; 946 font-weight: 500; 947 } 948 .contact-flyout-note a { 949 color: var(--primary); font-weight: 700; text-decoration: none; 950 } 951 .contact-flyout-note a:hover { text-decoration: underline; color: var(--accent); } 952 @media (max-width: 640px) { 953 .contact-flyout { 954 top: auto; bottom: 1rem; 955 transform: none; 956 } 957 .contact-flyout-panel { max-height: calc(100vh - 5rem); } 958 .contact-flyout-panel-inner { padding: 1.5rem 1.25rem; } 959 } 960 @media (prefers-reduced-motion: reduce) { 961 .contact-flyout-panel, 962 .contact-flyout-tab, 963 .contact-flyout-tab-chevron { transition: none; } 964 } 965 966 @media (max-width: 1100px) { 967 .shop-nav-row { 968 grid-template-columns: 1fr auto; 969 padding: .65rem 1rem; 970 } 971 .shop-nav-logo { grid-column: 1; } 972 .shop-nav-right { grid-column: 2; grid-row: 1; } 973 .shop-nav-links { 974 grid-column: 1 / -1; 975 grid-row: 2; 976 display: none; 977 flex-direction: column; 978 align-items: stretch; 979 width: 100%; 980 background: var(--primary); 981 padding: .5rem 0 .85rem; 982 border-top: 1px solid rgba(255, 255, 255, .1); 983 gap: .2rem; 984 } 985 .nav-toggle { display: inline-flex; } 986 .shop-nav-links.is-open { display: flex; } 987 .shop-nav-link { 988 width: 100%; 989 height: auto; 990 min-height: 0; 991 padding: .65rem .85rem; 992 font-size: .9375rem; 993 justify-content: flex-start; 994 border-bottom: 3px solid rgba(255, 255, 255, .18); 995 } 996 .shop-nav-drop > .shop-nav-link { justify-content: space-between; } 997 .shop-nav-drop > .shop-nav-link .shop-nav-chevron { margin-left: auto; } 998 .shop-nav-drop-menu { 999 position: static; 1000 min-width: 0; 1001 max-width: none; 1002 width: 100%; 1003 box-shadow: none; 1004 border: none; 1005 background: rgba(0, 0, 0, .12); 1006 margin: 0 0 .25rem; 1007 padding: .25rem 0; 1008 border-radius: 4px; 1009 animation: none; 1010 } 1011 .shop-nav-drop-menu a { 1012 color: #fff; 1013 font-size: .875rem; 1014 padding: .55rem 1rem .55rem 1.35rem; 1015 } 1016 .shop-nav-drop-menu a:hover { color: #fff; background: rgba(255, 255, 255, .08); } 1017 } 1018 @media (max-width: 640px) { 1019 .top-bar-inner { flex-direction: column; align-items: flex-start; padding: .5rem 0; } 1020 .top-bar-right { width: 100%; justify-content: space-between; } 1021 } 1022 1023 1024 1025/* Nav size lock â pixel-matched to shopify-static-nav-bar.html @ 18px root (theme ss-modern-fixes.css). 1026 MUST load after page CSS. Do not use 16px â live theme uses html.ss-modern-html { font-size: 18px }. */ 1027html, 1028html.ss-modern-html, 1029html.ss-static-html { 1030 font-size: 18px !important; 1031 -webkit-text-size-adjust: 100% !important; 1032} 1033 1034.ss-modern-header-wrap { 1035 font-size: 18px !important; 1036 -webkit-text-size-adjust: 100% !important; 1037 width: 100% !important; 1038 max-width: none !important; 1039 margin: 0 !important; 1040 padding: 0 !important; 1041} 1042 1043.ss-modern-header-wrap .top-bar { 1044 display: block !important; 1045 padding: 0 !important; 1046 margin: 0 !important; 1047 background: #eef2f6 !important; 1048 border-bottom: 1px solid #e2e8f0 !important; 1049 overflow: visible !important; 1050} 1051 1052.ss-modern-header-wrap .top-bar-inner { 1053 display: flex !important; 1054 flex-direction: row !important; 1055 align-items: center !important; 1056 justify-content: space-between !important; 1057 flex-wrap: wrap !important; 1058 gap: 13.5px 22.5px !important; 1059 padding: 8.1px 0 !important; 1060 width: min(100% - 36px, 1280px) !important; 1061 max-width: 1280px !important; 1062 margin-inline: auto !important; 1063 font-family: 'Poppins', sans-serif !important; 1064 font-size: 14.625px !important; 1065 font-weight: 500 !important; 1066 line-height: 1.6 !important; 1067 min-height: 0 !important; 1068} 1069 1070.ss-modern-header-wrap .top-bar-contact, 1071.ss-modern-header-wrap .top-bar-right { 1072 display: flex !important; 1073 align-items: center !important; 1074 flex-wrap: wrap !important; 1075 gap: 9px 15.3px !important; 1076} 1077 1078.ss-modern-header-wrap .top-bar a { 1079 color: #1f485e !important; 1080 text-decoration: none !important; 1081 font-family: 'Poppins', sans-serif !important; 1082 font-size: 14.625px !important; 1083 font-weight: 500 !important; 1084 line-height: 1.6 !important; 1085} 1086 1087.ss-modern-header-wrap .top-bar-sep { 1088 color: #b8c5d0 !important; 1089 line-height: 1.6 !important; 1090} 1091 1092.ss-modern-header-wrap .top-bar-social { 1093 display: inline-flex !important; 1094 align-items: center !important; 1095 gap: 6.3px !important; 1096} 1097 1098.ss-modern-header-wrap .top-bar-social a { 1099 display: inline-flex !important; 1100 align-items: center !important; 1101 justify-content: center !important; 1102 width: 31.5px !important; 1103 height: 31.5px !important; 1104 min-width: 31.5px !important; 1105 min-height: 31.5px !important; 1106 padding: 0 !important; 1107 margin: 0 !important; 1108 border: none !important; 1109 line-height: 1 !important; 1110} 1111 1112.ss-modern-header-wrap .top-bar-social svg { 1113 width: 16.875px !important; 1114 height: 16.875px !important; 1115 max-width: 16.875px !important; 1116 max-height: 16.875px !important; 1117 fill: currentColor !important; 1118} 1119 1120.ss-modern-header-wrap .top-bar-note { 1121 font-size: 13.5px !important; 1122 line-height: 1.6 !important; 1123} 1124 1125.ss-modern-header-wrap .wrap { 1126 width: min(100% - 36px, 1280px) !important; 1127 max-width: 1280px !important; 1128 margin-inline: auto !important; 1129} 1130 1131.ss-modern-header-wrap .shop-nav { 1132 background: #1f485e !important; 1133 color: #fff !important; 1134 border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; 1135} 1136 1137.ss-modern-header-wrap .shop-nav-row { 1138 display: grid !important; 1139 grid-template-columns: auto 1fr auto !important; 1140 align-items: center !important; 1141 gap: 13.5px 18px !important; 1142 padding: 9.9px 18px !important; 1143 width: min(100% - 18px, 1280px) !important; 1144 max-width: 1280px !important; 1145 margin: 0 auto !important; 1146} 1147 1148.ss-modern-header-wrap .shop-nav-logo { 1149 display: flex !important; 1150 align-items: center !important; 1151 gap: 9.9px !important; 1152 flex-shrink: 0 !important; 1153} 1154 1155.ss-modern-header-wrap .shop-nav-logo img { 1156 height: 36px !important; 1157 width: 36px !important; 1158 min-height: 36px !important; 1159 min-width: 36px !important; 1160 object-fit: cover !important; 1161 border-radius: 6px !important; 1162} 1163 1164.ss-modern-header-wrap .shop-nav-logo-copy { 1165 display: flex !important; 1166 flex-direction: column !important; 1167 gap: 0.9px !important; 1168 line-height: 1.1 !important; 1169} 1170 1171.ss-modern-header-wrap .shop-nav-logo-text { 1172 font-size: 18.9px !important; 1173 font-weight: 700 !important; 1174 line-height: 1.1 !important; 1175 letter-spacing: -0.01em !important; 1176 white-space: nowrap !important; 1177} 1178 1179.ss-modern-header-wrap .shop-nav-logo-est { 1180 font-size: 13.5px !important; 1181 font-weight: 700 !important; 1182 line-height: 1.1 !important; 1183} 1184 1185.ss-modern-header-wrap .shop-nav-links { 1186 display: flex !important; 1187 align-items: center !important; 1188 justify-content: center !important; 1189 flex-wrap: nowrap !important; 1190 gap: 3.6px 5.4px !important; 1191 min-width: 0 !important; 1192 overflow: visible !important; 1193} 1194 1195.ss-modern-header-wrap .shop-nav-links > a, 1196.ss-modern-header-wrap .shop-nav-links > .shop-nav-drop { 1197 flex-shrink: 0 !important; 1198} 1199 1200.ss-modern-header-wrap .shop-nav-link, 1201.ss-modern-header-wrap button.shop-nav-link, 1202.ss-modern-header-wrap a.shop-nav-link:not(.shop-nav-link--store) { 1203 display: inline-flex !important; 1204 align-items: center !important; 1205 justify-content: center !important; 1206 gap: 5.4px !important; 1207 height: 38.25px !important; 1208 min-height: 38.25px !important; 1209 max-height: none !important; 1210 padding: 0 9.9px !important; 1211 font-family: 'Poppins', sans-serif !important; 1212 font-size: 15.12px !important; 1213 font-weight: 600 !important; 1214 line-height: 1 !important; 1215 color: #fff !important; 1216 white-space: nowrap !important; 1217 border: none !important; 1218 border-bottom: 3px solid rgba(255, 255, 255, 0.28) !important; 1219 border-radius: 4px !important; 1220 background: transparent !important; 1221 background-image: none !important; 1222 box-shadow: none !important; 1223 text-decoration: none !important; 1224 text-transform: none !important; 1225 letter-spacing: 0.01em !important; 1226 margin: 0 !important; 1227 flex-shrink: 0 !important; 1228 box-sizing: border-box !important; 1229 -webkit-appearance: none !important; 1230 appearance: none !important; 1231 cursor: pointer !important; 1232} 1233 1234.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store { 1235 display: inline-flex !important; 1236 align-items: center !important; 1237 justify-content: center !important; 1238 gap: 5.4px !important; 1239 height: 38.25px !important; 1240 min-height: 38.25px !important; 1241 padding: 0 9.9px !important; 1242 font-family: 'Poppins', sans-serif !important; 1243 font-size: 15.12px !important; 1244 font-weight: 600 !important; 1245 line-height: 1 !important; 1246 color: #fff !important; 1247 white-space: nowrap !important; 1248 border: none !important; 1249 border-bottom: 3px solid transparent !important; 1250 border-radius: 6.75px !important; 1251 background: #00a8e1 !important; 1252 background-image: none !important; 1253 box-shadow: 0 2px 10px rgba(0, 168, 225, 0.35) !important; 1254 text-decoration: none !important; 1255 text-transform: none !important; 1256 letter-spacing: 0.01em !important; 1257 margin: 0 !important; 1258 flex-shrink: 0 !important; 1259} 1260 1261.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):hover, 1262.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):focus-visible, 1263.ss-modern-header-wrap .shop-nav-drop:hover > .shop-nav-link, 1264.ss-modern-header-wrap .shop-nav-drop.is-open > .shop-nav-link { 1265 background: rgba(255, 255, 255, 0.15) !important; 1266 border-bottom-color: #00a8e1 !important; 1267 color: #fff !important; 1268} 1269 1270.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:hover, 1271.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:focus-visible { 1272 background: #0090c4 !important; 1273 border-bottom-color: transparent !important; 1274 color: #fff !important; 1275} 1276 1277.ss-modern-header-wrap .ss-nav-search-toggle { 1278 display: inline-flex !important; 1279 align-items: center !important; 1280 justify-content: center !important; 1281 width: 38.25px !important; 1282 height: 38.25px !important; 1283 min-width: 38.25px !important; 1284 min-height: 38.25px !important; 1285 padding: 0 !important; 1286} 1287 1288.ss-modern-header-wrap .nav-toggle { 1289 font-family: 'Poppins', sans-serif !important; 1290 font-size: 15.75px !important; 1291 font-weight: 600 !important; 1292 line-height: 1 !important; 1293 padding: 9px 13.5px !important; 1294} 1295 1296.ss-modern-header-wrap svg:not(.shop-nav-chevron) { 1297 width: 16px !important; 1298 height: 16px !important; 1299 max-width: 24px !important; 1300 max-height: 24px !important; 1301 flex-shrink: 0 !important; 1302} 1303 1304.ss-modern-header-wrap .shop-nav-link .shop-nav-chevron { 1305 width: 9px !important; 1306 height: 9px !important; 1307 min-width: 9px !important; 1308 min-height: 9px !important; 1309 fill: currentColor !important; 1310} 1311 1312@media (min-width: 1101px) { 1313 .ss-modern-header-wrap .shop-nav-links > a, 1314 .ss-modern-header-wrap .shop-nav-links > .shop-nav-drop { 1315 display: inline-flex !important; 1316 visibility: visible !important; 1317 } 1318} 1319 1320@media (min-width: 641px) { 1321 .ss-modern-header-wrap .top-bar-inner { 1322 flex-direction: row !important;
1323 align-items: center !important; 1324 } 1325} 1326 1327@media (max-width: 640px) { 1328 .ss-modern-header-wrap .top-bar-inner { 1329 flex-direction: column !important; 1330 align-items: flex-start !important; 1331 padding: 9px 0 !important; 1332 } 1333 1334 .ss-modern-header-wrap .top-bar-right { 1335 width: 100% !important; 1336 justify-content: space-between !important; 1337 } 1338} 1339/* ServerSource About Us page â scoped styles for about-main.html */ 1340 1341#ssAboutMain.ss-about-page { 1342 --ss-primary: #1f485e; 1343 --ss-accent: #1879a4; 1344 --ss-highlight: #00a8e1; 1345 --ss-tint: #f4f8fb; 1346 --ss-text: #1a2332; 1347 --ss-muted: #5f5f5f; 1348 --ss-muted-light: #64748b; 1349 --ss-border: #e2e8f0; 1350 --ss-gradient-mid: #2596be; 1351 --ss-gradient-end: #035e7f; 1352 --ss-icon-bg: #e3f2f9; 1353 --ss-icon-color: #1f485e; 1354 --ss-max: 1400px; 1355 --ss-radius: 12px; 1356 --ss-radius-lg: 16px; 1357 --ss-shadow: 0 10px 40px rgba(31, 72, 94, 0.1); 1358 --ss-shadow-strong: 0 15px 50px rgba(31, 72, 94, 0.2); 1359 display: block; 1360 width: 100%; 1361 margin: 0; 1362 padding: 0; 1363 font-family: 'Poppins', sans-serif; 1364 color: var(--ss-text); 1365 line-height: 1.6; 1366 background: #fff; 1367} 1368 1369#ssAboutMain.ss-about-page *, 1370#ssAboutMain.ss-about-page *::before, 1371#ssAboutMain.ss-about-page *::after { 1372 box-sizing: border-box; 1373} 1374 1375/* Layout wrapper */ 1376#ssAboutMain.ss-about-page .about-content { 1377 max-width: var(--ss-max); 1378 margin: 0 auto; 1379 padding: 0 20px; 1380} 1381 1382/* Hero */ 1383#ssAboutMain.ss-about-page .about-hero { 1384 background: url('https://cdn.shopify.com/s/files/1/0587/2150/1393/files/About_us_banner_2.png?v=1768222642') center center / cover no-repeat; 1385 padding: 80px 0; 1386 margin-bottom: 0; 1387 width: 100%; 1388 position: relative; 1389 overflow: hidden; 1390} 1391 1392#ssAboutMain.ss-about-page .about-hero::before { 1393 content: ''; 1394 position: absolute; 1395 inset: 0; 1396 background: linear-gradient( 1397 135deg, 1398 rgba(31, 72, 94, 0.85) 0%, 1399 rgba(24, 121, 164, 0.8) 50%, 1400 rgba(37, 150, 190, 0.75) 100% 1401 ); 1402 pointer-events: none; 1403} 1404 1405#ssAboutMain.ss-about-page .about-hero > * { 1406 position: relative; 1407 z-index: 1; 1408} 1409 1410#ssAboutMain.ss-about-page .hero-title { 1411 font-family: 'Poppins', sans-serif; 1412 font-size: 3.2rem; 1413 font-weight: 700; 1414 color: #ffffff; 1415 margin: 0 0 20px; 1416 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 1417 text-align: center; 1418} 1419 1420#ssAboutMain.ss-about-page .about-hero .about-content { 1421 text-align: center; 1422 max-width: 96rem; 1423} 1424 1425#ssAboutMain.ss-about-page .hero-subtitle { 1426 font-family: 'Poppins', sans-serif; 1427 font-size: clamp(1rem, 1.75vw, 1.28rem); 1428 color: rgba(255, 255, 255, 0.95); 1429 max-width: 52rem; 1430 line-height: 1.55; 1431 margin: 0 auto; 1432 text-align: center; 1433} 1434 1435#ssAboutMain.ss-about-page .hero-subtitle__line { 1436 display: block; 1437} 1438 1439#ssAboutMain.ss-about-page .years-badge { 1440 display: inline-block; 1441 margin: 35px 0 0; 1442 color: rgba(255, 255, 255, 0.85); 1443 font-size: 1.05rem; 1444 font-weight: 400; 1445 letter-spacing: 0.02em; 1446} 1447 1448#ssAboutMain.ss-about-page .years-badge strong { 1449 color: #fff; 1450 font-weight: 600; 1451} 1452 1453/* Stats */ 1454#ssAboutMain.ss-about-page .stats-section { 1455 padding: 70px 0; 1456 position: relative; 1457 background: #ffffff; 1458} 1459 1460#ssAboutMain.ss-about-page .stats-grid { 1461 display: grid; 1462 grid-template-columns: repeat(3, 1fr); 1463 gap: 50px; 1464 text-align: center; 1465 position: relative; 1466 background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 50%, var(--ss-gradient-mid) 100%); 1467 border-radius: var(--ss-radius-lg); 1468 padding: 50px 40px; 1469 box-shadow: 0 10px 40px rgba(31, 72, 94, 0.2); 1470 align-items: start; 1471} 1472 1473#ssAboutMain.ss-about-page .stat-item { 1474 color: #fff; 1475 padding: 20px; 1476 display: flex; 1477 flex-direction: column; 1478 align-items: center; 1479 justify-content: flex-start; 1480} 1481 1482#ssAboutMain.ss-about-page .stat-number { 1483 font-family: 'Poppins', sans-serif; 1484 font-size: 3.8rem; 1485 font-weight: 800; 1486 display: block; 1487 line-height: 1; 1488 margin-bottom: 10px; 1489 text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); 1490 min-height: 60px; 1491 opacity: 0; 1492 transform: translateY(28px); 1493 transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1); 1494} 1495 1496#ssAboutMain.ss-about-page .stats-section.is-visible .stat-number { 1497 opacity: 1; 1498 transform: translateY(0); 1499} 1500 1501#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(1) .stat-number { 1502 transition-delay: 0.05s; 1503} 1504 1505#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(2) .stat-number { 1506 transition-delay: 0.15s; 1507} 1508 1509#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(3) .stat-number { 1510 transition-delay: 0.25s; 1511} 1512 1513#ssAboutMain.ss-about-page .stat-number.is-counting { 1514 opacity: 1; 1515 transform: translateY(0); 1516} 1517 1518#ssAboutMain.ss-about-page .stat-label { 1519 font-family: 'Poppins', sans-serif; 1520 font-size: 1.15rem; 1521 opacity: 0.95; 1522 font-weight: 500; 1523 display: block; 1524} 1525 1526/* Sections */ 1527#ssAboutMain.ss-about-page .section { 1528 padding: 80px 0; 1529} 1530 1531#ssAboutMain.ss-about-page .section-white { 1532 background: #ffffff; 1533} 1534 1535#ssAboutMain.ss-about-page .section-grey { 1536 background: linear-gradient(180deg, #f0f4f8 0%, #e8eef3 100%); 1537} 1538 1539#ssAboutMain.ss-about-page .section-title { 1540 font-family: 'Poppins', sans-serif; 1541 font-size: 2.4rem; 1542 font-weight: 700; 1543 color: var(--ss-primary); 1544 margin: 0 0 20px; 1545} 1546 1547#ssAboutMain.ss-about-page .section-title--center { 1548 text-align: center; 1549} 1550 1551#ssAboutMain.ss-about-page .section-title--sm { 1552 font-size: 2rem; 1553} 1554 1555#ssAboutMain.ss-about-page .section-title--spaced { 1556 margin-bottom: 40px; 1557} 1558 1559#ssAboutMain.ss-about-page .section-subtitle { 1560 font-family: 'Poppins', sans-serif; 1561 font-size: 1.15rem; 1562 color: var(--ss-muted); 1563 max-width: 700px; 1564 margin: 0 auto 50px; 1565 padding: 0; 1566 text-align: center; 1567 line-height: 1.7; 1568} 1569 1570/* Stats â full-width strip before CTA */ 1571#ssAboutMain.ss-about-page .stats-section--fullwidth { 1572 width: 100%; 1573 max-width: 100%; 1574 margin: 0; 1575 padding: 0; 1576 background: transparent; 1577} 1578 1579#ssAboutMain.ss-about-page .stats-grid--fullwidth { 1580 display: grid; 1581 grid-template-columns: repeat(3, 1fr); 1582 gap: 0; 1583 width: 100%; 1584 max-width: none; 1585 margin: 0; 1586 padding: 48px 24px; 1587 border-radius: 0; 1588 background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 50%, var(--ss-gradient-mid) 100%); 1589 box-shadow: none; 1590} 1591 1592#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item { 1593 border-right: 1px solid rgba(255, 255, 255, 0.15); 1594 padding: 12px 20px; 1595} 1596 1597#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item:last-child {
1598 border-right: none; 1599} 1600 1601#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-number { 1602 font-size: clamp(2.25rem, 4vw, 3.25rem); 1603 min-height: auto; 1604} 1605 1606#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-label { 1607 font-size: clamp(0.9375rem, 1.5vw, 1.125rem); 1608} 1609 1610/* Dell partner box â inside Why Choose */ 1611#ssAboutMain.ss-about-page .ss-about-page__values-section .section-subtitle { 1612 max-width: none; 1613 white-space: nowrap; 1614} 1615 1616@media (max-width: 720px) { 1617 #ssAboutMain.ss-about-page .ss-about-page__values-section .section-subtitle { 1618 white-space: normal; 1619 max-width: 700px; 1620 } 1621} 1622 1623#ssAboutMain.ss-about-page .ss-about-page__values-section .values-grid { 1624 margin-bottom: 2rem; 1625} 1626 1627#ssAboutMain.ss-about-page .ss-about-partner-box { 1628 display: grid; 1629 grid-template-columns: minmax(0, 1fr) minmax(140px, 220px); 1630 gap: 1.75rem; 1631 align-items: center; 1632 background: #fff; 1633 border-radius: var(--ss-radius-lg); 1634 border: 1px solid var(--ss-border); 1635 box-shadow: var(--ss-shadow); 1636 padding: 1.75rem 2rem; 1637 overflow: hidden; 1638 position: relative; 1639} 1640 1641#ssAboutMain.ss-about-page .ss-about-partner-box::before { 1642 content: ''; 1643 position: absolute; 1644 top: 0; 1645 left: 0; 1646 right: 0; 1647 height: 5px; 1648 background: linear-gradient(90deg, var(--ss-primary) 0%, var(--ss-highlight) 100%); 1649 z-index: 1; 1650} 1651 1652#ssAboutMain.ss-about-page .ss-about-partner-box__media { 1653 flex-shrink: 0; 1654 display: flex; 1655 align-items: center; 1656 justify-content: center; 1657} 1658 1659#ssAboutMain.ss-about-page .ss-about-partner-box__media img { 1660 width: 100%; 1661 max-width: 220px; 1662 height: auto; 1663 display: block; 1664 border-radius: 8px; 1665 object-fit: contain; 1666} 1667 1668#ssAboutMain.ss-about-page .ss-about-partner-box__content { 1669 padding: 0; 1670 min-width: 0; 1671} 1672 1673#ssAboutMain.ss-about-page .ss-about-partner-box__title { 1674 font-family: 'Poppins', sans-serif; 1675 font-size: 1.35rem; 1676 font-weight: 700; 1677 color: var(--ss-primary); 1678 margin: 0 0 0.75rem; 1679} 1680 1681#ssAboutMain.ss-about-page .ss-about-partner-box__content p { 1682 font-family: 'Poppins', sans-serif; 1683 font-size: 1rem; 1684 line-height: 1.75; 1685 color: var(--ss-muted); 1686 margin: 0 0 0.85rem; 1687} 1688 1689#ssAboutMain.ss-about-page .ss-about-partner-box__content p:last-child { 1690 margin-bottom: 0; 1691} 1692 1693/* ETB-style story box */ 1694#ssAboutMain.ss-about-page .ss-about-page__story-section { 1695 padding: 48px 0 56px; 1696 background: linear-gradient(180deg, #f0f4f8 0%, #e8eef3 100%); 1697} 1698 1699#ssAboutMain.ss-about-page .ss-about-story-box { 1700 display: grid; 1701 grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr); 1702 gap: 2.5rem; 1703 align-items: center; 1704 background: #fff; 1705 border-radius: 20px; 1706 box-shadow: 0 16px 48px rgba(31, 72, 94, 0.1); 1707 border: 1px solid var(--ss-border);
1708 padding: 2.75rem 2.5rem; 1709} 1710 1711#ssAboutMain.ss-about-page .ss-about-story-box__title { 1712 font-family: 'Poppins', sans-serif; 1713 font-size: clamp(1.75rem, 3vw, 2.25rem); 1714 font-weight: 700; 1715 color: var(--ss-primary); 1716 margin: 0 0 1.25rem; 1717} 1718 1719#ssAboutMain.ss-about-page .ss-about-story-box__text p { 1720 font-family: 'Poppins', sans-serif; 1721 font-size: 1.0625rem; 1722 line-height: 1.85; 1723 color: var(--ss-muted); 1724 margin: 0 0 1.1rem; 1725 text-wrap: pretty; 1726} 1727 1728#ssAboutMain.ss-about-page .ss-about-story-box__text p:last-child { 1729 margin-bottom: 0; 1730} 1731 1732#ssAboutMain.ss-about-page .ss-about-story-box__text strong { 1733 color: var(--ss-primary); 1734} 1735 1736#ssAboutMain.ss-about-page .ss-about-story-box__visual-track { 1737 position: relative; 1738 display: flex; 1739 align-items: center; 1740 justify-content: center; 1741 gap: 1.25rem; 1742 min-height: 120px; 1743} 1744 1745#ssAboutMain.ss-about-page .ss-about-story-box__visual-line { 1746 position: absolute; 1747 left: 18%; 1748 right: 18%; 1749 top: 50%; 1750 height: 3px; 1751 background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-highlight) 100%); 1752 transform: translateY(-50%); 1753 z-index: 0; 1754} 1755 1756#ssAboutMain.ss-about-page .ss-about-story-box__visual-node { 1757 position: relative; 1758 z-index: 1; 1759 width: 96px; 1760 height: 96px; 1761 border-radius: 50%; 1762 overflow: hidden; 1763 background: #fff; 1764 border: 4px solid #fff; 1765 box-shadow: 0 6px 20px rgba(31, 72, 94, 0.15); 1766 flex-shrink: 0; 1767} 1768 1769#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--logo img { 1770 width: 100%; 1771 height: 100%; 1772 object-fit: cover; 1773} 1774 1775#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--partner { 1776 background: var(--ss-primary); 1777 width: 112px; 1778 height: 112px; 1779 display: flex; 1780 align-items: center; 1781 justify-content: center; 1782 padding: 5px; 1783 box-sizing: border-box; 1784} 1785 1786#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--partner img { 1787 display: block; 1788 width: 100%; 1789 height: auto; 1790 max-width: 100%; 1791 max-height: 100%; 1792 object-fit: contain; 1793 object-position: center center; 1794 transform: scale(1.7) translateX(10px); 1795 margin: 0; 1796} 1797 1798/* Horizontal journey timeline */ 1799#ssAboutMain.ss-about-page .ss-about-page__journey-section { 1800 padding-bottom: 4rem; 1801} 1802 1803#ssAboutMain.ss-about-page .ss-about-page__journey-section .section-subtitle { 1804 margin-bottom: 2rem; 1805 max-width: none; 1806 white-space: nowrap; 1807} 1808 1809@media (max-width: 720px) { 1810 #ssAboutMain.ss-about-page .ss-about-page__journey-section .section-subtitle { 1811 white-space: normal; 1812 max-width: 700px; 1813 } 1814} 1815 1816#ssAboutMain.ss-about-page .ss-about-journey--horizontal { 1817 position: relative; 1818 width: 100%; 1819 overflow: hidden; 1820 padding: 0.5rem 0 0; 1821 min-height: 200px; 1822} 1823 1824#ssAboutMain.ss-about-page .ss-about-journey__track { 1825 position: absolute; 1826 left: 3%; 1827 right: 3%; 1828 top: 1.75rem; 1829 height: 4px; 1830 z-index: 0; 1831 pointer-events: none; 1832} 1833 1834#ssAboutMain.ss-about-page .ss-about-journey__track-bg { 1835 position: absolute; 1836 inset: 0; 1837 border-top: 3px dotted #94a3b8; 1838} 1839 1840#ssAboutMain.ss-about-page .ss-about-journey__track-fill { 1841 position: absolute; 1842 left: 0; 1843 top: 0; 1844 height: 4px; 1845 width: calc(var(--journey-progress, 0) * 100%); 1846 background: #1879a4; 1847 border-radius: 999px; 1848 transition: width 0.15s ease-out; 1849} 1850 1851#ssAboutMain.ss-about-page .ss-about-journey__steps { 1852 position: relative; 1853 z-index: 1; 1854 list-style: none; 1855 margin: 0; 1856 padding: 0; 1857 display: flex; 1858 align-items: flex-start; 1859 justify-content: space-between; 1860 gap: 0.25rem; 1861} 1862 1863#ssAboutMain.ss-about-page .ss-about-journey__step { 1864 flex: 1 1 0; 1865 min-width: 0; 1866 display: flex; 1867 flex-direction: column; 1868 align-items: center; 1869 text-align: center; 1870 padding: 0 0.15rem; 1871 opacity: 0.45; 1872 transition: opacity 0.35s ease; 1873} 1874 1875#ssAboutMain.ss-about-page .ss-about-journey__step.is-revealed { 1876 opacity: 1; 1877} 1878 1879#ssAboutMain.ss-about-page .ss-about-journey__year { 1880 display: inline-flex; 1881 align-items: center; 1882 justify-content: center; 1883 width: 3.25rem; 1884 height: 3.25rem; 1885 border-radius: 50%; 1886 background: var(--ss-icon-bg); 1887 color: var(--ss-icon-color); 1888 font-family: 'Poppins', sans-serif; 1889 font-size: 0.75rem; 1890 font-weight: 700; 1891 line-height: 1; 1892 border: 3px solid #fff; 1893 box-shadow: 0 2px 8px rgba(31, 72, 94, 0.12); 1894 margin-bottom: 0.65rem; 1895 flex-shrink: 0; 1896} 1897 1898#ssAboutMain.ss-about-page .ss-about-journey__body { 1899 max-width: 100%; 1900} 1901 1902#ssAboutMain.ss-about-page .ss-about-journey__heading { 1903 font-family: 'Poppins', sans-serif; 1904 font-size: 0.6875rem; 1905 font-weight: 700; 1906 color: var(--ss-primary); 1907 margin: 0 0 0.2rem; 1908 line-height: 1.25; 1909 text-wrap: balance; 1910} 1911 1912#ssAboutMain.ss-about-page .ss-about-journey__body p { 1913 margin: 0; 1914 font-family: 'Poppins', sans-serif; 1915 font-size: 0.625rem; 1916 line-height: 1.35; 1917 color: var(--ss-muted); 1918 text-wrap: balance; 1919 orphans: 3; 1920 widows: 3; 1921} 1922
1923/* Shop ranges â homepage-style cards */ 1924#ssAboutMain.ss-about-page .ss-about-page__ranges-section { 1925 padding: 4rem 0; 1926 background: #fff; 1927} 1928 1929#ssAboutMain.ss-about-page .ss-about-ranges-head { 1930 text-align: center; 1931 margin-bottom: 2rem; 1932} 1933 1934#ssAboutMain.ss-about-page .ss-about-ranges-label { 1935 display: block; 1936 font-size: 0.75rem; 1937 font-weight: 700; 1938 text-transform: uppercase; 1939 letter-spacing: 0.08em; 1940 color: var(--ss-accent); 1941 margin-bottom: 0.4rem; 1942} 1943 1944#ssAboutMain.ss-about-page .ss-about-range-grid { 1945 display: grid; 1946 grid-template-columns: repeat(3, 1fr); 1947 gap: 1rem; 1948} 1949 1950#ssAboutMain.ss-about-page .ss-about-range-card { 1951 background: var(--ss-tint); 1952 border: 1px solid var(--ss-border); 1953 border-radius: 10px; 1954 overflow: hidden; 1955 transition: 0.2s ease; 1956 display: flex; 1957 flex-direction: column; 1958 text-decoration: none !important; 1959 color: inherit; 1960} 1961 1962#ssAboutMain.ss-about-page a.ss-about-range-card:hover { 1963 border-color: var(--ss-accent); 1964 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07); 1965 transform: translateY(-3px); 1966 text-decoration: none !important; 1967} 1968 1969#ssAboutMain.ss-about-page .ss-about-range-card__img { 1970 height: 130px; 1971 overflow: hidden; 1972} 1973 1974#ssAboutMain.ss-about-page .ss-about-range-card__img img { 1975 width: 100%; 1976 height: 100%; 1977 object-fit: cover; 1978 transition: transform 0.3s ease; 1979} 1980 1981#ssAboutMain.ss-about-page a.ss-about-range-card:hover .ss-about-range-card__img img { 1982 transform: scale(1.04); 1983} 1984 1985#ssAboutMain.ss-about-page .ss-about-range-card__body { 1986 padding: 1.15rem; 1987 flex: 1; 1988 display: flex; 1989 flex-direction: column; 1990} 1991 1992#ssAboutMain.ss-about-page .ss-about-range-card__body h3 { 1993 font-family: 'Poppins', sans-serif; 1994 font-size: 1rem; 1995 font-weight: 700; 1996 color: var(--ss-primary); 1997 margin: 0 0 0.35rem; 1998} 1999 2000#ssAboutMain.ss-about-page .ss-about-range-card__body p { 2001 font-family: 'Poppins', sans-serif; 2002 font-size: 0.875rem; 2003 color: var(--ss-muted-light); 2004 line-height: 1.55; 2005 flex: 1; 2006 margin: 0 0 0.85rem; 2007} 2008 2009#ssAboutMain.ss-about-page .ss-about-range-card__link { 2010 font-size: 0.8125rem; 2011 font-weight: 600; 2012 color: var(--ss-accent); 2013 display: inline-flex; 2014 align-items: center; 2015 gap: 0.25rem; 2016 text-decoration: none !important; 2017} 2018 2019#ssAboutMain.ss-about-page a.ss-about-range-card:hover .ss-about-range-card__link { 2020 color: var(--ss-gradient-end); 2021} 2022 2023#ssAboutMain.ss-about-page .ss-about-range-card--split { 2024 cursor: default; 2025} 2026 2027#ssAboutMain.ss-about-page .ss-about-range-card__links { 2028 display: flex; 2029 flex-direction: column; 2030 gap: 0.4rem; 2031 margin-top: auto; 2032} 2033 2034@media (prefers-reduced-motion: reduce) { 2035 #ssAboutMain.ss-about-page .ss-about-journey__step { 2036 opacity: 1; 2037 transition: none; 2038 } 2039 #ssAboutMain.ss-about-page .ss-about-journey__track-fill { 2040 width: 100% !important; 2041 transition: none; 2042 } 2043} 2044 2045@media (max-width: 1100px) { 2046 #ssAboutMain.ss-about-page .ss-about-story-box { 2047 grid-template-columns: 1fr; 2048 padding: 2rem 1.75rem; 2049 } 2050 2051 #ssAboutMain.ss-about-page .ss-about-story-box__visual { 2052 order: -1; 2053 } 2054 2055 #ssAboutMain.ss-about-page .ss-about-journey__heading { 2056 font-size: 0.625rem; 2057 } 2058 2059 #ssAboutMain.ss-about-page .ss-about-journey__body p { 2060 font-size: 0.5625rem; 2061 } 2062 2063 #ssAboutMain.ss-about-page .ss-about-range-grid { 2064 grid-template-columns: repeat(2, 1fr); 2065 } 2066} 2067 2068@media (max-width: 768px) { 2069 #ssAboutMain.ss-about-page .ss-about-journey--horizontal { 2070 overflow-x: auto; 2071 overflow-y: hidden; 2072 -webkit-overflow-scrolling: touch; 2073 padding-bottom: 0.5rem; 2074 } 2075 2076 #ssAboutMain.ss-about-page .ss-about-journey__steps { 2077 min-width: 720px; 2078 justify-content: flex-start; 2079 gap: 0.5rem; 2080 padding: 0 0.5rem; 2081 } 2082 2083 #ssAboutMain.ss-about-page .ss-about-journey__step { 2084 flex: 0 0 88px; 2085 } 2086 2087 #ssAboutMain.ss-about-page .ss-about-range-grid { 2088 grid-template-columns: 1fr; 2089 } 2090 2091 #ssAboutMain.ss-about-page .ss-about-story-box__visual-node { 2092 width: 72px; 2093 height: 72px; 2094 } 2095 2096 #ssAboutMain.ss-about-page .ss-about-story-box__visual-node--photo { 2097 width: 86px; 2098 height: 86px; 2099 } 2100} 2101 2102/* Story â text and image side by side */ 2103#ssAboutMain.ss-about-page .story-grid { 2104 display: grid; 2105 grid-template-columns: 1fr 1fr; 2106 gap: 2.5rem; 2107 align-items: center; 2108 margin: 0; 2109 padding: 0; 2110} 2111 2112#ssAboutMain.ss-about-page .story-text { 2113 flex: 1; 2114 font-family: 'Poppins', sans-serif; 2115 font-size: 1rem; 2116 line-height: 1.75; 2117 color: #4a4a4a; 2118 margin: 0; 2119 padding: 0; 2120} 2121 2122#ssAboutMain.ss-about-page .story-text p { 2123 margin: 0 0 12px; 2124 padding: 0; 2125} 2126 2127#ssAboutMain.ss-about-page .story-text p:last-child { 2128 margin-bottom: 0; 2129} 2130 2131#ssAboutMain.ss-about-page .story-text--flush { 2132 margin: 0; 2133 padding: 0; 2134} 2135 2136#ssAboutMain.ss-about-page .story-image-container { 2137 position: relative; 2138 overflow: hidden; 2139 border-radius: var(--ss-radius); 2140 box-shadow: var(--ss-shadow-strong); 2141 min-width: 0; 2142 aspect-ratio: 4 / 3; 2143 max-height: 320px; 2144} 2145 2146#ssAboutMain.ss-about-page .story-image-container::after {
2147 content: ''; 2148 position: absolute; 2149 inset: 0; 2150 background: linear-gradient( 2151 135deg, 2152 rgba(31, 72, 94, 0.5) 0%, 2153 rgba(24, 121, 164, 0.4) 50%, 2154 rgba(37, 150, 190, 0.35) 100% 2155 ); 2156 pointer-events: none; 2157 z-index: 1; 2158} 2159 2160#ssAboutMain.ss-about-page .story-image { 2161 position: absolute; 2162 inset: 0; 2163 width: 100%; 2164 height: 100%; 2165 object-fit: cover; 2166} 2167 2168#ssAboutMain.ss-about-page .story-overlay { 2169 position: absolute; 2170 bottom: 0; 2171 left: 0; 2172 right: 0; 2173 background: linear-gradient(transparent, rgba(31, 72, 94, 0.95)); 2174 padding: 40px 30px 30px; 2175 z-index: 2; 2176} 2177 2178#ssAboutMain.ss-about-page .story-overlay p { 2179 font-family: 'Poppins', sans-serif; 2180 color: rgba(255, 255, 255, 0.9); 2181 font-size: 1rem; 2182 margin: 0; 2183} 2184 2185/* Values */ 2186#ssAboutMain.ss-about-page .values-grid { 2187 display: grid; 2188 grid-template-columns: repeat(3, 1fr); 2189 gap: 30px; 2190} 2191 2192#ssAboutMain.ss-about-page .value-card { 2193 background: #fff; 2194 padding: 45px 35px; 2195 text-align: center; 2196 border-radius: var(--ss-radius); 2197 box-shadow: var(--ss-shadow); 2198 position: relative; 2199 overflow: hidden; 2200} 2201 2202#ssAboutMain.ss-about-page .value-card::before { 2203 content: ''; 2204 position: absolute; 2205 top: 0; 2206 left: 0; 2207 right: 0; 2208 height: 5px; 2209 background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%); 2210} 2211 2212#ssAboutMain.ss-about-page .value-icon { 2213 width: 90px; 2214 height: 90px; 2215 background: var(--ss-icon-bg); 2216 border-radius: 50%; 2217 display: flex; 2218 align-items: center; 2219 justify-content: center; 2220 margin: 0 auto 28px; 2221 box-shadow: none; 2222} 2223 2224#ssAboutMain.ss-about-page .value-icon i { 2225 font-size: 2.2rem; 2226 color: var(--ss-icon-color); 2227} 2228 2229#ssAboutMain.ss-about-page .value-title { 2230 font-family: 'Poppins', sans-serif; 2231 font-size: 1.5rem; 2232 font-weight: 700; 2233 color: var(--ss-primary); 2234 margin: 0 0 14px; 2235} 2236 2237#ssAboutMain.ss-about-page .value-desc { 2238 font-family: 'Poppins', sans-serif; 2239 font-size: 1.05rem; 2240 color: var(--ss-muted); 2241 line-height: 1.8; 2242 margin: 0; 2243} 2244 2245/* Partnership */ 2246#ssAboutMain.ss-about-page .partnership-section { 2247 background: linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); 2248 position: relative; 2249} 2250 2251#ssAboutMain.ss-about-page .partnership-content { 2252 display: grid; 2253 grid-template-columns: 1fr 1fr; 2254 gap: 60px; 2255 align-items: center; 2256} 2257 2258#ssAboutMain.ss-about-page .partner-image-box { 2259 background: #dbe5eb; 2260 border-radius: 20px; 2261 overflow: hidden; 2262 margin-top: 2cm; 2263 height: 310px; 2264} 2265 2266#ssAboutMain.ss-about-page .partner-image-box img { 2267 width: 100%; 2268 height: 100%; 2269 object-fit: cover; 2270 display: block; 2271} 2272 2273/* Testimonials */ 2274#ssAboutMain.ss-about-page .testimonials-grid { 2275 display: grid; 2276 grid-template-columns: repeat(2, 1fr); 2277 gap: 40px; 2278} 2279 2280#ssAboutMain.ss-about-page .testimonial-card { 2281 background: #fff; 2282 padding: 40px; 2283 border-radius: var(--ss-radius); 2284 position: relative; 2285 box-shadow: 0 8px 35px rgba(31, 72, 94, 0.1); 2286 border: none; 2287} 2288 2289#ssAboutMain.ss-about-page .testimonial-card::before { 2290 content: '"'; 2291 font-family: Georgia, serif; 2292 font-size: 6rem; 2293 color: var(--ss-accent); 2294 opacity: 0.15; 2295 position: absolute; 2296 top: 10px; 2297 left: 25px; 2298 line-height: 1; 2299} 2300 2301#ssAboutMain.ss-about-page .testimonial-text { 2302 font-family: 'Poppins', sans-serif; 2303 font-size: 1.1rem; 2304 line-height: 1.8; 2305 color: #4a4a4a; 2306 font-style: italic; 2307 margin: 0 0 24px; 2308 position: relative; 2309 z-index: 1; 2310} 2311 2312#ssAboutMain.ss-about-page .testimonial-author { 2313 display: flex; 2314 align-items: center; 2315 gap: 16px; 2316} 2317 2318#ssAboutMain.ss-about-page .author-icon { 2319 width: 50px; 2320 height: 50px; 2321 background: linear-gradient(135deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%); 2322 border-radius: 50%; 2323 display: flex; 2324 align-items: center; 2325 justify-content: center; 2326 flex-shrink: 0; 2327} 2328 2329#ssAboutMain.ss-about-page .author-icon i { 2330 font-size: 1.4rem; 2331 color: #fff; 2332} 2333 2334#ssAboutMain.ss-about-page .author-info { 2335 flex: 1; 2336} 2337 2338#ssAboutMain.ss-about-page .author-title { 2339 font-family: 'Poppins', sans-serif; 2340 font-weight: 600; 2341 color: var(--ss-primary); 2342 font-size: 1rem; 2343} 2344 2345#ssAboutMain.ss-about-page .author-company { 2346 font-family: 'Poppins', sans-serif; 2347 color: var(--ss-muted); 2348 font-size: 0.95rem; 2349} 2350 2351/* Location */ 2352#ssAboutMain.ss-about-page .location-grid { 2353 display: grid; 2354 grid-template-columns: 1fr 1fr; 2355 gap: 60px; 2356 align-items: stretch; 2357 max-width: 1200px; 2358 margin: 0 auto; 2359} 2360 2361#ssAboutMain.ss-about-page .location-info { 2362 background: #fff; 2363 padding: 50px 45px; 2364 border-radius: var(--ss-radius); 2365 box-shadow: var(--ss-shadow); 2366 position: relative; 2367 overflow: hidden; 2368} 2369 2370#ssAboutMain.ss-about-page .location-info::before { 2371 content: ''; 2372 position: absolute; 2373 top: 0; 2374 left: 0; 2375 right: 0; 2376 height: 5px; 2377 background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%); 2378} 2379 2380#ssAboutMain.ss-about-page .location-title { 2381 font-family: 'Poppins', sans-serif; 2382 font-size: 1.8rem; 2383 font-weight: 600; 2384 color: var(--ss-primary); 2385 margin: 0 0 30px; 2386} 2387 2388#ssAboutMain.ss-about-page .contact-item { 2389 display: flex; 2390 gap: 16px; 2391 margin-bottom: 24px; 2392 align-items: flex-start; 2393} 2394 2395#ssAboutMain.ss-about-page .contact-item:last-child { 2396 margin-bottom: 0; 2397} 2398 2399#ssAboutMain.ss-about-page .contact-icon { 2400 width: 48px; 2401 height: 48px; 2402 background: var(--ss-icon-bg); 2403 border-radius: 12px; 2404 display: flex; 2405 align-items: center; 2406 justify-content: center; 2407 flex-shrink: 0; 2408} 2409 2410#ssAboutMain.ss-about-page .contact-icon i { 2411 font-size: 1.2rem; 2412 color: var(--ss-icon-color); 2413} 2414 2415#ssAboutMain.ss-about-page .contact-details h4 { 2416 font-family: 'Poppins', sans-serif; 2417 font-weight: 600; 2418 color: var(--ss-primary); 2419 font-size: 1.1rem; 2420 margin: 0 0 4px; 2421} 2422 2423#ssAboutMain.ss-about-page .contact-details p, 2424#ssAboutMain.ss-about-page .contact-details a { 2425 font-family: 'Poppins', sans-serif; 2426 color: var(--ss-muted); 2427 font-size: 1rem; 2428 text-decoration: none; 2429 line-height: 1.6; 2430 margin: 0; 2431} 2432 2433#ssAboutMain.ss-about-page .contact-details a:hover {
2434 color: var(--ss-accent); 2435} 2436 2437#ssAboutMain.ss-about-page .map-container { 2438 overflow: hidden; 2439 height: 100%; 2440 min-height: 400px; 2441 border-radius: var(--ss-radius); 2442 box-shadow: 0 10px 40px rgba(31, 72, 94, 0.15); 2443} 2444 2445#ssAboutMain.ss-about-page .map-container iframe { 2446 width: 100%; 2447 height: 100%; 2448 min-height: 400px; 2449 border: none; 2450 display: block; 2451} 2452 2453/* CTA */ 2454#ssAboutMain.ss-about-page .cta-section { 2455 background: #ffffff; 2456 padding: 80px 0; 2457 text-align: center; 2458 position: relative; 2459} 2460 2461#ssAboutMain.ss-about-page .cta-title { 2462 font-family: 'Poppins', sans-serif; 2463 font-size: 2.6rem; 2464 font-weight: 700; 2465 color: var(--ss-primary); 2466 margin: 0 0 16px; 2467 position: relative; 2468 z-index: 1; 2469} 2470 2471#ssAboutMain.ss-about-page .cta-subtitle { 2472 font-family: 'Poppins', sans-serif; 2473 font-size: 1.2rem; 2474 color: var(--ss-muted); 2475 margin: 0 0 40px; 2476} 2477 2478#ssAboutMain.ss-about-page .cta-buttons { 2479 display: flex; 2480 gap: 16px; 2481 justify-content: center; 2482 flex-wrap: nowrap; 2483} 2484 2485#ssAboutMain.ss-about-page .btn-primary, 2486#ssAboutMain.ss-about-page .btn-secondary { 2487 display: inline-flex; 2488 align-items: center; 2489 justify-content: center; 2490 width: auto; 2491 flex: 0 0 auto; 2492 padding: 16px 24px; 2493 border-radius: 8px; 2494 font-weight: 600; 2495 font-size: 0.9375rem; 2496 font-family: 'Poppins', sans-serif; 2497 cursor: pointer; 2498 text-decoration: none !important; 2499 box-sizing: border-box; 2500 border: none; 2501 transition: all 0.3s ease; 2502 white-space: nowrap; 2503} 2504 2505#ssAboutMain.ss-about-page .btn-primary { 2506 background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 100%); 2507 color: #ffffff; 2508 box-shadow: 0 4px 15px rgba(31, 72, 94, 0.3); 2509} 2510 2511#ssAboutMain.ss-about-page .btn-primary:hover { 2512 background: #ffffff; 2513 color: var(--ss-primary); 2514 box-shadow: 0 4px 15px rgba(31, 72, 94, 0.2); 2515} 2516 2517#ssAboutMain.ss-about-page .btn-secondary { 2518 background: #ffffff; 2519 color: var(--ss-primary); 2520 border: 2px solid var(--ss-primary) !important; 2521} 2522 2523#ssAboutMain.ss-about-page .btn-secondary:hover { 2524 background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 100%); 2525 color: #ffffff; 2526 border: 2px solid transparent !important; 2527} 2528 2529#ssAboutMain.ss-about-page .btn-primary i, 2530#ssAboutMain.ss-about-page .btn-secondary i { 2531 margin-right: 8px; 2532} 2533 2534/* Responsive â 1200px */ 2535@media (max-width: 1200px) { 2536 #ssAboutMain.ss-about-page .hero-title { 2537 font-size: 2.6rem; 2538 } 2539 2540 #ssAboutMain.ss-about-page .stats-grid { 2541 grid-template-columns: repeat(2, 1fr); 2542 gap: 30px; 2543 } 2544} 2545 2546/* Responsive â 992px */ 2547@media (max-width: 992px) { 2548 #ssAboutMain.ss-about-page .story-grid { 2549 grid-template-columns: 1fr 1fr; 2550 gap: 1.75rem; 2551 } 2552 2553 #ssAboutMain.ss-about-page .story-image-container { 2554 max-height: 280px; 2555 } 2556 2557 #ssAboutMain.ss-about-page .partnership-content, 2558 #ssAboutMain.ss-about-page .location-grid { 2559 grid-template-columns: 1fr; 2560 gap: 40px; 2561 } 2562 2563 #ssAboutMain.ss-about-page .values-grid { 2564 grid-template-columns: repeat(2, 1fr); 2565 } 2566 2567 #ssAboutMain.ss-about-page .ss-about-partner-box { 2568 grid-template-columns: 1fr; 2569 } 2570 2571 #ssAboutMain.ss-about-page .ss-about-partner-box__media { 2572 order: -1; 2573 max-width: 200px; 2574 margin: 0 auto; 2575 } 2576 2577 #ssAboutMain.ss-about-page .ss-about-partner-box__content { 2578 padding: 0; 2579 } 2580 2581 #ssAboutMain.ss-about-page .stats-grid--fullwidth { 2582 grid-template-columns: 1fr; 2583 padding: 32px 20px; 2584 } 2585 2586 #ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item { 2587 border-right: none; 2588 border-bottom: 1px solid rgba(255, 255, 255, 0.15); 2589 padding: 20px 12px; 2590 } 2591 2592 #ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item:last-child { 2593 border-bottom: none; 2594 } 2595 2596 #ssAboutMain.ss-about-page .testimonials-grid { 2597 grid-template-columns: 1fr; 2598 } 2599 2600 #ssAboutMain.ss-about-page .hero-title { 2601 font-size: 2.2rem; 2602 } 2603 2604 #ssAboutMain.ss-about-page .section-title { 2605 font-size: 2rem; 2606 } 2607 2608 #ssAboutMain.ss-about-page .partner-image-box { 2609 margin-top: 0; 2610 } 2611} 2612 2613/* Responsive â 768px */ 2614@media (max-width: 768px) { 2615 #ssAboutMain.ss-about-page .about-hero { 2616 padding: 60px 0; 2617 } 2618 2619 #ssAboutMain.ss-about-page .section { 2620 padding: 60px 0; 2621 } 2622 2623 #ssAboutMain.ss-about-page .hero-title { 2624 font-size: 1.9rem; 2625 } 2626 2627 #ssAboutMain.ss-about-page .hero-subtitle { 2628 font-size: 1.05rem; 2629 } 2630 2631 #ssAboutMain.ss-about-page .values-grid { 2632 grid-template-columns: 1fr; 2633 } 2634 2635 #ssAboutMain.ss-about-page .stats-grid { 2636 grid-template-columns: 1fr 1fr; 2637 padding: 40px 24px; 2638 } 2639 2640 #ssAboutMain.ss-about-page .stat-number { 2641 font-size: 2.5rem; 2642 min-height: auto; 2643 } 2644 2645 #ssAboutMain.ss-about-page .cta-title { 2646 font-size: 2rem; 2647 } 2648 2649 #ssAboutMain.ss-about-page .cta-buttons { 2650 flex-direction: column; 2651 align-items: center; 2652 } 2653 2654 #ssAboutMain.ss-about-page .btn-primary, 2655 #ssAboutMain.ss-about-page .btn-secondary { 2656 width: 100%; 2657 max-width: 300px; 2658 } 2659 2660 #ssAboutMain.ss-about-page .story-grid { 2661 grid-template-columns: 1fr; 2662 gap: 1.5rem; 2663 } 2664 2665 #ssAboutMain.ss-about-page .story-image-container { 2666 max-height: 260px; 2667 order: -1; 2668 } 2669} 2670 2671/* Responsive â 576px */ 2672@media (max-width: 576px) { 2673 #ssAboutMain.ss-about-page .about-content { 2674 padding: 0 16px; 2675 } 2676 2677 #ssAboutMain.ss-about-page .stats-grid { 2678 grid-template-columns: 1fr; 2679 gap: 25px; 2680 } 2681 2682 #ssAboutMain.ss-about-page .story-image-container { 2683 min-height: 280px; 2684 } 2685 2686 #ssAboutMain.ss-about-page .location-info { 2687 padding: 36px 28px; 2688 } 2689 2690 #ssAboutMain.ss-about-page .testimonial-card { 2691 padding: 32px 24px; 2692 } 2693 2694 #ssAboutMain.ss-about-page .value-card { 2695 padding: 36px 24px; 2696 } 2697} 2698 2699 2700/* Shopify theme shields ââ¬â about page */ 2701#ssAboutMain.ss-about-page, 2702#ssAboutMain.ss-about-page * { box-sizing: border-box; } 2703#ssAboutMain.ss-about-page { 2704 display: block !important; 2705 width: 100% !important; 2706 max-width: none !important; 2707 margin: 0 !important; 2708 padding: 0 !important; 2709 font-family: Poppins, sans-serif !important; 2710 float: none !important; 2711} 2712#ssAboutMain.ss-about-page section { 2713 display: block !important; 2714 float: none !important; 2715 max-width: none !important; 2716} 2717#ssAboutMain.ss-about-page .story-grid, 2718#ssAboutMain.ss-about-page .partnership-content, 2719#ssAboutMain.ss-about-page .location-grid { 2720 display: grid !important; 2721} 2722#ssAboutMain.ss-about-page .stats-grid, 2723#ssAboutMain.ss-about-page .values-grid, 2724#ssAboutMain.ss-about-page .testimonials-grid { 2725 display: grid !important; 2726} 2727#ssAboutMain.ss-about-page .ss-about-journey--horizontal { 2728 position: relative !important; 2729 overflow: hidden !important; 2730} 2731#ssAboutMain.ss-about-page .ss-about-journey__steps { 2732 display: flex !important; 2733 list-style: none !important; 2734 padding: 0 !important; 2735 margin: 0 !important; 2736} 2737#ssAboutMain.ss-about-page .ss-about-range-grid { 2738 display: grid !important; 2739} 2740#ssAboutMain.ss-about-page .stats-grid--fullwidth { 2741 display: grid !important; 2742} 2743#ssAboutMain.ss-about-page .cta-buttons { 2744 display: flex !important; 2745 flex-wrap: wrap !important; 2746 justify-content: center !important; 2747} 2748#ssAboutMain.ss-about-page a.btn-primary, 2749#ssAboutMain.ss-about-page a.btn-secondary { 2750 display: inline-flex !important; 2751 align-items: center !important; 2752 justify-content: center !important; 2753 text-transform: none !important; 2754 text-decoration: none !important; 2755} 2756@media (max-width: 992px) { 2757 #ssAboutMain.ss-about-page .partnership-content, 2758 #ssAboutMain.ss-about-page .location-grid { 2759 grid-template-columns: 1fr !important; 2760 } 2761} 2762@media (max-width: 768px) { 2763 #ssAboutMain.ss-about-page .story-grid { 2764 grid-template-columns: 1fr !important; 2765 } 2766} 2767 2768/* SS Modern Footer */ 2769#ssStaticFooterRoot, #ssStaticFooterRoot footer.ss-modern-footer { 2770 --ss-primary: #1f485e; 2771 --ss-accent: #1879a4; 2772 --ss-dark: #035e7f; 2773 --ss-highlight: #00a8e1; 2774 --ss-max: 1280px; 2775 font-family: 'Poppins', sans-serif; 2776 line-height: 1.6; 2777 } 2778 #ssStaticFooterRoot *, #ssStaticFooterRoot *::before, #ssStaticFooterRoot *::after { box-sizing: border-box; } 2779 #ssStaticFooterRoot a { color: inherit; text-decoration: none; } 2780 #ssStaticFooterRoot img { max-width: 100%; display: block; } 2781 #ssStaticFooterRoot .wrap { width: min(100% - 2rem, var(--ss-max)); margin-inline: auto; } 2782 #ssStaticFooterRoot .visually-hidden { 2783 position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 2784 overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; 2785 } 2786 2787 #ssStaticFooterRoot footer.ss-modern-footer { 2788 background: var(--ss-primary); color: #fff; padding: 2rem 0 0; 2789 } 2790 #ssStaticFooterRoot .footer-main { padding-bottom: 1.25rem; } 2791 #ssStaticFooterRoot .footer-main-grid { 2792 display: grid; 2793 grid-template-columns: minmax(0, 1fr) minmax(18.5rem, 23.5rem); 2794 gap: 1.75rem 2rem; align-items: start; 2795 } 2796 #ssStaticFooterRoot .footer-brand-block { 2797 margin-bottom: 1.1rem; padding-bottom: 1rem; 2798 border-bottom: 1px solid rgba(255,255,255,.12); 2799 } 2800 #ssStaticFooterRoot .footer-brand-link { 2801 display: inline-flex; align-items: center; gap: .75rem; 2802 color: #fff; margin-bottom: .6rem; 2803 } 2804 #ssStaticFooterRoot .footer-brand-link img { 2805 width: 52px; height: 52px; object-fit: cover; border-radius: 6px; 2806 flex-shrink: 0; background: #fff; 2807 } 2808 #ssStaticFooterRoot .footer-brand-name { 2809 font-size: 1.3125rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.1; 2810 } 2811 #ssStaticFooterRoot .logo-server { color: var(--ss-highlight); }
2812 #ssStaticFooterRoot .logo-source { color: rgba(255,255,255,.72); } 2813 #ssStaticFooterRoot .footer-tagline { 2814 font-size: .875rem; line-height: 1.55; color: rgba(255,255,255,.88); 2815 max-width: 36rem; margin: 0; 2816 } 2817 #ssStaticFooterRoot .footer-nav-columns { 2818 display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); 2819 gap: 1rem 1.75rem; margin-bottom: 1rem; 2820 } 2821 #ssStaticFooterRoot .footer-nav-heading { 2822 font-size: .75rem; font-weight: 700; letter-spacing: .02em; 2823 color: #fff; margin: 0 0 .5rem; 2824 } 2825 #ssStaticFooterRoot .footer-link-list { list-style: none; margin: 0; padding: 0; } 2826 #ssStaticFooterRoot .footer-link-list li { margin: 0 0 .28rem; } 2827 #ssStaticFooterRoot .footer-link-list a { 2828 font-size: .875rem; line-height: 1.5; color: rgba(255,255,255,.88); 2829 } 2830 #ssStaticFooterRoot .footer-link-list a:hover { color: #fff; text-decoration: underline; } 2831 #ssStaticFooterRoot .footer-social { 2832 display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; 2833 } 2834 #ssStaticFooterRoot .footer-social-label { font-size: .8125rem; font-weight: 700; color: #fff; } 2835 #ssStaticFooterRoot .footer-social-links { display: flex; gap: .5rem; } 2836 #ssStaticFooterRoot .footer-social-links a { 2837 display: inline-flex; align-items: center; justify-content: center; 2838 width: 2.25rem; height: 2.25rem; border-radius: 50%; 2839 background: rgba(255,255,255,.12); color: #fff; 2840 } 2841 #ssStaticFooterRoot .footer-social-links svg { width: 1rem; height: 1rem; fill: currentColor; } 2842 #ssStaticFooterRoot .footer-panel { 2843 background: rgba(255,255,255,.97); color: var(--ss-primary); 2844 border-radius: 8px; padding: .85rem 1rem; 2845 box-shadow: 0 8px 20px rgba(0,0,0,.1); font-size: .8125rem; 2846 } 2847 #ssStaticFooterRoot .footer-panel-block { 2848 padding-bottom: .7rem; margin-bottom: .7rem; 2849 border-bottom: 1px solid rgba(31,72,94,.1); 2850 } 2851 #ssStaticFooterRoot .footer-panel-block:last-child { 2852 padding-bottom: 0; margin-bottom: 0; border-bottom: none; 2853 } 2854 #ssStaticFooterRoot .footer-panel-heading { font-size: .75rem; font-weight: 700; margin: 0 0 .4rem; } 2855 #ssStaticFooterRoot .footer-panel-address { 2856 font-style: normal; font-size: .75rem; line-height: 1.45; 2857 color: #3d5566; margin: 0 0 .35rem; 2858 } 2859 #ssStaticFooterRoot .footer-panel-map { 2860 display: inline-block; margin: 0 0 .5rem; 2861 font-size: .75rem; color: var(--ss-accent); 2862 } 2863 #ssStaticFooterRoot .footer-panel-map:hover { text-decoration: underline; } 2864 #ssStaticFooterRoot .footer-panel-quick { 2865 margin: 0; font-size: .7rem; font-weight: 600; 2866 } 2867 #ssStaticFooterRoot .footer-panel-quick a { color: var(--ss-accent); } 2868 #ssStaticFooterRoot .footer-panel-sep { color: #9ab0be; margin: 0 .25rem; } 2869 #ssStaticFooterRoot .footer-panel-note { 2870 margin: .45rem 0 0; font-size: .625rem; color: #6b7c8a; 2871 } 2872 #ssStaticFooterRoot .footer-panel-note a { color: var(--ss-accent); } 2873 #ssStaticFooterRoot .footer-signup-native { 2874 display: flex; flex-direction: row; flex-wrap: nowrap; 2875 align-items: stretch; gap: .5rem; width: 100%; 2876 } 2877 #ssStaticFooterRoot .footer-signup-native__email { 2878 flex: 1 1 auto; min-width: 0; padding: .65rem .85rem; 2879 border: 1px solid #c5d4de; border-radius: 6px; 2880 background: #fff; color: #1a2332; 2881 font: 400 .875rem 'Poppins', sans-serif; 2882 } 2883 #ssStaticFooterRoot .footer-signup-native__btn { 2884 flex: 0 0 auto; padding: .65rem 1.1rem; 2885 border: none; border-radius: 6px; 2886 background: var(--ss-primary); color: #fff; 2887 font: 600 .8125rem 'Poppins', sans-serif; 2888 cursor: pointer; min-height: 2.5rem; white-space: nowrap; 2889 } 2890 #ssStaticFooterRoot .footer-signup-hubspot-mount, 2891 #ssStaticFooterRoot #ssStaticFooterHubspotForm { 2892 position: absolute; width: 1px; height: 1px; 2893 margin: -1px; overflow: hidden; clip: rect(0,0,0,0); 2894 visibility: hidden; opacity: 0; pointer-events: none; 2895 } 2896 #ssStaticFooterRoot .footer-signup-success { 2897 margin-top: .65rem; font-size: .8125rem; font-weight: 600; 2898 color: #1f5c38; padding: .5rem .65rem; background: #e8f5ec; border-radius: 6px; 2899 } 2900 #ssStaticFooterRoot .footer-trust { 2901 padding: .9rem 0 1.25rem; 2902 border-top: 1px solid rgba(255,255,255,.12); 2903 } 2904 #ssStaticFooterRoot .footer-trust-inner { 2905 display: flex; flex-wrap: wrap; 2906 align-items: center; justify-content: space-between; 2907 gap: .75rem 1.5rem; 2908 } 2909 #ssStaticFooterRoot .footer-trust-logo { 2910 display: block; height: 104px; width: auto; 2911 max-width: min(100%, 520px); object-fit: contain; object-position: left center; 2912 } 2913 #ssStaticFooterRoot .footer-trust-legal { 2914 margin: 0; font-size: .6875rem; line-height: 1.45; 2915 color: rgba(255,255,255,.88); text-align: right; max-width: 28rem; 2916 } 2917 2918 @media (max-width: 1100px) { 2919 #ssStaticFooterRoot .footer-main-grid { grid-template-columns: 1fr; } 2920 #ssStaticFooterRoot .footer-panel { max-width: 23.5rem; } 2921 #ssStaticFooterRoot .footer-trust-legal { text-align: left; max-width: none; } 2922 } 2923 @media (max-width: 768px) { 2924 #ssStaticFooterRoot .footer-nav-columns { grid-template-columns: 1fr; } 2925 #ssStaticFooterRoot .footer-panel { max-width: none; } 2926 #ssStaticFooterRoot .footer-trust-inner { flex-direction: column; align-items: flex-start; } 2927 } 2928 2929/* Shopify â full-bleed breakout only (layout matches shopify-static-footer.html) */ 2930#ssStaticFooterRoot { 2931 width: 100vw; 2932 max-width: 100vw; 2933 margin-left: calc(50% - 50vw); 2934 margin-right: calc(50% - 50vw); 2935} 2936#ssStaticFooterRoot aside.footer-panel, 2937#ssStaticFooterRoot div.footer-panel, 2938#ssStaticFooterRoot .footer-panel { 2939 display: block !important; 2940 visibility: visible !important; 2941} 2942 2943/* SS Page Theme - align static Shopify pages with ServerSource modern theme */ 2944/* SS Page Theme â footer-safe extras only (chrome lives in ss-static-chrome-critical.css) */ 2945 2946#hubspot-messages-iframe-container, 2947#hs-web-interactives-embed-container { 2948 z-index: 999999 !important; 2949} 2950 2951body.contact-flyout-open #hubspot-messages-iframe-container { 2952 right: min(calc(24rem + 3.25rem), calc(100vw - 1rem)) !important; 2953 transition: right 0.45s cubic-bezier(0.4, 0, 0.2, 1); 2954} 2955 2956 2957 2958#ssStaticFooterRoot { 2959 width: 100vw !important; 2960 max-width: 100vw !important; 2961 margin-left: calc(50% - 50vw) !important; 2962 margin-right: calc(50% - 50vw) !important; 2963} 2964#ssStaticFooterRoot footer.ss-modern-footer { 2965 display: block !important; 2966 width: 100% !important; 2967} 2968#ssStaticFooterRoot .footer-main-grid { 2969 display: grid !important; 2970 grid-template-columns: minmax(0, 1fr) minmax(18.5rem, 23.5rem) !important; 2971 gap: 1.75rem 2rem !important; 2972 align-items: start !important; 2973} 2974#ssStaticFooterRoot aside.footer-panel, 2975#ssStaticFooterRoot div.footer-panel, 2976#ssStaticFooterRoot .footer-panel { 2977 display: block !important; 2978 visibility: visible !important; 2979 opacity: 1 !important; 2980} 2981#ssStaticFooterRoot .footer-trust { 2982 display: block !important; 2983} 2984#ssStaticFooterRoot .footer-nav-columns { 2985 display: grid !important; 2986 grid-template-columns: repeat(3, minmax(0, 1fr)) !important; 2987} 2988@media (max-width: 1100px) { 2989 #ssStaticFooterRoot .footer-main-grid { grid-template-columns: 1fr !important; } 2990} 2991@media (max-width: 768px) { 2992 #ssStaticFooterRoot .footer-nav-columns { grid-template-columns: 1fr !important; } 2993} 2994#hubspot-messages-iframe-container, 2995#hs-web-interactives-embed-container { z-index: 999999 !important; } 2996 2997body.contact-flyout-open #hubspot-messages-iframe-container { 2998 right: min(calc(24rem + 3.25rem), calc(100vw - 1rem)) !important; 2999 transition: right 0.45s cubic-bezier(0.4, 0, 0.2, 1); 3000} 3001 3002/* ServerSource nav hardening: keep dropdowns open while moving from the tab to the menu */ 3003.ss-modern-header-wrap .shop-nav-drop { position: relative; } 3004.ss-modern-header-wrap .shop-nav-drop::after {
3005 content: ""; display: none; position: absolute; left: 0; right: 0; top: 100%; height: .45rem; z-index: 1199; 3006} 3007.ss-modern-header-wrap .shop-nav-drop:hover::after, 3008.ss-modern-header-wrap .shop-nav-drop:focus-within::after, 3009.ss-modern-header-wrap .shop-nav-drop.is-open::after { display: block; } 3010.ss-modern-header-wrap .shop-nav-drop:hover .shop-nav-drop-menu, 3011.ss-modern-header-wrap .shop-nav-drop:focus-within .shop-nav-drop-menu, 3012.ss-modern-header-wrap .shop-nav-drop.is-open .shop-nav-drop-menu { display: block; } 3013.ss-modern-header-wrap .shop-nav-drop-menu { margin-top: 0 !important; } 3014.ss-modern-header-wrap .shop-nav-logo img { width: 40px; height: 40px; object-fit: cover; } 3015.ss-modern-header-wrap .shop-nav-logo-text { font-weight: 800; } 3016</style> 3017 3018<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
3019<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: 58721501393,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};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>
vendor: 1 bytes, line 3019
3019
3020<script> 3021 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 3022</script>
vendor: 1 bytes, line 3022
3022
3023<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}
3023).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: 58721501393,storefrontBaseUrl: "https://www.serversource.co.uk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.serversource.co.uk/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"241434833","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\",\\\"GT-WB722WDV\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"],\\\"target_country\\\":\\\"GB\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/xn3RCKXO-tccEPO48NFC\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/lnR8CNzt89ccEPO48NFC\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-LX8ME8DJD6\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/kh5sCKLO-tccEPO48NFC\\\",\\\"MC-CG1MBJWLTQ\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/emp3CNnt89ccEPO48NFC\\\",\\\"MC-CG1MBJWLTQ\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-LX8ME8DJD6\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/g_pECOLt89ccEPO48NFC\\\",\\\"MC-CG1MBJWLTQ\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-LX8ME8DJD6\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/1p2ICKjO-tccEPO48NFC\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-LX8ME8DJD6\\\",\\\"AW-17888451699\\\/U4Y4CN_t89ccEPO48NFC\\\",\\\"AW-967425429\\\",\\\"G-ZK4Z7KM6VB\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-LX8ME8DJD6\\\"}],\\\"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":"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":"ServerSource","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"serversource.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/www.serversource.co.uk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.serversource.co.uk/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"139383832785","themePublished":"true","eventMetadataId":"8d3b32ab-6a2a-4cff-811d-16e752352c98","pageType":"page","resourceId":"95756943569","shopId":"58721501393","storefrontBaseUrl":"https:\/\/www.serversource.co.uk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
3023<script> 3024 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 3025 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 3026 window.ShopifyAnalytics.meta.currency = 'GBP'; 3027 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":95756943569,"requestId":"0aac3425-5475-4404-814d-11f797b9d64f-1791451925"}}; 3028 for (var attr in meta) { 3029 window.ShopifyAnalytics.meta[attr] = meta[attr]; 3030 } 3031</script>
vendor: 1 bytes, line 3031
3031
3032<script class="analytics"> 3033 (function () { 3034 var customDocumentWrite = function(content) { 3035 var jquery = null; 3036 3037 if (window.jQuery) { 3038 jquery = window.jQuery; 3039 } else if (window.Checkout && window.Checkout.$) { 3040 jquery = window.Checkout.$; 3041 } 3042 3043 if (jquery) { 3044 jquery('body').append(content); 3045 } 3046 }; 3047 3048 var hasLoggedConversion = function(token) { 3049 if (token) { 3050 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 3051 } 3052 return false; 3053 } 3054 3055 var setCookieIfConversion = function(token) { 3056 if (token) { 3057 var twoMonthsFromNow = new Date(Date.now()); 3058 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 3059 3060 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 3061 } 3062 } 3063 3064 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 3065 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 3066 if (trekkie.integrations) { 3067 return; 3068 } 3069 trekkie.methods = [ 3070 'identify', 3071 'page', 3072 'ready', 3073 'track', 3074 'trackForm', 3075 'trackLink' 3076 ]; 3077 trekkie.factory = function(method) { 3078 return function() { 3079 var args = Array.prototype.slice.call(arguments); 3080 args.unshift(method); 3081 trekkie.push(args); 3082 if (method == 'track' || method == 'page') { 3083 var pageUrl; 3084 try { 3085 pageUrl = window.location.href; 3086 } catch (e) {} 3087 var pageReferrer; 3088 try { 3089 pageReferrer = document.referrer; 3090 } catch (e) {} 3091 try { 3092 if (window.__TREKKIE_SHIM_QUEUE == null) { 3093 window.__TREKKIE_SHIM_QUEUE = []; 3094 } 3095 window.__TREKKIE_SHIM_QUEUE.push({ 3096 from: 'trekkie-stub', 3097 method: method, 3098 args: args.slice(1), 3099 pageContext: { 3100 url: pageUrl, 3101 referrer: pageReferrer 3102 } 3103 }); 3104 } catch (e) { 3105 // no-op 3106 } 3107 } 3108 return trekkie; 3109 }; 3110 }; 3111 for (var i = 0; i < trekkie.methods.length; i++) { 3112 var key = trekkie.methods[i]; 3113 trekkie[key] = trekkie.factory(key); 3114 } 3115 trekkie.load = function(config) { 3116 trekkie.config = config || {}; 3117 trekkie.config.initialDocumentCookie = document.cookie; 3118 var first = document.getElementsByTagName('script')[0]; 3119var script = document.createElement('script'); 3120script.type = 'text/javascript'; 3121script.onerror = function(e) { 3122 var scriptFallback = document.createElement('script'); 3123 scriptFallback.type = 'text/javascript'; 3124 scriptFallback.onerror = function(error) { 3125 var Monorail = { 3126 produce: function produce(monorailDomain, schemaId, payload) { 3127 var currentMs = new Date().getTime(); 3128 var event = { 3129 schema_id: schemaId, 3130 payload: payload, 3131 metadata: { 3132 event_created_at_ms: currentMs, 3133 event_sent_at_ms: currentMs 3134 } 3135 }; 3136 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 3137 }, 3138 sendRequest: function sendRequest(endpointUrl, payload) { 3139 // Try the sendBeacon API 3140 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 3141 var blobData = new window.Blob([payload], { 3142 type: 'text/plain' 3143 }); 3144 3145 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 3146 return true; 3147 } // sendBeacon was not successful 3148 3149 } // XHR beacon 3150 3151 var xhr = new XMLHttpRequest(); 3152 3153 try { 3154 xhr.open('POST', endpointUrl); 3155 xhr.setRequestHeader('Content-Type', 'text/plain'); 3156 xhr.send(payload); 3157 } catch (e) { 3158 console.log(e); 3159 } 3160 3161 return false; 3162 }, 3163 isIos12: function isIos12() { 3164 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 3165 } 3166 }; 3167 Monorail.produce('monorail-edge.shopifysvc.com', 3168 'trekkie_storefront_load_errors/1.1', 3169 {shop_id: 58721501393, 3170 theme_id: 139383832785, 3171 app_name: "storefront", 3172 context_url: window.location.href, 3173 source_url: "//www.serversource.co.uk/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 3174 3175 }; 3176 scriptFallback.async = true; 3177 scriptFallback.src = '//www.serversource.co.uk/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 3178 first.parentNode.insertBefore(scriptFallback, first); 3179}; 3180script.async = true; 3181script.src = '//www.serversource.co.uk/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 3182first.parentNode.insertBefore(script, first); 3183 3184 }; 3185 trekkie.load( 3186 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":58721501393,"isMerchantRequest":null,"themeId":139383832785,"themeCityHash":"53562301020460226","contentLanguage":"en","currency":"GBP","eventMetadataId":"8d3b32ab-6a2a-4cff-811d-16e752352c98"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 3187 ); 3188 3189 var loaded = false;
3190 trekkie.ready(function() { 3191 if (loaded) return; 3192 loaded = true; 3193 3194 window.ShopifyAnalytics.lib = window.trekkie; 3195 3196 var originalDocumentWrite = document.write; 3197 document.write = customDocumentWrite; 3198 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 3199 document.write = originalDocumentWrite; 3200 3201 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 3202 var token = match? match[1]: undefined; 3203 if (!hasLoggedConversion(token)) { 3204 setCookieIfConversion(token); 3205 3206 } 3207 }); 3208 3209 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":95756943569,"requestId":"0aac3425-5475-4404-814d-11f797b9d64f-1791451925","shopifyEmitted":true}); 3210 3211 var eventsListenerScript = document.createElement('script'); 3212 eventsListenerScript.async = true; 3213 eventsListenerScript.src = "//www.serversource.co.uk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 3214 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 3215})();</script>
vendor: 1 bytes, line 3215
3215
3216<script 3217 defer 3218 src="https://www.serversource.co.uk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.0.min.js" 3219 data-application="storefront-renderer" 3220 data-shop-id="58721501393" 3221 data-render-region="gcp-us-central1" 3222 data-page-type="page" 3223 data-theme-instance-id="139383832785" 3224 data-theme-name="" 3225 data-theme-version="" 3226 data-monorail-region="shop_domain" 3227 data-resource-timing-sampling-rate="10" 3228 data-shs="true" 3229 data-shs-beacon="true" 3230 data-shs-export-with-fetch="true" 3231 data-shs-logs-sample-rate="1" 3232 data-shs-beacon-endpoint="https://www.serversource.co.uk/api/collect" 3233></script>
3233 3234<meta name="shopify-y" content="54455dad-a240-4c65-8bc6-8d1999056ef7" data-expiration="1823009525000"><meta name="shopify-s" content="c3e2e908-2b9a-43b9-933e-1d24c725f9a7" data-expiration="1791453725000"><meta name="new-cookie-storage-activated" content="t"> 3235</head> 3236 <body> 3237 �<body> 3238 3239 3240 <meta charset="utf-8"> 3241 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 3242 <title>About Us | ServerSource - Dell Technologies Authorised Partner Since 1996</title> 3243 <meta name="description" content="Learn about ServerSource, a Dell Technologies Authorised Partner with over 30 years of experience providing enterprise IT solutions. Based in Corby, UK."> 3244 <link rel="canonical" href="https://www.serversource.co.uk/pages/about-us"> 3245 <meta name="robots" content="index,follow"> 3246 <meta property="og:type" content="website"> 3247 <meta property="og:title" content="About Us | ServerSource"> 3248 <meta property="og:url" content="https://www.serversource.co.uk/pages/about-us"> 3249 <meta property="og:site_name" content="ServerSource"> 3250 <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Serversource_banner.png"> 3251 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet"> 3252 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 3253 <style> 3254/* inlined: includes/ss-static-chrome-critical.css */ 3255/* Static Website pages â header/top-bar chrome matches ServerSource theme (no Bootstrap) */ 3256 3257html.ss-static-html { 3258 scroll-behavior: smooth; 3259 margin: 0; 3260 padding: 0; 3261 font-size: 18px; 3262 -webkit-text-size-adjust: 100%; 3263} 3264 3265body.ss-static-page { 3266 margin: 0 !important; 3267 padding: 0 !important; 3268 font-family: 'Poppins', sans-serif !important; 3269 background: #f4f8fb !important; 3270 color: #1a2332 !important; 3271 line-height: 1.6; 3272} 3273 3274.site-header.ss-modern-header-wrap, 3275.ss-modern-header-wrap { 3276 position: -webkit-sticky; 3277 position: sticky !important; 3278 top: 0 !important; 3279 z-index: 10001 !important; 3280 width: 100% !important; 3281} 3282 3283/* Hide legacy chrome fragments if CSS remains in page head */ 3284body.ss-static-page .topbar, 3285body.ss-static-page .menu-section, 3286body.ss-static-page .ss-menubar, 3287body.ss-static-page .ss-pb-wrap { 3288 display: none !important; 3289} 3290/* Nav size lock ââ¬â pixel-matched to shopify-static-nav-bar.html @ 18px root (theme ss-modern-fixes.css). 3291 MUST load after page CSS. Do not use 16px ââ¬â live theme uses html.ss-modern-html { font-size: 18px }. */ 3292html, 3293html.ss-modern-html, 3294html.ss-static-html { 3295 font-size: 18px !important; 3296 -webkit-text-size-adjust: 100% !important; 3297} 3298 3299.ss-modern-header-wrap { 3300 font-size: 18px !important; 3301 -webkit-text-size-adjust: 100% !important; 3302 width: 100% !important; 3303 max-width: none !important; 3304 margin: 0 !important; 3305 padding: 0 !important; 3306} 3307 3308.ss-modern-header-wrap .top-bar { 3309 display: block !important; 3310 padding: 0 !important; 3311 margin: 0 !important; 3312 background: #eef2f6 !important; 3313 border-bottom: 1px solid #e2e8f0 !important; 3314 overflow: visible !important; 3315} 3316 3317.ss-modern-header-wrap .top-bar-inner { 3318 display: flex !important; 3319 flex-direction: row !important; 3320 align-items: center !important; 3321 justify-content: space-between !important; 3322 flex-wrap: wrap !important; 3323 gap: 13.5px 22.5px !important; 3324 padding: 8.1px 0 !important; 3325 width: min(100% - 36px, 1280px) !important; 3326 max-width: 1280px !important; 3327 margin-inline: auto !important; 3328 font-family: 'Poppins', sans-serif !important; 3329 font-size: 14.625px !important; 3330 font-weight: 500 !important; 3331 line-height: 1.6 !important; 3332 min-height: 0 !important; 3333} 3334 3335.ss-modern-header-wrap .top-bar-contact, 3336.ss-modern-header-wrap .top-bar-right { 3337 display: flex !important; 3338 align-items: center !important; 3339 flex-wrap: wrap !important; 3340 gap: 9px 15.3px !important; 3341} 3342 3343.ss-modern-header-wrap .top-bar a { 3344 color: #1f485e !important; 3345 text-decoration: none !important; 3346 font-family: 'Poppins', sans-serif !important; 3347 font-size: 14.625px !important; 3348 font-weight: 500 !important; 3349 line-height: 1.6 !important; 3350} 3351 3352.ss-modern-header-wrap .top-bar-sep { 3353 color: #b8c5d0 !important; 3354 line-height: 1.6 !important; 3355} 3356 3357.ss-modern-header-wrap .top-bar-social { 3358 display: inline-flex !important; 3359 align-items: center !important; 3360 gap: 6.3px !important; 3361} 3362 3363.ss-modern-header-wrap .top-bar-social a { 3364 display: inline-flex !important; 3365 align-items: center !important; 3366 justify-content: center !important; 3367 width: 31.5px !important; 3368 height: 31.5px !important; 3369 min-width: 31.5px !important; 3370 min-height: 31.5px !important; 3371 padding: 0 !important; 3372 margin: 0 !important; 3373 border: none !important; 3374 line-height: 1 !important; 3375} 3376 3377.ss-modern-header-wrap .top-bar-social svg { 3378 width: 16.875px !important; 3379 height: 16.875px !important; 3380 max-width: 16.875px !important; 3381 max-height: 16.875px !important; 3382 fill: currentColor !important; 3383} 3384 3385.ss-modern-header-wrap .top-bar-note { 3386 font-size: 13.5px !important; 3387 line-height: 1.6 !important; 3388} 3389 3390.ss-modern-header-wrap .wrap { 3391 width: min(100% - 36px, 1280px) !important; 3392 max-width: 1280px !important; 3393 margin-inline: auto !important; 3394} 3395 3396.ss-modern-header-wrap .shop-nav { 3397 background: #1f485e !important; 3398 color: #fff !important; 3399 border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; 3400} 3401 3402.ss-modern-header-wrap .shop-nav-row { 3403 display: grid !important; 3404 grid-template-columns: auto 1fr auto !important; 3405 align-items: center !important; 3406 gap: 13.5px 18px !important; 3407 padding: 9.9px 18px !important; 3408 width: min(100% - 18px, 1280px) !important; 3409 max-width: 1280px !important; 3410 margin: 0 auto !important; 3411} 3412 3413.ss-modern-header-wrap .shop-nav-logo { 3414 display: flex !important; 3415 align-items: center !important; 3416 gap: 9.9px !important; 3417 flex-shrink: 0 !important; 3418} 3419 3420.ss-modern-header-wrap .shop-nav-logo img { 3421 height: 36px !important; 3422 width: 36px !important; 3423 min-height: 36px !important; 3424 min-width: 36px !important; 3425 object-fit: cover !important; 3426 border-radius: 6px !important; 3427} 3428 3429.ss-modern-header-wrap .shop-nav-logo-copy { 3430 display: flex !important; 3431 flex-direction: column !important; 3432 gap: 0.9px !important; 3433 line-height: 1.1 !important; 3434} 3435 3436.ss-modern-header-wrap .shop-nav-logo-text { 3437 font-size: 18.9px !important; 3438 font-weight: 700 !important; 3439 line-height: 1.1 !important; 3440 letter-spacing: -0.01em !important; 3441 white-space: nowrap !important; 3442} 3443 3444.ss-modern-header-wrap .shop-nav-logo-est { 3445 font-size: 13.5px !important; 3446 font-weight: 700 !important; 3447 line-height: 1.1 !important; 3448} 3449 3450.ss-modern-header-wrap .shop-nav-links { 3451 display: flex !important; 3452 align-items: center !important; 3453 justify-content: center !important; 3454 flex-wrap: nowrap !important; 3455 gap: 3.6px 5.4px !important; 3456 min-width: 0 !important; 3457 overflow: visible !important; 3458} 3459 3460.ss-modern-header-wrap .shop-nav-links > a, 3461.ss-modern-header-wrap .shop-nav-links > .shop-nav-drop { 3462 flex-shrink: 0 !important; 3463} 3464 3465.ss-modern-header-wrap .shop-nav-link, 3466.ss-modern-header-wrap button.shop-nav-link, 3467.ss-modern-header-wrap a.shop-nav-link:not(.shop-nav-link--store) { 3468 display: inline-flex !important; 3469 align-items: center !important; 3470 justify-content: center !important; 3471 gap: 5.4px !important; 3472 height: 38.25px !important; 3473 min-height: 38.25px !important; 3474 max-height: none !important; 3475 padding: 0 9.9px !important; 3476 font-family: 'Poppins', sans-serif !important; 3477 font-size: 15.12px !important; 3478 font-weight: 600 !important; 3479 line-height: 1 !important; 3480 color: #fff !important; 3481 white-space: nowrap !important; 3482 border: none !important; 3483 border-bottom: 3px solid rgba(255, 255, 255, 0.28) !important; 3484 border-radius: 4px !important; 3485 background: transparent !important; 3486 background-image: none !important; 3487 box-shadow: none !important; 3488 text-decoration: none !important; 3489 text-transform: none !important; 3490 letter-spacing: 0.01em !important; 3491 margin: 0 !important; 3492 flex-shrink: 0 !important; 3493 box-sizing: border-box !important; 3494 -webkit-appearance: none !important; 3495 appearance: none !important; 3496 cursor: pointer !important; 3497} 3498 3499.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store { 3500 display: inline-flex !important; 3501 align-items: center !important; 3502 justify-content: center !important; 3503 gap: 5.4px !important; 3504 height: 38.25px !important; 3505 min-height: 38.25px !important; 3506 padding: 0 9.9px !important; 3507 font-family: 'Poppins', sans-serif !important; 3508 font-size: 15.12px !important; 3509 font-weight: 600 !important; 3510 line-height: 1 !important; 3511 color: #fff !important; 3512 white-space: nowrap !important; 3513 border: none !important; 3514 border-bottom: 3px solid transparent !important; 3515 border-radius: 6.75px !important; 3516 background: #00a8e1 !important; 3517 background-image: none !important; 3518 box-shadow: 0 2px 10px rgba(0, 168, 225, 0.35) !important; 3519 text-decoration: none !important; 3520 text-transform: none !important; 3521 letter-spacing: 0.01em !important; 3522 margin: 0 !important; 3523 flex-shrink: 0 !important; 3524} 3525 3526.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):hover, 3527.ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):focus-visible, 3528.ss-modern-header-wrap .shop-nav-drop:hover > .shop-nav-link, 3529.ss-modern-header-wrap .shop-nav-drop.is-open > .shop-nav-link { 3530 background: rgba(255, 255, 255, 0.15) !important; 3531 border-bottom-color: #00a8e1 !important; 3532 color: #fff !important; 3533} 3534 3535.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:hover, 3536.ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:focus-visible { 3537 background: #0090c4 !important; 3538 border-bottom-color: transparent !important; 3539 color: #fff !important; 3540} 3541 3542.ss-modern-header-wrap .ss-nav-search-toggle { 3543 display: inline-flex !important; 3544 align-items: center !important; 3545 justify-content: center !important; 3546 width: 38.25px !important; 3547 height: 38.25px !important; 3548 min-width: 38.25px !important; 3549 min-height: 38.25px !important; 3550 padding: 0 !important; 3551} 3552 3553.ss-modern-header-wrap .nav-toggle { 3554 font-family: 'Poppins', sans-serif !important; 3555 font-size: 15.75px !important; 3556 font-weight: 600 !important; 3557 line-height: 1 !important; 3558 padding: 9px 13.5px !important; 3559} 3560 3561.ss-modern-header-wrap svg:not(.shop-nav-chevron) { 3562 width: 16px !important; 3563 height: 16px !important; 3564 max-width: 24px !important; 3565 max-height: 24px !important; 3566 flex-shrink: 0 !important; 3567} 3568 3569.ss-modern-header-wrap .shop-nav-link .shop-nav-chevron { 3570 width: 9px !important; 3571 height: 9px !important; 3572 min-width: 9px !important; 3573 min-height: 9px !important; 3574 fill: currentColor !important; 3575} 3576 3577@media (min-width: 1101px) { 3578 .ss-modern-header-wrap .shop-nav-links > a, 3579 .ss-modern-header-wrap .shop-nav-links > .shop-nav-drop { 3580 display: inline-flex !important; 3581 visibility: visible !important; 3582 } 3583} 3584 3585@media (min-width: 641px) { 3586 .ss-modern-header-wrap .top-bar-inner { 3587 flex-direction: row !important;
3588 align-items: center !important; 3589 } 3590} 3591 3592@media (max-width: 640px) { 3593 .ss-modern-header-wrap .top-bar-inner { 3594 flex-direction: column !important; 3595 align-items: flex-start !important; 3596 padding: 9px 0 !important; 3597 } 3598 3599 .ss-modern-header-wrap .top-bar-right { 3600 width: 100% !important; 3601 justify-content: space-between !important; 3602 } 3603} 3604</style> 3605 <style> 3606/* inlined: includes/ss-about-page-styles.css */ 3607/* ServerSource About Us page â scoped styles for about-main.html */ 3608 3609#ssAboutMain.ss-about-page { 3610 --ss-primary: #1f485e; 3611 --ss-accent: #1879a4; 3612 --ss-highlight: #00a8e1; 3613 --ss-tint: #f4f8fb; 3614 --ss-text: #1a2332; 3615 --ss-muted: #5f5f5f; 3616 --ss-muted-light: #64748b; 3617 --ss-border: #e2e8f0; 3618 --ss-gradient-mid: #2596be; 3619 --ss-gradient-end: #035e7f; 3620 --ss-icon-bg: #e3f2f9; 3621 --ss-icon-color: #1f485e; 3622 --ss-max: 1400px; 3623 --ss-radius: 12px; 3624 --ss-radius-lg: 16px; 3625 --ss-shadow: 0 10px 40px rgba(31, 72, 94, 0.1); 3626 --ss-shadow-strong: 0 15px 50px rgba(31, 72, 94, 0.2); 3627 display: block; 3628 width: 100%; 3629 margin: 0; 3630 padding: 0; 3631 font-family: 'Poppins', sans-serif; 3632 color: var(--ss-text); 3633 line-height: 1.6; 3634 background: #fff; 3635} 3636 3637#ssAboutMain.ss-about-page *, 3638#ssAboutMain.ss-about-page *::before, 3639#ssAboutMain.ss-about-page *::after { 3640 box-sizing: border-box; 3641} 3642 3643/* Layout wrapper */ 3644#ssAboutMain.ss-about-page .about-content { 3645 max-width: var(--ss-max); 3646 margin: 0 auto; 3647 padding: 0 20px; 3648} 3649 3650/* Hero */ 3651#ssAboutMain.ss-about-page .about-hero { 3652 background: url('https://cdn.shopify.com/s/files/1/0587/2150/1393/files/About_us_banner_2.png?v=1768222642') center center / cover no-repeat; 3653 padding: 80px 0; 3654 margin-bottom: 0; 3655 width: 100%; 3656 position: relative; 3657 overflow: hidden; 3658} 3659 3660#ssAboutMain.ss-about-page .about-hero::before { 3661 content: ''; 3662 position: absolute; 3663 inset: 0; 3664 background: linear-gradient( 3665 135deg, 3666 rgba(31, 72, 94, 0.85) 0%, 3667 rgba(24, 121, 164, 0.8) 50%, 3668 rgba(37, 150, 190, 0.75) 100% 3669 ); 3670 pointer-events: none; 3671} 3672 3673#ssAboutMain.ss-about-page .about-hero > * { 3674 position: relative; 3675 z-index: 1; 3676} 3677 3678#ssAboutMain.ss-about-page .hero-title { 3679 font-family: 'Poppins', sans-serif; 3680 font-size: 3.2rem; 3681 font-weight: 700; 3682 color: #ffffff; 3683 margin: 0 0 20px; 3684 text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 3685 text-align: center; 3686} 3687 3688#ssAboutMain.ss-about-page .about-hero .about-content { 3689 text-align: center; 3690 max-width: 96rem; 3691} 3692 3693#ssAboutMain.ss-about-page .hero-subtitle { 3694 font-family: 'Poppins', sans-serif; 3695 font-size: clamp(1rem, 1.75vw, 1.28rem); 3696 color: rgba(255, 255, 255, 0.95); 3697 max-width: 52rem; 3698 line-height: 1.55; 3699 margin: 0 auto; 3700 text-align: center; 3701} 3702 3703#ssAboutMain.ss-about-page .hero-subtitle__line { 3704 display: block; 3705} 3706 3707#ssAboutMain.ss-about-page .years-badge { 3708 display: inline-block; 3709 margin: 35px 0 0; 3710 color: rgba(255, 255, 255, 0.85); 3711 font-size: 1.05rem; 3712 font-weight: 400; 3713 letter-spacing: 0.02em; 3714} 3715 3716#ssAboutMain.ss-about-page .years-badge strong { 3717 color: #fff; 3718 font-weight: 600; 3719} 3720 3721/* Stats */ 3722#ssAboutMain.ss-about-page .stats-section { 3723 padding: 70px 0; 3724 position: relative; 3725 background: #ffffff; 3726} 3727 3728#ssAboutMain.ss-about-page .stats-grid { 3729 display: grid; 3730 grid-template-columns: repeat(3, 1fr); 3731 gap: 50px; 3732 text-align: center; 3733 position: relative; 3734 background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 50%, var(--ss-gradient-mid) 100%); 3735 border-radius: var(--ss-radius-lg); 3736 padding: 50px 40px; 3737 box-shadow: 0 10px 40px rgba(31, 72, 94, 0.2); 3738 align-items: start; 3739} 3740 3741#ssAboutMain.ss-about-page .stat-item { 3742 color: #fff; 3743 padding: 20px; 3744 display: flex; 3745 flex-direction: column; 3746 align-items: center; 3747 justify-content: flex-start; 3748} 3749 3750#ssAboutMain.ss-about-page .stat-number { 3751 font-family: 'Poppins', sans-serif; 3752 font-size: 3.8rem; 3753 font-weight: 800; 3754 display: block; 3755 line-height: 1; 3756 margin-bottom: 10px; 3757 text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); 3758 min-height: 60px; 3759 opacity: 0; 3760 transform: translateY(28px); 3761 transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1); 3762} 3763 3764#ssAboutMain.ss-about-page .stats-section.is-visible .stat-number { 3765 opacity: 1; 3766 transform: translateY(0); 3767} 3768 3769#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(1) .stat-number { 3770 transition-delay: 0.05s; 3771} 3772 3773#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(2) .stat-number { 3774 transition-delay: 0.15s; 3775} 3776 3777#ssAboutMain.ss-about-page .stats-section.is-visible .stat-item:nth-child(3) .stat-number { 3778 transition-delay: 0.25s; 3779} 3780 3781#ssAboutMain.ss-about-page .stat-number.is-counting { 3782 opacity: 1; 3783 transform: translateY(0); 3784} 3785 3786#ssAboutMain.ss-about-page .stat-label { 3787 font-family: 'Poppins', sans-serif; 3788 font-size: 1.15rem; 3789 opacity: 0.95; 3790 font-weight: 500; 3791 display: block; 3792} 3793 3794/* Sections */ 3795#ssAboutMain.ss-about-page .section { 3796 padding: 80px 0; 3797} 3798 3799#ssAboutMain.ss-about-page .section-white { 3800 background: #ffffff; 3801} 3802 3803#ssAboutMain.ss-about-page .section-grey { 3804 background: linear-gradient(180deg, #f0f4f8 0%, #e8eef3 100%); 3805} 3806 3807#ssAboutMain.ss-about-page .section-title { 3808 font-family: 'Poppins', sans-serif; 3809 font-size: 2.4rem; 3810 font-weight: 700; 3811 color: var(--ss-primary); 3812 margin: 0 0 20px; 3813} 3814 3815#ssAboutMain.ss-about-page .section-title--center { 3816 text-align: center; 3817} 3818 3819#ssAboutMain.ss-about-page .section-title--sm { 3820 font-size: 2rem; 3821} 3822 3823#ssAboutMain.ss-about-page .section-title--spaced { 3824 margin-bottom: 40px; 3825} 3826 3827#ssAboutMain.ss-about-page .section-subtitle { 3828 font-family: 'Poppins', sans-serif; 3829 font-size: 1.15rem; 3830 color: var(--ss-muted); 3831 max-width: 700px; 3832 margin: 0 auto 50px; 3833 padding: 0; 3834 text-align: center; 3835 line-height: 1.7; 3836} 3837 3838/* Stats â full-width strip before CTA */ 3839#ssAboutMain.ss-about-page .stats-section--fullwidth { 3840 width: 100%; 3841 max-width: 100%; 3842 margin: 0; 3843 padding: 0; 3844 background: transparent; 3845} 3846 3847#ssAboutMain.ss-about-page .stats-grid--fullwidth { 3848 display: grid; 3849 grid-template-columns: repeat(3, 1fr); 3850 gap: 0; 3851 width: 100%; 3852 max-width: none; 3853 margin: 0; 3854 padding: 48px 24px; 3855 border-radius: 0; 3856 background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 50%, var(--ss-gradient-mid) 100%); 3857 box-shadow: none; 3858} 3859 3860#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item { 3861 border-right: 1px solid rgba(255, 255, 255, 0.15); 3862 padding: 12px 20px; 3863} 3864 3865#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item:last-child {
3866 border-right: none; 3867} 3868 3869#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-number { 3870 font-size: clamp(2.25rem, 4vw, 3.25rem); 3871 min-height: auto; 3872} 3873 3874#ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-label { 3875 font-size: clamp(0.9375rem, 1.5vw, 1.125rem); 3876} 3877 3878/* Dell partner box â inside Why Choose */ 3879#ssAboutMain.ss-about-page .ss-about-page__values-section .section-subtitle { 3880 max-width: none; 3881 white-space: nowrap; 3882} 3883 3884@media (max-width: 720px) { 3885 #ssAboutMain.ss-about-page .ss-about-page__values-section .section-subtitle { 3886 white-space: normal; 3887 max-width: 700px; 3888 } 3889} 3890 3891#ssAboutMain.ss-about-page .ss-about-page__values-section .values-grid { 3892 margin-bottom: 2rem; 3893} 3894 3895#ssAboutMain.ss-about-page .ss-about-partner-box { 3896 display: grid; 3897 grid-template-columns: minmax(0, 1fr) minmax(140px, 220px); 3898 gap: 1.75rem; 3899 align-items: center; 3900 background: #fff; 3901 border-radius: var(--ss-radius-lg); 3902 border: 1px solid var(--ss-border); 3903 box-shadow: var(--ss-shadow); 3904 padding: 1.75rem 2rem; 3905 overflow: hidden; 3906 position: relative; 3907} 3908 3909#ssAboutMain.ss-about-page .ss-about-partner-box::before { 3910 content: ''; 3911 position: absolute; 3912 top: 0; 3913 left: 0; 3914 right: 0; 3915 height: 5px; 3916 background: linear-gradient(90deg, var(--ss-primary) 0%, var(--ss-highlight) 100%); 3917 z-index: 1; 3918} 3919 3920#ssAboutMain.ss-about-page .ss-about-partner-box__media { 3921 flex-shrink: 0; 3922 display: flex; 3923 align-items: center; 3924 justify-content: center; 3925} 3926 3927#ssAboutMain.ss-about-page .ss-about-partner-box__media img { 3928 width: 100%; 3929 max-width: 220px; 3930 height: auto; 3931 display: block; 3932 border-radius: 8px; 3933 object-fit: contain; 3934} 3935 3936#ssAboutMain.ss-about-page .ss-about-partner-box__content { 3937 padding: 0; 3938 min-width: 0; 3939} 3940 3941#ssAboutMain.ss-about-page .ss-about-partner-box__title { 3942 font-family: 'Poppins', sans-serif; 3943 font-size: 1.35rem; 3944 font-weight: 700; 3945 color: var(--ss-primary); 3946 margin: 0 0 0.75rem; 3947} 3948 3949#ssAboutMain.ss-about-page .ss-about-partner-box__content p { 3950 font-family: 'Poppins', sans-serif; 3951 font-size: 1rem; 3952 line-height: 1.75; 3953 color: var(--ss-muted); 3954 margin: 0 0 0.85rem; 3955} 3956 3957#ssAboutMain.ss-about-page .ss-about-partner-box__content p:last-child { 3958 margin-bottom: 0; 3959} 3960 3961/* ETB-style story box */ 3962#ssAboutMain.ss-about-page .ss-about-page__story-section { 3963 padding: 48px 0 56px; 3964 background: linear-gradient(180deg, #f0f4f8 0%, #e8eef3 100%); 3965} 3966 3967#ssAboutMain.ss-about-page .ss-about-story-box { 3968 display: grid; 3969 grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr); 3970 gap: 2.5rem; 3971 align-items: center; 3972 background: #fff; 3973 border-radius: 20px; 3974 box-shadow: 0 16px 48px rgba(31, 72, 94, 0.1); 3975 border: 1px solid var(--ss-border);
3976 padding: 2.75rem 2.5rem; 3977} 3978 3979#ssAboutMain.ss-about-page .ss-about-story-box__title { 3980 font-family: 'Poppins', sans-serif; 3981 font-size: clamp(1.75rem, 3vw, 2.25rem); 3982 font-weight: 700; 3983 color: var(--ss-primary); 3984 margin: 0 0 1.25rem; 3985} 3986 3987#ssAboutMain.ss-about-page .ss-about-story-box__text p { 3988 font-family: 'Poppins', sans-serif; 3989 font-size: 1.0625rem; 3990 line-height: 1.85; 3991 color: var(--ss-muted); 3992 margin: 0 0 1.1rem; 3993 text-wrap: pretty; 3994} 3995 3996#ssAboutMain.ss-about-page .ss-about-story-box__text p:last-child { 3997 margin-bottom: 0; 3998} 3999 4000#ssAboutMain.ss-about-page .ss-about-story-box__text strong { 4001 color: var(--ss-primary); 4002} 4003 4004#ssAboutMain.ss-about-page .ss-about-story-box__visual-track { 4005 position: relative; 4006 display: flex; 4007 align-items: center; 4008 justify-content: center; 4009 gap: 1.25rem; 4010 min-height: 120px; 4011} 4012 4013#ssAboutMain.ss-about-page .ss-about-story-box__visual-line { 4014 position: absolute; 4015 left: 18%; 4016 right: 18%; 4017 top: 50%; 4018 height: 3px; 4019 background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-highlight) 100%); 4020 transform: translateY(-50%); 4021 z-index: 0; 4022} 4023 4024#ssAboutMain.ss-about-page .ss-about-story-box__visual-node { 4025 position: relative; 4026 z-index: 1; 4027 width: 96px; 4028 height: 96px; 4029 border-radius: 50%; 4030 overflow: hidden; 4031 background: #fff; 4032 border: 4px solid #fff; 4033 box-shadow: 0 6px 20px rgba(31, 72, 94, 0.15); 4034 flex-shrink: 0; 4035} 4036 4037#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--logo img { 4038 width: 100%; 4039 height: 100%; 4040 object-fit: cover; 4041} 4042 4043#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--partner { 4044 background: var(--ss-primary); 4045 width: 112px; 4046 height: 112px; 4047 display: flex; 4048 align-items: center; 4049 justify-content: center; 4050 padding: 5px; 4051 box-sizing: border-box; 4052} 4053 4054#ssAboutMain.ss-about-page .ss-about-story-box__visual-node--partner img { 4055 display: block; 4056 width: 100%; 4057 height: auto; 4058 max-width: 100%; 4059 max-height: 100%; 4060 object-fit: contain; 4061 object-position: center center; 4062 transform: scale(1.7) translateX(10px); 4063 margin: 0; 4064} 4065 4066 4067/* Shop ranges â homepage-style cards */ 4068#ssAboutMain.ss-about-page .ss-about-page__ranges-section { 4069 padding: 4rem 0; 4070 background: #fff; 4071} 4072 4073#ssAboutMain.ss-about-page .ss-about-ranges-head { 4074 text-align: center; 4075 margin-bottom: 2rem; 4076} 4077 4078#ssAboutMain.ss-about-page .ss-about-ranges-label { 4079 display: block; 4080 font-size: 0.75rem; 4081 font-weight: 700; 4082 text-transform: uppercase; 4083 letter-spacing: 0.08em; 4084 color: var(--ss-accent); 4085 margin-bottom: 0.4rem; 4086} 4087 4088#ssAboutMain.ss-about-page .ss-about-range-grid { 4089 display: grid; 4090 grid-template-columns: repeat(3, 1fr); 4091 gap: 1rem; 4092} 4093 4094#ssAboutMain.ss-about-page .ss-about-range-card { 4095 background: var(--ss-tint); 4096 border: 1px solid var(--ss-border); 4097 border-radius: 10px; 4098 overflow: hidden; 4099 transition: 0.2s ease; 4100 display: flex; 4101 flex-direction: column; 4102 text-decoration: none !important; 4103 color: inherit; 4104} 4105 4106#ssAboutMain.ss-about-page a.ss-about-range-card:hover { 4107 border-color: var(--ss-accent); 4108 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07); 4109 transform: translateY(-3px); 4110 text-decoration: none !important; 4111} 4112 4113#ssAboutMain.ss-about-page .ss-about-range-card__img { 4114 height: 130px; 4115 overflow: hidden; 4116} 4117 4118#ssAboutMain.ss-about-page .ss-about-range-card__img img { 4119 width: 100%; 4120 height: 100%; 4121 object-fit: cover; 4122 transition: transform 0.3s ease; 4123} 4124 4125#ssAboutMain.ss-about-page a.ss-about-range-card:hover .ss-about-range-card__img img { 4126 transform: scale(1.04); 4127} 4128 4129#ssAboutMain.ss-about-page .ss-about-range-card__body { 4130 padding: 1.15rem; 4131 flex: 1; 4132 display: flex; 4133 flex-direction: column; 4134} 4135 4136#ssAboutMain.ss-about-page .ss-about-range-card__body h3 { 4137 font-family: 'Poppins', sans-serif; 4138 font-size: 1rem; 4139 font-weight: 700; 4140 color: var(--ss-primary); 4141 margin: 0 0 0.35rem; 4142} 4143 4144#ssAboutMain.ss-about-page .ss-about-range-card__body p { 4145 font-family: 'Poppins', sans-serif; 4146 font-size: 0.875rem; 4147 color: var(--ss-muted-light); 4148 line-height: 1.55; 4149 flex: 1; 4150 margin: 0 0 0.85rem; 4151} 4152 4153#ssAboutMain.ss-about-page .ss-about-range-card__link { 4154 font-size: 0.8125rem; 4155 font-weight: 600; 4156 color: var(--ss-accent); 4157 display: inline-flex; 4158 align-items: center; 4159 gap: 0.25rem; 4160 text-decoration: none !important; 4161} 4162 4163#ssAboutMain.ss-about-page a.ss-about-range-card:hover .ss-about-range-card__link { 4164 color: var(--ss-gradient-end); 4165} 4166 4167#ssAboutMain.ss-about-page .ss-about-range-card--split { 4168 cursor: default; 4169} 4170 4171#ssAboutMain.ss-about-page .ss-about-range-card__links { 4172 display: flex; 4173 flex-direction: column; 4174 gap: 0.4rem; 4175 margin-top: auto; 4176} 4177 4178 4179@media (max-width: 1100px) { 4180 #ssAboutMain.ss-about-page .ss-about-story-box { 4181 grid-template-columns: 1fr; 4182 padding: 2rem 1.75rem; 4183 } 4184 4185 #ssAboutMain.ss-about-page .ss-about-story-box__visual { 4186 order: -1; 4187 } 4188 4189 4190 #ssAboutMain.ss-about-page .ss-about-range-grid { 4191 grid-template-columns: repeat(2, 1fr); 4192 } 4193} 4194 4195@media (max-width: 768px) { 4196 4197 #ssAboutMain.ss-about-page .ss-about-range-grid { 4198 grid-template-columns: 1fr; 4199 } 4200 4201 #ssAboutMain.ss-about-page .ss-about-story-box__visual-node { 4202 width: 72px; 4203 height: 72px; 4204 } 4205 4206 #ssAboutMain.ss-about-page .ss-about-story-box__visual-node--photo { 4207 width: 86px; 4208 height: 86px; 4209 } 4210} 4211 4212/* Story â text and image side by side */ 4213#ssAboutMain.ss-about-page .story-grid { 4214 display: grid; 4215 grid-template-columns: 1fr 1fr; 4216 gap: 2.5rem; 4217 align-items: center; 4218 margin: 0; 4219 padding: 0; 4220} 4221 4222#ssAboutMain.ss-about-page .story-text { 4223 flex: 1; 4224 font-family: 'Poppins', sans-serif; 4225 font-size: 1rem; 4226 line-height: 1.75; 4227 color: #4a4a4a; 4228 margin: 0; 4229 padding: 0; 4230} 4231 4232#ssAboutMain.ss-about-page .story-text p { 4233 margin: 0 0 12px; 4234 padding: 0; 4235} 4236 4237#ssAboutMain.ss-about-page .story-text p:last-child { 4238 margin-bottom: 0; 4239} 4240 4241#ssAboutMain.ss-about-page .story-text--flush { 4242 margin: 0; 4243 padding: 0; 4244} 4245 4246#ssAboutMain.ss-about-page .story-image-container { 4247 position: relative; 4248 overflow: hidden; 4249 border-radius: var(--ss-radius); 4250 box-shadow: var(--ss-shadow-strong); 4251 min-width: 0; 4252 aspect-ratio: 4 / 3; 4253 max-height: 320px; 4254} 4255 4256#ssAboutMain.ss-about-page .story-image-container::after {
4257 content: ''; 4258 position: absolute; 4259 inset: 0; 4260 background: linear-gradient( 4261 135deg, 4262 rgba(31, 72, 94, 0.5) 0%, 4263 rgba(24, 121, 164, 0.4) 50%, 4264 rgba(37, 150, 190, 0.35) 100% 4265 ); 4266 pointer-events: none; 4267 z-index: 1; 4268} 4269 4270#ssAboutMain.ss-about-page .story-image { 4271 position: absolute; 4272 inset: 0; 4273 width: 100%; 4274 height: 100%; 4275 object-fit: cover; 4276} 4277 4278#ssAboutMain.ss-about-page .story-overlay { 4279 position: absolute; 4280 bottom: 0; 4281 left: 0; 4282 right: 0; 4283 background: linear-gradient(transparent, rgba(31, 72, 94, 0.95)); 4284 padding: 40px 30px 30px; 4285 z-index: 2; 4286} 4287 4288#ssAboutMain.ss-about-page .story-overlay p { 4289 font-family: 'Poppins', sans-serif; 4290 color: rgba(255, 255, 255, 0.9); 4291 font-size: 1rem; 4292 margin: 0; 4293} 4294 4295/* Values */ 4296#ssAboutMain.ss-about-page .values-grid { 4297 display: grid; 4298 grid-template-columns: repeat(3, 1fr); 4299 gap: 30px; 4300} 4301 4302#ssAboutMain.ss-about-page .value-card { 4303 background: #fff; 4304 padding: 45px 35px; 4305 text-align: center; 4306 border-radius: var(--ss-radius); 4307 box-shadow: var(--ss-shadow); 4308 position: relative; 4309 overflow: hidden; 4310} 4311 4312#ssAboutMain.ss-about-page .value-card::before { 4313 content: ''; 4314 position: absolute; 4315 top: 0; 4316 left: 0; 4317 right: 0; 4318 height: 5px; 4319 background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%); 4320} 4321 4322#ssAboutMain.ss-about-page .value-icon { 4323 width: 90px; 4324 height: 90px; 4325 background: var(--ss-icon-bg); 4326 border-radius: 50%; 4327 display: flex; 4328 align-items: center; 4329 justify-content: center; 4330 margin: 0 auto 28px; 4331 box-shadow: none; 4332} 4333 4334#ssAboutMain.ss-about-page .value-icon i { 4335 font-size: 2.2rem; 4336 color: var(--ss-icon-color); 4337} 4338 4339#ssAboutMain.ss-about-page .value-title { 4340 font-family: 'Poppins', sans-serif; 4341 font-size: 1.5rem; 4342 font-weight: 700; 4343 color: var(--ss-primary); 4344 margin: 0 0 14px; 4345} 4346 4347#ssAboutMain.ss-about-page .value-desc { 4348 font-family: 'Poppins', sans-serif; 4349 font-size: 1.05rem; 4350 color: var(--ss-muted); 4351 line-height: 1.8; 4352 margin: 0; 4353} 4354 4355/* Partnership */ 4356#ssAboutMain.ss-about-page .partnership-section { 4357 background: linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); 4358 position: relative; 4359} 4360 4361#ssAboutMain.ss-about-page .partnership-content { 4362 display: grid; 4363 grid-template-columns: 1fr 1fr; 4364 gap: 60px; 4365 align-items: center; 4366} 4367 4368#ssAboutMain.ss-about-page .partner-image-box { 4369 background: #dbe5eb; 4370 border-radius: 20px; 4371 overflow: hidden; 4372 margin-top: 2cm; 4373 height: 310px; 4374} 4375 4376#ssAboutMain.ss-about-page .partner-image-box img { 4377 width: 100%; 4378 height: 100%; 4379 object-fit: cover; 4380 display: block; 4381} 4382 4383/* Testimonials */ 4384#ssAboutMain.ss-about-page .testimonials-grid { 4385 display: grid; 4386 grid-template-columns: repeat(2, 1fr); 4387 gap: 40px; 4388} 4389 4390#ssAboutMain.ss-about-page .testimonial-card { 4391 background: #fff; 4392 padding: 40px; 4393 border-radius: var(--ss-radius); 4394 position: relative; 4395 box-shadow: 0 8px 35px rgba(31, 72, 94, 0.1); 4396 border: none; 4397} 4398 4399#ssAboutMain.ss-about-page .testimonial-card::before { 4400 content: '"'; 4401 font-family: Georgia, serif; 4402 font-size: 6rem; 4403 color: var(--ss-accent); 4404 opacity: 0.15; 4405 position: absolute; 4406 top: 10px; 4407 left: 25px; 4408 line-height: 1; 4409} 4410 4411#ssAboutMain.ss-about-page .testimonial-text { 4412 font-family: 'Poppins', sans-serif; 4413 font-size: 1.1rem; 4414 line-height: 1.8; 4415 color: #4a4a4a; 4416 font-style: italic; 4417 margin: 0 0 24px; 4418 position: relative; 4419 z-index: 1; 4420} 4421 4422#ssAboutMain.ss-about-page .testimonial-author { 4423 display: flex; 4424 align-items: center; 4425 gap: 16px; 4426} 4427 4428#ssAboutMain.ss-about-page .author-icon { 4429 width: 50px; 4430 height: 50px; 4431 background: linear-gradient(135deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%); 4432 border-radius: 50%; 4433 display: flex; 4434 align-items: center; 4435 justify-content: center; 4436 flex-shrink: 0; 4437} 4438 4439#ssAboutMain.ss-about-page .author-icon i { 4440 font-size: 1.4rem; 4441 color: #fff; 4442} 4443 4444#ssAboutMain.ss-about-page .author-info { 4445 flex: 1; 4446} 4447 4448#ssAboutMain.ss-about-page .author-title { 4449 font-family: 'Poppins', sans-serif; 4450 font-weight: 600; 4451 color: var(--ss-primary); 4452 font-size: 1rem; 4453} 4454 4455#ssAboutMain.ss-about-page .author-company { 4456 font-family: 'Poppins', sans-serif; 4457 color: var(--ss-muted); 4458 font-size: 0.95rem; 4459} 4460 4461/* Location */ 4462#ssAboutMain.ss-about-page .location-grid { 4463 display: grid; 4464 grid-template-columns: 1fr 1fr; 4465 gap: 60px; 4466 align-items: stretch; 4467 max-width: 1200px; 4468 margin: 0 auto; 4469} 4470 4471#ssAboutMain.ss-about-page .location-info { 4472 background: #fff; 4473 padding: 50px 45px; 4474 border-radius: var(--ss-radius); 4475 box-shadow: var(--ss-shadow); 4476 position: relative; 4477 overflow: hidden; 4478} 4479 4480#ssAboutMain.ss-about-page .location-info::before { 4481 content: ''; 4482 position: absolute; 4483 top: 0; 4484 left: 0; 4485 right: 0; 4486 height: 5px; 4487 background: linear-gradient(90deg, var(--ss-accent) 0%, var(--ss-gradient-mid) 100%); 4488} 4489 4490#ssAboutMain.ss-about-page .location-title { 4491 font-family: 'Poppins', sans-serif; 4492 font-size: 1.8rem; 4493 font-weight: 600; 4494 color: var(--ss-primary); 4495 margin: 0 0 30px; 4496} 4497 4498#ssAboutMain.ss-about-page .contact-item { 4499 display: flex; 4500 gap: 16px; 4501 margin-bottom: 24px; 4502 align-items: flex-start; 4503} 4504 4505#ssAboutMain.ss-about-page .contact-item:last-child { 4506 margin-bottom: 0; 4507} 4508 4509#ssAboutMain.ss-about-page .contact-icon { 4510 width: 48px; 4511 height: 48px; 4512 background: var(--ss-icon-bg); 4513 border-radius: 12px; 4514 display: flex; 4515 align-items: center; 4516 justify-content: center; 4517 flex-shrink: 0; 4518} 4519 4520#ssAboutMain.ss-about-page .contact-icon i { 4521 font-size: 1.2rem; 4522 color: var(--ss-icon-color); 4523} 4524 4525#ssAboutMain.ss-about-page .contact-details h4 { 4526 font-family: 'Poppins', sans-serif; 4527 font-weight: 600; 4528 color: var(--ss-primary); 4529 font-size: 1.1rem; 4530 margin: 0 0 4px; 4531} 4532 4533#ssAboutMain.ss-about-page .contact-details p, 4534#ssAboutMain.ss-about-page .contact-details a { 4535 font-family: 'Poppins', sans-serif; 4536 color: var(--ss-muted); 4537 font-size: 1rem; 4538 text-decoration: none; 4539 line-height: 1.6; 4540 margin: 0; 4541} 4542 4543#ssAboutMain.ss-about-page .contact-details a:hover {
4544 color: var(--ss-accent); 4545} 4546 4547#ssAboutMain.ss-about-page .map-container { 4548 overflow: hidden; 4549 height: 100%; 4550 min-height: 400px; 4551 border-radius: var(--ss-radius); 4552 box-shadow: 0 10px 40px rgba(31, 72, 94, 0.15); 4553} 4554 4555#ssAboutMain.ss-about-page .map-container iframe { 4556 width: 100%; 4557 height: 100%; 4558 min-height: 400px; 4559 border: none; 4560 display: block; 4561} 4562 4563/* CTA */ 4564#ssAboutMain.ss-about-page .cta-section { 4565 background: #ffffff; 4566 padding: 80px 0; 4567 text-align: center; 4568 position: relative; 4569} 4570 4571#ssAboutMain.ss-about-page .cta-title { 4572 font-family: 'Poppins', sans-serif; 4573 font-size: 2.6rem; 4574 font-weight: 700; 4575 color: var(--ss-primary); 4576 margin: 0 0 16px; 4577 position: relative; 4578 z-index: 1; 4579} 4580 4581#ssAboutMain.ss-about-page .cta-subtitle { 4582 font-family: 'Poppins', sans-serif; 4583 font-size: 1.2rem; 4584 color: var(--ss-muted); 4585 margin: 0 0 40px; 4586} 4587 4588#ssAboutMain.ss-about-page .cta-buttons { 4589 display: flex; 4590 gap: 16px; 4591 justify-content: center; 4592 flex-wrap: nowrap; 4593} 4594 4595#ssAboutMain.ss-about-page .btn-primary, 4596#ssAboutMain.ss-about-page .btn-secondary { 4597 display: inline-flex; 4598 align-items: center; 4599 justify-content: center; 4600 width: auto; 4601 flex: 0 0 auto; 4602 padding: 16px 24px; 4603 border-radius: 8px; 4604 font-weight: 600; 4605 font-size: 0.9375rem; 4606 font-family: 'Poppins', sans-serif; 4607 cursor: pointer; 4608 text-decoration: none !important; 4609 box-sizing: border-box; 4610 border: none; 4611 transition: all 0.3s ease; 4612 white-space: nowrap; 4613} 4614 4615#ssAboutMain.ss-about-page .btn-primary { 4616 background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 100%); 4617 color: #ffffff; 4618 box-shadow: 0 4px 15px rgba(31, 72, 94, 0.3); 4619} 4620 4621#ssAboutMain.ss-about-page .btn-primary:hover { 4622 background: #ffffff; 4623 color: var(--ss-primary); 4624 box-shadow: 0 4px 15px rgba(31, 72, 94, 0.2); 4625} 4626 4627#ssAboutMain.ss-about-page .btn-secondary { 4628 background: #ffffff; 4629 color: var(--ss-primary); 4630 border: 2px solid var(--ss-primary) !important; 4631} 4632 4633#ssAboutMain.ss-about-page .btn-secondary:hover { 4634 background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-accent) 100%); 4635 color: #ffffff; 4636 border: 2px solid transparent !important; 4637} 4638 4639#ssAboutMain.ss-about-page .btn-primary i, 4640#ssAboutMain.ss-about-page .btn-secondary i { 4641 margin-right: 8px; 4642} 4643 4644/* Responsive â 1200px */ 4645@media (max-width: 1200px) { 4646 #ssAboutMain.ss-about-page .hero-title { 4647 font-size: 2.6rem; 4648 } 4649 4650 #ssAboutMain.ss-about-page .stats-grid { 4651 grid-template-columns: repeat(2, 1fr); 4652 gap: 30px; 4653 } 4654} 4655 4656/* Responsive â 992px */ 4657@media (max-width: 992px) { 4658 #ssAboutMain.ss-about-page .story-grid { 4659 grid-template-columns: 1fr 1fr; 4660 gap: 1.75rem; 4661 } 4662 4663 #ssAboutMain.ss-about-page .story-image-container { 4664 max-height: 280px; 4665 } 4666 4667 #ssAboutMain.ss-about-page .partnership-content, 4668 #ssAboutMain.ss-about-page .location-grid { 4669 grid-template-columns: 1fr; 4670 gap: 40px; 4671 } 4672 4673 #ssAboutMain.ss-about-page .values-grid { 4674 grid-template-columns: repeat(2, 1fr); 4675 } 4676 4677 #ssAboutMain.ss-about-page .ss-about-partner-box { 4678 grid-template-columns: 1fr; 4679 } 4680 4681 #ssAboutMain.ss-about-page .ss-about-partner-box__media { 4682 order: -1; 4683 max-width: 200px; 4684 margin: 0 auto; 4685 } 4686 4687 #ssAboutMain.ss-about-page .ss-about-partner-box__content { 4688 padding: 0; 4689 } 4690 4691 #ssAboutMain.ss-about-page .stats-grid--fullwidth { 4692 grid-template-columns: 1fr; 4693 padding: 32px 20px; 4694 } 4695 4696 #ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item { 4697 border-right: none; 4698 border-bottom: 1px solid rgba(255, 255, 255, 0.15); 4699 padding: 20px 12px; 4700 } 4701 4702 #ssAboutMain.ss-about-page .stats-grid--fullwidth .stat-item:last-child { 4703 border-bottom: none; 4704 } 4705 4706 #ssAboutMain.ss-about-page .testimonials-grid { 4707 grid-template-columns: 1fr; 4708 } 4709 4710 #ssAboutMain.ss-about-page .hero-title { 4711 font-size: 2.2rem; 4712 } 4713 4714 #ssAboutMain.ss-about-page .section-title { 4715 font-size: 2rem; 4716 } 4717 4718 #ssAboutMain.ss-about-page .partner-image-box { 4719 margin-top: 0; 4720 } 4721} 4722 4723/* Responsive â 768px */ 4724@media (max-width: 768px) { 4725 #ssAboutMain.ss-about-page .about-hero { 4726 padding: 60px 0; 4727 } 4728 4729 #ssAboutMain.ss-about-page .section { 4730 padding: 60px 0; 4731 } 4732 4733 #ssAboutMain.ss-about-page .hero-title { 4734 font-size: 1.9rem; 4735 } 4736 4737 #ssAboutMain.ss-about-page .hero-subtitle { 4738 font-size: 1.05rem; 4739 } 4740 4741 #ssAboutMain.ss-about-page .values-grid { 4742 grid-template-columns: 1fr; 4743 } 4744 4745 #ssAboutMain.ss-about-page .stats-grid { 4746 grid-template-columns: 1fr 1fr; 4747 padding: 40px 24px; 4748 } 4749 4750 #ssAboutMain.ss-about-page .stat-number { 4751 font-size: 2.5rem; 4752 min-height: auto; 4753 } 4754 4755 #ssAboutMain.ss-about-page .cta-title { 4756 font-size: 2rem; 4757 } 4758 4759 #ssAboutMain.ss-about-page .cta-buttons { 4760 flex-direction: column; 4761 align-items: center; 4762 } 4763 4764 #ssAboutMain.ss-about-page .btn-primary, 4765 #ssAboutMain.ss-about-page .btn-secondary { 4766 width: 100%; 4767 max-width: 300px; 4768 } 4769 4770 #ssAboutMain.ss-about-page .story-grid { 4771 grid-template-columns: 1fr; 4772 gap: 1.5rem; 4773 } 4774 4775 #ssAboutMain.ss-about-page .story-image-container { 4776 max-height: 260px; 4777 order: -1; 4778 } 4779} 4780 4781/* Responsive â 576px */ 4782@media (max-width: 576px) { 4783 #ssAboutMain.ss-about-page .about-content { 4784 padding: 0 16px; 4785 } 4786 4787 #ssAboutMain.ss-about-page .stats-grid { 4788 grid-template-columns: 1fr; 4789 gap: 25px; 4790 } 4791 4792 #ssAboutMain.ss-about-page .story-image-container { 4793 min-height: 280px; 4794 } 4795 4796 #ssAboutMain.ss-about-page .location-info { 4797 padding: 36px 28px; 4798 } 4799 4800 #ssAboutMain.ss-about-page .testimonial-card { 4801 padding: 32px 24px; 4802 } 4803 4804 #ssAboutMain.ss-about-page .value-card { 4805 padding: 36px 24px; 4806 } 4807} 4808</style> 4809
4809<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/20213111.js"></script>
4809 4810 <style> 4811 a:focus, a:focus-visible, a:active { outline: none !important; box-shadow: none !important; } 4812 </style> 4813 4814 4815<!-- SS Modern Header -->
4816<script>(function(){var b=document.body;if(b&&!b.classList.contains('ss-modern-storefront')){b.classList.add('ss-static-page');}})();</script>
4816 4817<style> 4818/* SS Modern Nav + Contact Flyout ââ¬â synced from shopify-static-nav-bar.html */ 4819:root { 4820 --primary: #1f485e; 4821 --accent: #1879a4; 4822 --dark: #035e7f; 4823 --highlight: #00a8e1; 4824 --tint: #f4f8fb; 4825 --border: #e2e8f0; 4826 --muted: #64748b; 4827 --text: #1a2332; 4828 --max: 1280px; 4829 } 4830 4831 html, html.ss-modern-html, html.ss-static-html { 4832 font-size: 18px; 4833 -webkit-text-size-adjust: 100%; 4834 } 4835 4836 *, *::before, *::after { box-sizing: border-box; } 4837 body { 4838 margin: 0; 4839 font-family: 'Poppins', sans-serif; 4840 background: var(--tint); 4841 color: #1a2332; 4842 } 4843 4844 .wrap { width: min(100% - 2rem, var(--max)); margin-inline: auto; } 4845 4846 /* Top utility bar */ 4847 .top-bar { 4848 background: #eef2f6; 4849 border-bottom: 1px solid var(--border); 4850 color: var(--primary); 4851 } 4852 .top-bar-inner { 4853 display: flex; 4854 align-items: center; 4855 justify-content: space-between; 4856 gap: .75rem 1.25rem; 4857 padding: .45rem 0; 4858 font-size: .8125rem; 4859 font-weight: 500; 4860 } 4861 .top-bar-contact, 4862 .top-bar-right { 4863 display: flex; 4864 align-items: center; 4865 flex-wrap: wrap; 4866 gap: .5rem .85rem; 4867 } 4868 .top-bar a { color: var(--primary); text-decoration: none; transition: color .15s; } 4869 .top-bar a:hover { color: var(--accent); } 4870 .top-bar-sep { color: #b8c5d0; user-select: none; font-weight: 400; } 4871 .top-bar-social { display: flex; align-items: center; gap: .35rem; } 4872 .top-bar-social a { 4873 display: inline-flex; 4874 align-items: center; 4875 justify-content: center; 4876 width: 1.75rem; 4877 height: 1.75rem; 4878 border-radius: 4px; 4879 color: var(--primary); 4880 } 4881 .top-bar-social a:hover { background: rgba(31, 72, 94, .08); color: var(--accent); } 4882 .top-bar-social svg { width: .9375rem; height: .9375rem; fill: currentColor; } 4883 .top-bar-note { color: var(--muted); font-size: .75rem; white-space: nowrap; } 4884 .top-bar-app-slot { 4885 display: inline-flex; align-items: center; gap: .35rem; 4886 } 4887 .top-bar-app-slot:empty { display: none; } 4888 .top-bar-app-slot form, 4889 .top-bar-app-slot .disclosure { 4890 margin: 0; padding: 0; 4891 } 4892 4893 /* Main nav */ 4894.shop-nav { 4895 background: var(--primary); 4896 color: #fff; 4897 border-bottom: 1px solid rgba(255, 255, 255, .1); 4898 } 4899 .shop-nav-row { 4900 display: grid; 4901 grid-template-columns: auto 1fr auto; 4902 align-items: center; 4903 gap: .75rem 1rem; 4904 padding: .55rem 1rem; 4905 width: min(100% - 1rem, var(--max)); 4906 max-width: var(--max); 4907 margin: 0 auto; 4908 overflow: visible; 4909 } 4910 .shop-nav-logo { 4911 display: flex; 4912 align-items: center; 4913 gap: .55rem; 4914 color: #fff; 4915 text-decoration: none; 4916 flex-shrink: 0; 4917 } 4918 .shop-nav-logo img { 4919 height: 40px; 4920 width: 40px; 4921 object-fit: cover; 4922 display: block; 4923 border-radius: 6px; 4924 flex-shrink: 0; 4925 background: #fff; 4926 } 4927 .shop-nav-logo-copy { 4928 display: flex; 4929 flex-direction: column; 4930 gap: .05rem; 4931 line-height: 1.1; 4932 } 4933 .shop-nav-logo-text { 4934 font-size: 1.12rem; 4935 font-weight: 800; 4936 letter-spacing: -.01em; 4937 white-space: nowrap; 4938 } 4939 .shop-nav-logo-text .logo-server { color: var(--highlight); } 4940 .shop-nav-logo-text .logo-source { color: #b8c5d0; } 4941 .shop-nav-logo-est { 4942 display: inline-flex; 4943 align-items: baseline; 4944 gap: .2em; 4945 font-size: .75rem; 4946 font-weight: 700; 4947 color: rgba(255, 255, 255, .92); 4948 white-space: nowrap; 4949 } 4950 .shop-nav-logo-est-label { letter-spacing: .12em; } 4951 .shop-nav-logo-year { 4952 letter-spacing: .03em; 4953 font-variant-numeric: lining-nums tabular-nums; 4954 } 4955 .shop-nav-right { 4956 display: flex; 4957 align-items: center; 4958 gap: .5rem; 4959 flex-shrink: 0; 4960 } 4961 .shop-nav-links { 4962 display: flex; 4963 align-items: center; 4964 justify-content: center; 4965 flex-wrap: nowrap; 4966 gap: .2rem .3rem; 4967 min-width: 0; 4968 overflow: visible; 4969 } 4970 .shop-nav-drop { position: relative; display: block; flex-shrink: 0; } 4971 .shop-nav-link { 4972 display: inline-flex; 4973 align-items: center; 4974 justify-content: center; 4975 gap: .3rem; 4976 height: 2.125rem; 4977 min-height: 2.125rem; 4978 padding: 0 .55rem; 4979 font-size: .84rem; 4980 font-weight: 600; 4981 flex-shrink: 0; 4982 letter-spacing: .01em; 4983 color: #fff; 4984 white-space: nowrap; 4985 border-radius: 4px; 4986 border: none; 4987 border-bottom: 3px solid rgba(255, 255, 255, .28); 4988 background: transparent; 4989 cursor: pointer; 4990 font-family: inherit; 4991 transition: background .15s, border-color .15s, color .15s; 4992 text-decoration: none; 4993 box-sizing: border-box; 4994 line-height: 1; 4995 margin: 0; 4996 -webkit-appearance: none; 4997 appearance: none; 4998 } 4999 .shop-nav-link:hover, 5000 .shop-nav-link:focus-visible, 5001 .shop-nav-drop:hover > .shop-nav-link, 5002 .shop-nav-drop.is-open > .shop-nav-link { 5003 background: rgba(255, 255, 255, .15); 5004 border-bottom-color: var(--highlight); 5005 outline: none; 5006 } 5007 .shop-nav-link .shop-nav-chevron { 5008 width: 9px; 5009 height: 9px; 5010 min-width: 9px; 5011 min-height: 9px; 5012 fill: currentColor; 5013 flex-shrink: 0; 5014 display: block; 5015 margin-left: .2rem; 5016 transition: transform .15s ease; 5017 } 5018 .shop-nav-drop:hover > .shop-nav-link .shop-nav-chevron, 5019 .shop-nav-drop.is-open > .shop-nav-link .shop-nav-chevron { 5020 transform: rotate(180deg); 5021 } 5022 .shop-nav-link--store { 5023 background: #00a8e1; 5024 color: #fff; 5025 border-bottom-color: transparent; 5026 border-radius: .375rem; 5027 box-shadow: 0 2px 10px rgba(0, 168, 225, .35); 5028 } 5029 .shop-nav-link--store:hover, 5030 .shop-nav-link--store:focus-visible { 5031 background: #0090c4; 5032 border-bottom-color: transparent; 5033 box-shadow: 0 2px 10px rgba(0, 168, 225, .35); 5034 } 5035 .shop-nav-drop-menu { 5036 display: none; 5037 position: absolute; 5038 top: 100%; 5039 left: 0; 5040 z-index: 1200; 5041 min-width: 220px; 5042 max-width: 340px; 5043 margin-top: .15rem; 5044 background: #fff; 5045 border: 1px solid #d0d0d0; 5046 box-shadow: 0 8px 24px rgba(15, 45, 61, .14); 5047 padding: .35rem 0; 5048 border-radius: 8px; 5049 animation: navDropIn .18s ease-out; 5050 }
5051 @keyframes navDropIn { 5052 from { opacity: 0; transform: translateY(4px); } 5053 to { opacity: 1; transform: translateY(0); } 5054 } 5055 .shop-nav-drop:hover .shop-nav-drop-menu, 5056 .shop-nav-drop.is-open .shop-nav-drop-menu { display: block; } 5057 .shop-nav-drop-menu a { 5058 display: block; 5059 padding: .7rem 1.25rem; 5060 font-size: .875rem; 5061 font-weight: 500; 5062 line-height: 1.35; 5063 color: #1f485e; 5064 white-space: nowrap; 5065 text-decoration: none; 5066 transition: background .15s, color .15s; 5067 } 5068 .shop-nav-drop-menu a:hover { background: #f4f8fb; color: #1879a4; } 5069 .nav-toggle { 5070 display: none; 5071 align-items: center; 5072 gap: .5rem; 5073 background: rgba(255, 255, 255, .1); 5074 border: 1px solid rgba(255, 255, 255, .25); 5075 border-radius: .5rem; 5076 cursor: pointer; 5077 padding: .5rem .75rem; 5078 font: 600 .875rem 'Poppins', sans-serif; 5079 color: #fff; 5080 } 5081 .nav-toggle svg { width: 20px; height: 20px; fill: currentColor; } 5082 5083 .ss-nav-search { position: relative; display: flex; align-items: center; } 5084 .ss-nav-search-toggle { 5085 display: inline-flex; align-items: center; justify-content: center; 5086 width: 2.125rem; height: 2.125rem; padding: 0; 5087 background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25); 5088 border-radius: .375rem; color: #fff; cursor: pointer; 5089 } 5090 .ss-nav-search-toggle:hover, .ss-nav-search-toggle:focus-visible { 5091 background: rgba(255,255,255,.18); border-color: var(--highlight); outline: none; 5092 } 5093 .ss-nav-search-panel { 5094 position: absolute; top: calc(100% + .45rem); right: 0; 5095 width: min(22rem, calc(100vw - 2rem)); 5096 opacity: 0; visibility: hidden; pointer-events: none; 5097 transition: opacity .2s ease, visibility .2s ease, transform .2s ease; 5098 transform: translateY(-4px); z-index: 1300; 5099 } 5100 .ss-nav-search-panel.active { 5101 opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); 5102 } 5103 .ss-nav-search-form { 5104 display: flex; margin: 0; padding: .35rem; 5105 background: rgba(24, 121, 164, .92); border-radius: .375rem; 5106 box-shadow: 0 10px 28px rgba(15, 45, 61, .22); 5107 } 5108 .ss-nav-search-form input[name="q"] { 5109 flex: 1 1 auto; min-width: 0; width: 100%; 5110 padding: .65rem .85rem; border: none; border-radius: .25rem; 5111 font: 400 .875rem 'Poppins', sans-serif; color: #1a2332; background: #fff; 5112 } 5113 .ss-nav-search-form input[name="q"]:focus { outline: 2px solid var(--highlight); outline-offset: 0; } 5114/* Contact flyout â tab left of form, slides out attached (Bytestock-style) */ 5115 .contact-flyout { 5116 --contact-tab-w: 2.875rem; 5117 --contact-panel-w: 24rem; 5118 position: fixed; right: 0; top: 50%; 5119 transform: translateY(-50%); 5120 z-index: 900; 5121 display: flex; flex-direction: row; align-items: center; 5122 pointer-events: none; 5123 } 5124 .contact-flyout-panel, 5125 .contact-flyout-tab { pointer-events: auto; } 5126 .contact-flyout-tab { 5127 order: 1; 5128 width: var(--contact-tab-w); flex-shrink: 0; border: none; cursor: pointer; 5129 background: #c8dde8; color: #1a2332; 5130 border-radius: 16px 0 0 16px; 5131 padding: .85rem .4rem .95rem; 5132 display: flex; flex-direction: column; align-items: center; justify-content: space-between; 5133 height: 9.75rem; 5134 box-shadow: -4px 4px 16px rgba(0,0,0,.1); 5135 transition: background .15s, transform .45s cubic-bezier(.4,0,.2,1); 5136 z-index: 2; 5137 } 5138 .contact-flyout.is-open .contact-flyout-tab { 5139 box-shadow: none; 5140 } 5141 .contact-flyout-panel { 5142 order: 2; 5143 width: 0; min-width: 0; flex-shrink: 0; 5144 max-width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem)); 5145 max-height: min(42rem, calc(100vh - 2rem)); 5146 overflow: hidden; 5147 background: #fff; 5148 border-radius: 0; 5149 opacity: 0; 5150 box-shadow: none; 5151 transition: 5152 width .45s cubic-bezier(.4,0,.2,1) .12s, 5153 opacity .32s ease .16s, 5154 box-shadow .45s ease .12s; 5155 } 5156 .contact-flyout.is-open .contact-flyout-panel { 5157 width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem)); 5158 overflow-x: hidden; 5159 overflow-y: auto; 5160 opacity: 1; 5161 box-shadow: 10px 8px 40px rgba(0,0,0,.12); 5162 } 5163 .contact-flyout-panel-inner { 5164 width: min(var(--contact-panel-w), calc(100vw - var(--contact-tab-w) - 1rem)); 5165 padding: 1.25rem 1.25rem 1rem; 5166 box-sizing: border-box; 5167 } 5168 .contact-flyout-hs-form { width: 100%; min-height: 18rem; overflow: hidden; } 5169 .contact-flyout-hs-form .hs-form-frame, 5170 .contact-flyout-hs-form .contact-flyout-hs-iframe, 5171 .contact-flyout-hs-form iframe { 5172 display: block !important; 5173 width: calc(100% + 4px) !important; 5174 min-height: 572.8px !important; 5175 height: 572.8px !important; 5176 max-height: none !important; 5177 margin: -2px 0 0 -2px !important; 5178 visibility: visible !important; 5179 opacity: 1 !important; 5180 position: static !important; 5181 pointer-events: auto !important; 5182 border: 0 !important; 5183 outline: none !important; 5184 box-shadow: none !important; 5185 background: transparent !important; 5186 }
5187 .contact-flyout:not(.is-open) .contact-flyout-panel { 5188 transition: 5189 width .3s cubic-bezier(.4,0,.2,1), 5190 opacity .18s ease, 5191 box-shadow .3s ease; 5192 } 5193 .contact-flyout-tab:hover, 5194 .contact-flyout-tab:focus-visible { background: #b3d0e0; outline: none; } 5195 .contact-flyout-tab-text { 5196 writing-mode: vertical-rl; text-orientation: mixed; 5197 transform: rotate(180deg); 5198 font: 600 .9375rem 'Poppins', sans-serif; letter-spacing: .01em; 5199 white-space: nowrap; line-height: 1; 5200 } 5201 .contact-flyout-tab-chevron { 5202 display: inline-flex; align-items: center; justify-content: center; 5203 color: #1a2332; transition: transform .4s ease; 5204 } 5205 .contact-flyout-tab-chevron svg { width: .75rem; height: .75rem; fill: currentColor; } 5206 .contact-flyout.is-open .contact-flyout-tab-chevron { transform: rotate(180deg); } 5207 .contact-flyout-note { 5208 font-size: .8125rem; color: var(--text); line-height: 1.55; margin-top: .85rem; 5209 padding-top: .85rem; border-top: 1px solid #c5d4de; 5210 font-weight: 500; 5211 } 5212 .contact-flyout-note a { 5213 color: var(--primary); font-weight: 700; text-decoration: none; 5214 } 5215 .contact-flyout-note a:hover { text-decoration: underline; color: var(--accent); } 5216 @media (max-width: 640px) { 5217 .contact-flyout { 5218 top: auto; bottom: 1rem; 5219 transform: none; 5220 } 5221 .contact-flyout-panel { max-height: calc(100vh - 5rem); } 5222 .contact-flyout-panel-inner { padding: 1.5rem 1.25rem; } 5223 } 5224 @media (prefers-reduced-motion: reduce) { 5225 .contact-flyout-panel, 5226 .contact-flyout-tab, 5227 .contact-flyout-tab-chevron { transition: none; } 5228 } 5229 5230 5231 5232/* Nav size lock - synced from v14 snippets/ss-modern-global.liquid + serversource-modern.css @ 18px root. 5233 MUST load after page CSS. Live theme: html.ss-modern-html { font-size: 18px }. */ 5234html, 5235html.ss-modern-html, 5236html.ss-static-html { 5237 font-size: 18px !important; 5238 -webkit-text-size-adjust: 100% !important; 5239} 5240 5241.site-header.ss-modern-header-wrap, 5242.ss-modern-header-wrap { 5243 position: -webkit-sticky; 5244 position: sticky !important; 5245 top: 0 !important; 5246 z-index: 10001 !important; 5247 font-size: 18px !important; 5248 -webkit-text-size-adjust: 100% !important; 5249 width: 100% !important; 5250 max-width: none !important; 5251 margin: 0 !important; 5252 padding: 0 !important; 5253} 5254 5255.ss-modern-header-wrap .shop-nav-logo img { 5256 height: 40px !important; 5257 width: 40px !important; 5258 min-height: 40px !important; 5259 min-width: 40px !important; 5260 object-fit: cover !important; 5261 border-radius: 6px !important; 5262} 5263 5264.ss-modern-header-wrap .shop-nav-logo-text { 5265 font-size: 1.12rem !important; 5266 font-weight: 800 !important; 5267 line-height: 1.1 !important; 5268 letter-spacing: -0.01em !important; 5269} 5270 5271.ss-modern-header-wrap .top-bar-social svg { 5272 width: 0.9375rem !important; 5273 height: 0.9375rem !important; 5274 max-width: 0.9375rem !important; 5275 max-height: 0.9375rem !important; 5276 fill: currentColor !important; 5277} 5278 5279@media (min-width: 1101px) { 5280 .ss-modern-header-wrap .nav-toggle { 5281 display: none !important; 5282 } 5283 .ss-modern-header-wrap .shop-nav-links { 5284 position: static !important; 5285 transform: none !important; 5286 width: auto !important; 5287 height: auto !important; 5288 background: transparent !important; 5289 box-shadow: none !important; 5290 border: none !important; 5291 overflow: visible !important; 5292 } 5293} 5294 5295/* Loaded after page content â protects theme header from pasted page CSS (e.g. warranty HTML). */ 5296 .ss-modern-header-wrap .top-bar { 5297 display: block !important; 5298 padding: 0 !important; 5299 margin: 0 !important; 5300 background: #eef2f6 !important; 5301 border-bottom: 1px solid #e2e8f0 !important; 5302 overflow: visible !important; 5303 } 5304 .ss-modern-header-wrap .top-bar-inner { 5305 display: flex !important; 5306 flex-direction: row !important; 5307 align-items: center !important; 5308 justify-content: space-between !important; 5309 flex-wrap: wrap !important; 5310 gap: 0.75rem 1.25rem !important; 5311 padding: 0.45rem 0 !important; 5312 width: min(100% - 2rem, 1280px) !important; 5313 max-width: 1280px !important; 5314 margin-inline: auto !important; 5315 font-family: 'Poppins', sans-serif !important; 5316 font-size: 0.8125rem !important; 5317 font-weight: 500 !important; 5318 line-height: 1.6 !important; 5319 min-height: 0 !important; 5320 } 5321 .ss-modern-header-wrap .top-bar-contact, 5322 .ss-modern-header-wrap .top-bar-right { 5323 display: flex !important;
5324 align-items: center !important; 5325 flex-wrap: wrap !important; 5326 gap: 0.5rem 0.85rem !important; 5327 } 5328 .ss-modern-header-wrap .top-bar a { 5329 color: #1f485e !important; 5330 text-decoration: none !important; 5331 font-family: 'Poppins', sans-serif !important; 5332 font-size: 0.8125rem !important; 5333 font-weight: 500 !important; 5334 line-height: 1.6 !important; 5335 vertical-align: middle !important; 5336 } 5337 .ss-modern-header-wrap .top-bar-sep { 5338 color: #b8c5d0 !important; 5339 line-height: 1.6 !important; 5340 vertical-align: middle !important; 5341 } 5342 .ss-modern-header-wrap .top-bar-social { 5343 display: inline-flex !important; 5344 align-items: center !important; 5345 gap: 0.35rem !important; 5346 } 5347 .ss-modern-header-wrap .top-bar-social a { 5348 display: inline-flex !important; 5349 align-items: center !important; 5350 justify-content: center !important; 5351 width: 1.75rem !important; 5352 height: 1.75rem !important; 5353 padding: 0 !important; 5354 margin: 0 !important; 5355 border: none !important; 5356 line-height: 1 !important; 5357 vertical-align: middle !important; 5358 } 5359 .ss-modern-header-wrap .top-bar-note { 5360 line-height: 1.6 !important; 5361 vertical-align: middle !important; 5362 } 5363 .ss-modern-header-wrap .wrap { 5364 width: min(100% - 2rem, 1280px) !important; 5365 max-width: 1280px !important; 5366 margin-inline: auto !important; 5367 } 5368 @media (min-width: 641px) { 5369 .ss-modern-header-wrap .top-bar-inner { 5370 flex-direction: row !important; 5371 align-items: center !important; 5372 } 5373 } 5374 @media (max-width: 640px) { 5375 .ss-modern-header-wrap .top-bar-inner { 5376 flex-direction: row !important; 5377 align-items: center !important; 5378 flex-wrap: nowrap !important; 5379 padding: 0.3rem 0 !important; 5380 gap: 0.35rem !important; 5381 } 5382 /* V10 layout: contact on left, social icons at right end */ 5383 .ss-modern-header-wrap .top-bar-right { 5384 width: auto !important; 5385 margin-left: auto !important; 5386 justify-content: flex-end !important; 5387 gap: 0.45rem !important; 5388 } 5389 /* Show social icons â hide app-slot, separators, VAT note */ 5390 .ss-modern-header-wrap .top-bar-app-slot, 5391 .ss-modern-header-wrap .top-bar-sep, 5392 .ss-modern-header-wrap .top-bar-note { 5393 display: none !important; 5394 } 5395 .ss-modern-header-wrap .top-bar-social { 5396 display: flex !important; 5397 align-items: center !important; 5398 gap: 0.45rem !important; 5399 } 5400 .ss-modern-header-wrap .top-bar-social a { 5401 display: flex !important; 5402 align-items: center !important; 5403 color: rgba(255, 255, 255, 0.85) !important; 5404 } 5405 .ss-modern-header-wrap .top-bar-social a:hover { 5406 color: #fff !important; 5407 } 5408 .ss-modern-header-wrap .top-bar-social svg { 5409 width: 13px !important; 5410 height: 13px !important; 5411 fill: currentColor !important; 5412 } 5413 .ss-modern-header-wrap .top-bar-contact a { 5414 font-size: 0.7rem !important; 5415 } 5416 } 5417 .ss-modern-header-wrap .shop-nav-row { 5418 display: grid !important; 5419 grid-template-columns: auto 1fr auto !important; 5420 align-items: center !important; 5421 gap: 0.75rem 1rem !important; 5422 padding: 0.55rem 1rem !important; 5423 width: min(100% - 1rem, 1280px) !important; 5424 max-width: 1280px !important; 5425 margin: 0 auto !important; 5426 } 5427 /* Desktop nav layout â only fires at â¥1101px so it never fights the mobile drawer CSS */ 5428 @media (min-width: 1101px) { 5429 .ss-modern-header-wrap .shop-nav-links { 5430 display: flex !important; 5431 align-items: center !important; 5432 justify-content: center !important; 5433 flex-wrap: nowrap !important; 5434 gap: 0.2rem 0.3rem !important; 5435 min-width: 0 !important; 5436 } 5437 .ss-modern-header-wrap .shop-nav-link, 5438 .ss-modern-header-wrap button.shop-nav-link, 5439 .ss-modern-header-wrap a.shop-nav-link:not(.shop-nav-link--store) { 5440 display: inline-flex !important; 5441 align-items: center !important; 5442 justify-content: center !important; 5443 gap: 0.3rem !important; 5444 height: 2.125rem !important; 5445 min-height: 2.125rem !important; 5446 padding: 0 0.55rem !important; 5447 font: 600 0.84rem/1 'Poppins', sans-serif !important; 5448 color: #fff !important; 5449 white-space: nowrap !important; 5450 border: none !important; 5451 border-bottom: 3px solid rgba(255, 255, 255, 0.28) !important; 5452 border-radius: 4px !important; 5453 background: transparent !important; 5454 background-image: none !important; 5455 box-shadow: none !important; 5456 text-decoration: none !important; 5457 text-transform: none !important; 5458 letter-spacing: 0.01em !important; 5459 margin: 0 !important; 5460 flex-shrink: 0 !important; 5461 -webkit-appearance: none !important; 5462 appearance: none !important; 5463 } 5464 .ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store { 5465 display: inline-flex !important; 5466 align-items: center !important; 5467 justify-content: center !important; 5468 gap: 0.3rem !important; 5469 height: 2.125rem !important; 5470 min-height: 2.125rem !important; 5471 padding: 0 0.55rem !important; 5472 font: 600 0.84rem/1 'Poppins', sans-serif !important; 5473 color: #fff !important; 5474 white-space: nowrap !important; 5475 border: none !important; 5476 border-bottom: 3px solid transparent !important; 5477 border-radius: 0.375rem !important; 5478 background: #00a8e1 !important; 5479 background-image: none !important; 5480 box-shadow: 0 2px 10px rgba(0, 168, 225, 0.35) !important; 5481 text-decoration: none !important; 5482 text-transform: none !important; 5483 letter-spacing: 0.01em !important; 5484 margin: 0 !important; 5485 flex-shrink: 0 !important; 5486 } 5487 .ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):hover, 5488 .ss-modern-header-wrap .shop-nav-link:not(.shop-nav-link--store):focus-visible, 5489 .ss-modern-header-wrap .shop-nav-drop:hover > .shop-nav-link, 5490 .ss-modern-header-wrap .shop-nav-drop.is-open > .shop-nav-link { 5491 background: rgba(255, 255, 255, 0.15) !important; 5492 border-bottom-color: #00a8e1 !important; 5493 color: #fff !important; 5494 } 5495 .ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:hover, 5496 .ss-modern-header-wrap a.shop-nav-link.shop-nav-link--store:focus-visible { 5497 background: #0090c4 !important; 5498 border-bottom-color: transparent !important; 5499 color: #fff !important; 5500 } 5501 } 5502 /* Hide duplicate nav/footer if full HTML was pasted into page body */ 5503 .main-content .site-header, 5504 .main-content .ss-modern-header-wrap, 5505 .main-content #ssStaticFooterRoot { 5506 display: none !important; 5507 } 5508 5509/* Mobile nav drawer - synced from v14 assets/ss-mobile.css (loads after ss-modern-nav-shield.css) */
5510body.nav-menu-open, body.nav-menu-open{ 5511 overflow: hidden; 5512} 5513 5514/* ââ Navigation ââ */ 5515@media (max-width: 1100px) { 5516body .nav-toggle, body .nav-toggle{ 5517 min-height: 2.5rem; 5518 padding: 0.55rem 0.85rem !important; 5519 font-size: 0.8125rem !important; 5520 background: rgba(255, 255, 255, 0.12) !important; 5521 border: 1px solid rgba(255, 255, 255, 0.28) !important; 5522 } 5523 5524body .shop-nav-link--store, body .shop-nav-link--store{ 5525 margin-bottom: 0.15rem; 5526 } 5527} 5528 5529@media (max-width: 749px) { 5530body .top-bar-inner, body .top-bar-inner{ 5531 gap: 0.35rem; 5532 padding: 0.4rem 0 !important; 5533 } 5534 5535 body .top-bar-contact, body .top-bar-contact, body .top-bar-right, body .top-bar-right{ 5536 font-size: 0.72rem; 5537 gap: 0.35rem 0.55rem; 5538 } 5539 5540body .top-bar-note, body .top-bar-note{ 5541 display: none; 5542 } 5543 5544body .shop-nav-logo-est, body .shop-nav-logo-est{ 5545 display: none; 5546 } 5547 5548body .shop-nav-logo-text, body .shop-nav-logo-text{ 5549 font-size: 0.9rem; 5550 } 5551 5552body .shop-nav-row, body .shop-nav-row{ 5553 padding: 0.55rem 0.75rem !important; 5554 } 5555 5556} 5557 5558@media (max-width: 400px) { 5559body .shop-nav-logo-copy, body .shop-nav-logo-copy{ 5560 max-width: 9.5rem; 5561 } 5562 5563body .shop-nav-logo-text, body .shop-nav-logo-text{ 5564 overflow: hidden; 5565 text-overflow: ellipsis; 5566 } 5567} 5568 5569/* ââ Search panel: ensure white background + dark text on mobile ââ */ 5570@media (max-width: 1100px) { 5571body .ss-modern-header-wrap .ss-nav-search, body .ss-modern-header-wrap .ss-nav-search{ 5572 position: relative !important; 5573 } 5574body .ss-modern-header-wrap .ss-nav-search-panel, body .ss-modern-header-wrap .ss-nav-search-panel{ 5575 position: absolute !important; 5576 top: calc(100% + 0.5rem) !important; 5577 right: 0 !important; 5578 left: auto !important; 5579 width: min(22rem, calc(100vw - 1.5rem)) !important; 5580 background: #fff !important; 5581 border-radius: 8px !important; 5582 box-shadow: 0 6px 24px rgba(15, 45, 61, 0.2) !important; 5583 border: 1px solid #e2e8f0 !important; 5584 padding: 0.35rem !important; 5585 z-index: 1300 !important; 5586 } 5587body .ss-modern-header-wrap .ss-nav-search-form, body .ss-modern-header-wrap .ss-nav-search-form{ 5588 background: #fff !important; 5589 border-radius: 6px !important; 5590 box-shadow: none !important; 5591 } 5592 body .ss-modern-header-wrap .ss-nav-search-form input[name="q"], 5593body .ss-modern-header-wrap .ss-nav-search-form .form-control, body .ss-modern-header-wrap .ss-nav-search-form .form-control{ 5594 color: #1a2332 !important; 5595 background: #fff !important; 5596 -webkit-text-fill-color: #1a2332 !important; 5597 font-size: 0.9rem !important; 5598 padding: 0.6rem 0.85rem !important; 5599 border: none !important; 5600 width: 100% !important; 5601 caret-color: #1879a4 !important; 5602 } 5603body .ss-modern-header-wrap .ss-nav-search-form input[name="q"]::placeholder, body .ss-modern-header-wrap .ss-nav-search-form input[name="q"]::placeholder{ 5604 color: #94a3b8 !important; 5605 -webkit-text-fill-color: #94a3b8 !important; 5606 opacity: 1 !important; 5607 } 5608} 5609 5610/* Nav footer and close btn: ALWAYS hidden â only shown inside the mobile drawer via the media query below */ 5611body .ss-modern-header-wrap .shop-nav-footer, body .ss-modern-header-wrap .shop-nav-footer, body .ss-modern-header-wrap .nav-close-btn, body .ss-modern-header-wrap .nav-close-btn{ 5612 display: none !important; 5613} 5614 5615/* Backdrop overlay div (added by JS to body, not ::after â avoids stacking context issues) */ 5616body .ss-nav-backdrop, body .ss-nav-backdrop{ 5617 display: none; 5618 position: fixed; 5619 inset: 0; 5620 background: rgba(10, 20, 35, 0.52); 5621 z-index: 1099; 5622 border: none; 5623 padding: 0; 5624 margin: 0; 5625 cursor: default; 5626 -webkit-tap-highlight-color: transparent; 5627} 5628body .ss-nav-backdrop.is-active, body .ss-nav-backdrop.is-active, body.nav-menu-open .ss-nav-backdrop, body.nav-menu-open .ss-nav-backdrop{ 5629 display: block; 5630} 5631 5632/* ââ Mobile nav drawer (â¤1100px) ââ */ 5633@media (max-width: 1100px) { 5634 /* 2-col grid: logo | nav-right; links are now a fixed-position drawer */ 5635body .ss-modern-header-wrap .shop-nav-row, body .ss-modern-header-wrap .shop-nav-row{ 5636 grid-template-columns: auto auto !important; 5637 } 5638 5639 /* Drawer: always in DOM, slides off-screen to the right when closed */ 5640body .ss-modern-header-wrap .shop-nav-links, body .ss-modern-header-wrap .shop-nav-links{ 5641 display: flex !important; 5642 flex-direction: column !important; 5643 flex-wrap: nowrap !important; 5644 justify-content: flex-start !important;
5645 align-items: stretch !important; 5646 gap: 0 !important; 5647 position: fixed !important; 5648 top: 0 !important; 5649 right: 0 !important; 5650 bottom: 0 !important; 5651 left: auto !important; 5652 width: min(320px, 88vw) !important; 5653 height: 100dvh !important; 5654 background: #fff !important; 5655 z-index: 1100 !important; 5656 overflow-y: auto !important; 5657 overflow-x: hidden !important; 5658 padding: 0 !important; 5659 transform: translateX(110%) !important; 5660 transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important; 5661 box-shadow: -6px 0 32px rgba(0, 0, 0, 0.18) !important; 5662 border-left: 1px solid #e2e8f0 !important; 5663 } 5664body .ss-modern-header-wrap .shop-nav-links.is-open, body .ss-modern-header-wrap .shop-nav-links.is-open{ 5665 transform: translateX(0) !important; 5666 } 5667 5668 /* Close button â pinned to very top of drawer, above Online Store */ 5669body .ss-modern-header-wrap .nav-close-btn, body .ss-modern-header-wrap .nav-close-btn{ 5670 order: -10 !important; 5671 display: flex !important; 5672 align-items: center !important; 5673 gap: 0.5rem !important; 5674 width: 100% !important; 5675 padding: 1rem 1.25rem 0.85rem !important; 5676 font: 600 0.875rem/1 'Poppins', sans-serif !important; 5677 color: #1f485e !important; 5678 background: #f4f8fb !important; 5679 border: none !important; 5680 border-bottom: 2px solid #e2e8f0 !important; 5681 cursor: pointer !important; 5682 text-align: left !important; 5683 -webkit-appearance: none !important; 5684 appearance: none !important; 5685 } 5686body .ss-modern-header-wrap .nav-close-btn:hover, body .ss-modern-header-wrap .nav-close-btn:hover{ 5687 color: #1879a4 !important; 5688 background: #eaf3f8 !important; 5689 } 5690 5691 /* "Online Store" CTA â first item, full-width teal button */ 5692body .ss-modern-header-wrap .shop-nav-links a.shop-nav-link--store, body .ss-modern-header-wrap .shop-nav-links a.shop-nav-link--store{ 5693 order: -1 !important; 5694 display: flex !important; 5695 width: calc(100% - 2rem) !important; 5696 margin: 1rem 1rem 0.35rem !important; 5697 padding: 0.8rem 1.25rem !important; 5698 background: #1f485e !important; 5699 color: #fff !important; 5700 border: none !important; 5701 border-radius: 8px !important; 5702 font-size: 0.9375rem !important; 5703 font-weight: 600 !important; 5704 box-shadow: 0 2px 10px rgba(31, 72, 94, 0.22) !important; 5705 height: auto !important; 5706 min-height: 0 !important; 5707 /* Centre text within this button only */ 5708 justify-content: center !important; 5709 align-items: center !important; 5710 text-align: center !important; 5711 } 5712body .ss-modern-header-wrap .shop-nav-links a.shop-nav-link--store:hover, body .ss-modern-header-wrap .shop-nav-links a.shop-nav-link--store:hover{ 5713 background: #035e7f !important; 5714 } 5715 5716 /* 5717 * All other nav links â use .shop-nav-links.is-open for extra specificity so we 5718 * beat the `justify-content: center !important` in the ss-header-shield <style> block 5719 * which loads inline after this stylesheet. 5720 */ 5721 body .ss-modern-header-wrap .shop-nav-links.is-open .shop-nav-link:not(.shop-nav-link--store), 5722 body .ss-modern-header-wrap .shop-nav-links.is-open button.shop-nav-link, 5723 /* Also target closed state so items are correct as drawer slides in */ 5724 body .ss-modern-header-wrap .shop-nav-links .shop-nav-link:not(.shop-nav-link--store), 5725body .ss-modern-header-wrap .shop-nav-links button.shop-nav-link, body .ss-modern-header-wrap .shop-nav-links button.shop-nav-link{ 5726 display: flex !important; 5727 align-items: center !important; 5728 justify-content: flex-start !important; 5729 text-align: left !important; 5730 width: 100% !important; 5731 padding: 0.9rem 1.25rem !important; 5732 color: #1f485e !important; 5733 font-size: 0.9375rem !important; 5734 font-weight: 600 !important; 5735 background: transparent !important; 5736 border: none !important; 5737 border-bottom: 1px solid #f0f4f8 !important; 5738 border-radius: 0 !important; 5739 height: auto !important; 5740 min-height: 0 !important; 5741 letter-spacing: 0 !important; 5742 } 5743 body .ss-modern-header-wrap .shop-nav-links .shop-nav-link:not(.shop-nav-link--store):hover, 5744body .ss-modern-header-wrap .shop-nav-links button.shop-nav-link:hover, body .ss-modern-header-wrap .shop-nav-links button.shop-nav-link:hover{ 5745 background: #f4f8fb !important; 5746 color: #1879a4 !important; 5747 border-bottom-color: #f0f4f8 !important; 5748 } 5749 5750 /* Chevron pushed to right on dropdown triggers */ 5751body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop > .shop-nav-link .shop-nav-chevron, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop > .shop-nav-link .shop-nav-chevron{ 5752 margin-left: auto !important; 5753 } 5754 5755 /* Dropdown submenus: static, light tint */ 5756body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop:not(.is-open) .shop-nav-drop-menu, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop:not(.is-open) .shop-nav-drop-menu{ 5757 display: none !important; 5758 } 5759body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop.is-open .shop-nav-drop-menu, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop.is-open .shop-nav-drop-menu{ 5760 display: block !important; 5761 position: static !important; 5762 box-shadow: none !important; 5763 border: none !important; 5764 border-top: 1px solid #e8eef3 !important; 5765 border-bottom: 1px solid #e8eef3 !important; 5766 background: #f4f8fb !important; 5767 border-radius: 0 !important; 5768 margin: 0 !important; 5769 padding: 0.2rem 0 !important; 5770 } 5771body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a{ 5772 display: block !important; 5773 color: #1f485e !important; 5774 padding: 0.65rem 1.75rem !important; 5775 font-size: 0.875rem !important; 5776 font-weight: 500 !important; 5777 border-bottom: 1px solid #edf1f5 !important; 5778 background: transparent !important; 5779 width: 100% !important; 5780 text-align: left !important; 5781 justify-content: flex-start !important; 5782 } 5783body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a:last-child, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a:last-child{ 5784 border-bottom: none !important; 5785 } 5786body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a:hover, body .ss-modern-header-wrap .shop-nav-links .shop-nav-drop-menu a:hover{ 5787 background: #e3f2f9 !important; 5788 color: #1879a4 !important; 5789 } 5790 5791 /* Phone footer â shown only inside the drawer */ 5792body .ss-modern-header-wrap .shop-nav-footer, body .ss-modern-header-wrap .shop-nav-footer{ 5793 display: block !important; 5794 margin-top: auto !important; 5795 padding: 1.15rem 1.25rem !important; 5796 border-top: 1px solid #e2e8f0 !important; 5797 text-align: center !important; 5798 } 5799body .ss-modern-header-wrap .shop-nav-footer a, body .ss-modern-header-wrap .shop-nav-footer a{ 5800 font-family: 'Poppins', sans-serif !important; 5801 font-size: 0.9375rem !important; 5802 font-weight: 700 !important; 5803 color: #1879a4 !important; 5804 text-decoration: none !important; 5805 } 5806body .ss-modern-header-wrap .shop-nav-footer a:hover, body .ss-modern-header-wrap .shop-nav-footer a:hover{ 5807 text-decoration: underline !important; 5808 } 5809} 5810 5811@media (max-width: 1100px) { 5812 body .ss-modern-header-wrap .nav-toggle, 5813 body .ss-modern-header-wrap .nav-toggle { 5814 display: inline-flex !important; 5815 } 5816} 5817</style> 5818<div class="site-header ss-modern-header-wrap">
5819 <div class="top-bar"> 5820 <div class="wrap top-bar-inner"> 5821 <div class="top-bar-contact"> 5822 <a href="tel:01536274950">01536 274 950</a> 5823 <span class="top-bar-sep" aria-hidden="true">|</span> 5824 <a href="mailto:[email protected]">[email protected]</a> 5825 </div> 5826 <div class="top-bar-right"> 5827 <div class="top-bar-app-slot" id="ssTopBarApps" aria-label="Store preferences"></div> 5828 <div class="top-bar-social" aria-label="Follow ServerSource"> 5829 <a href="https://www.linkedin.com/company/serversource/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"> 5830 <svg viewbox="0 0 448 512" aria-hidden="true"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg> 5831 </a> 5832 <a href="https://twitter.com/serversource" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)"> 5833 <svg viewbox="0 0 512 512" aria-hidden="true"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg> 5834 </a> 5835 </div> 5836 <span class="top-bar-sep" aria-hidden="true">|</span> 5837 <span class="top-bar-note">All Prices ex VAT</span> 5838 </div> 5839 </div> 5840 </div> 5841 5842 <header class="shop-nav"> 5843 <div class="shop-nav-row"> 5844 <a href="https://www.serversource.co.uk/" class="shop-nav-logo" aria-label="ServerSource home, established 1996"> 5845 <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/logo-ServerSource-sq.jpg?v=1686233809" alt=""> 5846 <span class="shop-nav-logo-copy"> 5847 <span class="shop-nav-logo-text"><span class="logo-server">Server</span><span class="logo-source">Source</span></span> 5848 <span class="shop-nav-logo-est"><span class="shop-nav-logo-est-label">EST.</span><span class="shop-nav-logo-year">1996</span></span> 5849 </span> 5850 </a> 5851 5852 <nav class="shop-nav-links" id="mainNav" aria-label="Main navigation"> 5853 <button type="button" class="nav-close-btn" id="navCloseBtn" aria-label="Close menu"> 5854 <svg viewbox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12"></path></svg> 5855 Close 5856 </button> 5857<a href="https://shop.serversource.eu/configure/" class="shop-nav-link shop-nav-link--store">Online Store</a> 5858 5859 <div class="shop-nav-drop"> 5860 <button type="button" class="shop-nav-link" aria-expanded="false">Our Services 5861 <svg class="shop-nav-chevron" viewbox="0 0 9 9" width="9" height="9" aria-hidden="true" focusable="false"><path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z" fill="currentColor"></path></svg> 5862 </button> 5863 <div class="shop-nav-drop-menu"> 5864 <a href="https://www.serversource.co.uk/pages/rack-and-stack-professional-deploy">ServerSource Deploy</a> 5865 <a href="https://www.serversource.co.uk/pages/p-e-r-c-poweredge-raid-controller-calculator">Raid Calculator</a> 5866 <a href="https://www.serversource.co.uk/pages/sell-to-serversource">Sell to Us</a> 5867 <a href="https://www.serversource.co.uk/pages/serversource-referral-rewards">Referral Rewards</a> 5868 </div> 5869 </div> 5870 5871 <div class="shop-nav-drop"> 5872 <button type="button" class="shop-nav-link" aria-expanded="false">Infrastructure 5873 <svg class="shop-nav-chevron" viewbox="0 0 9 9" width="9" height="9" aria-hidden="true" focusable="false"><path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z" fill="currentColor"></path></svg> 5874 </button> 5875 <div class="shop-nav-drop-menu"> 5876 <a href="https://www.serversource.co.uk/collections/dell-deals">Dell Deals</a> 5877 <a href="https://www.serversource.co.uk/collections/dell-servers">Dell Servers</a> 5878 <a href="https://www.serversource.co.uk/collections/dell-storage">Dell Storage</a> 5879 </div> 5880 </div> 5881 5882 <div class="shop-nav-drop"> 5883 <button type="button" class="shop-nav-link" aria-expanded="false">Warranty Services 5884 <svg class="shop-nav-chevron" viewbox="0 0 9 9" width="9" height="9" aria-hidden="true" focusable="false">
5884<path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z" fill="currentColor"></path></svg> 5885 </button> 5886 <div class="shop-nav-drop-menu"> 5887 <a href="https://www.serversource.co.uk/pages/warranty">Warranty Renewal Quote</a> 5888 <a href="https://www.serversource.co.uk/pages/warranty-registration">Register Your Warranty</a> 5889 </div> 5890 </div> 5891 5892 <div class="shop-nav-drop"> 5893 <button type="button" class="shop-nav-link" aria-expanded="false">Information 5894 <svg class="shop-nav-chevron" viewbox="0 0 9 9" width="9" height="9" aria-hidden="true" focusable="false"><path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z" fill="currentColor"></path></svg> 5895 </button> 5896 <div class="shop-nav-drop-menu"> 5897 <a href="https://www.serversource.co.uk/pages/contact">Contact ServerSource</a> 5898 <a href="https://www.serversource.co.uk/pages/about-us">About Us</a> 5899 <a href="https://www.serversource.co.uk/pages/faq">ServerSource FAQ</a> 5900 <a href="https://www.serversource.co.uk/pages/shipping-information-for-eu-eea-member-states">Duties for International Clients</a> 5901 </div> 5902 </div> 5903 5904 <a href="https://www.serversource.co.uk/pages/dell-enterprise-quote-page" class="shop-nav-link">Price Challenge Us</a> 5905 <a href="https://www.serversource.co.uk/blogs/news" class="shop-nav-link">News</a> 5906 <div class="shop-nav-footer"> 5907 <a href="tel:01536274950">Call 01536 274 950</a> 5908 </div> 5909</nav> 5910 5911 <div class="shop-nav-right"> 5912 <div class="ss-nav-search" id="ssNavSearch"> 5913 <button type="button" class="ss-nav-search-toggle search-toggle" id="ssNavSearchToggle" aria-label="Search products" aria-expanded="false" aria-controls="ssNavSearchPanel"> 5914 <svg viewbox="0 0 512 512" width="18" height="18" aria-hidden="true">
5914<path d="M484.1,454.796l-110.5-110.6c29.8-36.3,47.6-82.8,47.6-133.4c0-116.3-94.3-210.6-210.6-210.6S0,94.496,0,210.796 s94.3,210.6,210.6,210.6c50.8,0,97.4-18,133.8-48l110.5,110.5c12.9,11.8,25,4.2,29.2,0C492.5,475.596,492.5,463.096,484.1,454.796z M41.1,210.796c0-93.6,75.9-169.5,169.5-169.5s169.6,75.9,169.6,169.5s-75.9,169.5-169.5,169.5S41.1,304.396,41.1,210.796z" fill="currentColor"></path></svg> 5915 </button> 5916 <div class="ss-nav-search-panel search-box-wrapper" id="ssNavSearchPanel" aria-hidden="true"> 5917 <form action="https://www.serversource.co.uk/search" method="get" role="search" class="ss-nav-search-form"> 5918 <input class="form-control" name="q" type="search" placeholder="Search productsâ¦" aria-label="Search products" autocomplete="off"> 5919 <input type="hidden" name="type" value="product"> 5920 </form> 5921 </div> 5922 </div> 5923 <button class="nav-toggle" id="navToggle" aria-label="Menu" aria-expanded="false"> 5924 Menu 5925 <svg viewbox="0 0 24 24" aria-hidden="true"><path d="M3 6h18v2H3V6zm0 5h18v2H3v-2zm0 5h18v2H3v-2z"></path></svg> 5926 </button> 5927 </div> 5928 </div> 5929 </header> 5930</div> 5931 5932<aside class="contact-flyout" id="contactFlyout" aria-label="Contact us"> 5933 <button type="button" class="contact-flyout-tab" id="contactFlyoutTrigger" aria-expanded="false" aria-controls="contactFlyoutPanel"> 5934 <span class="contact-flyout-tab-chevron" aria-hidden="true"> 5935 <svg viewbox="0 0 320 512"><path d="M47.1 239c-9.4 9.4-9.4 24.6 0 33.9l143 143c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L97.9 256 224 129.9c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L47.1 239z"></path></svg> 5936 </span> 5937 <span class="contact-flyout-tab-text">Contact Us</span> 5938 </button> 5939 <div class="contact-flyout-panel" id="contactFlyoutPanel" role="dialog" aria-modal="true" aria-label="Contact us" aria-hidden="true"> 5940 <div class="contact-flyout-panel-inner"> 5941 <div class="contact-flyout-hs-form" id="contactFlyoutHsForm"> 5942 <div class="hs-form-frame" data-region="na1" data-form-id="ada7b0ee-d8fc-46d7-912d-be93a02e9187" data-portal-id="20213111"></div> 5943 </div> 5944 <p class="contact-flyout-note">Or call <a href="tel:01536274950">01536 274 950</a> · Mon to Fri</p> 5945 </div> 5946 </div> 5947</aside>
5948<script src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/ss-hubspot-phone-gb.js?v=7"></script>
vendor: 1 bytes, line 5948
5948
5949<script src="https://js.hsforms.net/forms/embed/20213111.js" defer></script>
5949 5950
5951<script> 5952 (function () { 5953 var searchWrap = document.getElementById('ssNavSearch'); 5954 var searchToggle = document.getElementById('ssNavSearchToggle'); 5955 var searchPanel = document.getElementById('ssNavSearchPanel'); 5956 if (searchWrap && searchToggle && searchPanel) { 5957 function focusSearchInput() { 5958 var input = document.getElementById('boost-pfs-search-box-1') || searchPanel.querySelector('input[name="q"]'); 5959 if (input) window.setTimeout(function () { input.focus(); }, 60); 5960 } 5961 function positionSearchPanel() { 5962 var r = searchToggle.getBoundingClientRect(); 5963 searchPanel.style.setProperty('position', 'fixed', 'important'); 5964 searchPanel.style.setProperty('top', (r.bottom + 8) + 'px', 'important'); 5965 searchPanel.style.setProperty('right', Math.max(8, window.innerWidth - r.right) + 'px', 'important'); 5966 searchPanel.style.setProperty('left', 'auto', 'important'); 5967 } 5968 function setSearchOpen(open) { 5969 if (open) positionSearchPanel(); 5970 searchPanel.classList.toggle('active', open); 5971 searchToggle.setAttribute('aria-expanded', open ? 'true' : 'false'); 5972 searchPanel.setAttribute('aria-hidden', open ? 'false' : 'true'); 5973 if (open) focusSearchInput(); 5974 } 5975 window.addEventListener('resize', function () { 5976 if (searchPanel.classList.contains('active')) positionSearchPanel(); 5977 }); 5978 searchToggle.addEventListener('click', function (e) { 5979 e.preventDefault(); 5980 setSearchOpen(!searchPanel.classList.contains('active')); 5981 }); 5982 document.addEventListener('click', function (e) { 5983 if (!searchPanel.classList.contains('active')) return; 5984 if (searchWrap.contains(e.target)) return; 5985 setSearchOpen(false); 5986 }); 5987 document.addEventListener('keydown', function (e) { 5988 if (e.key === 'Escape' && searchPanel.classList.contains('active')) setSearchOpen(false); 5989 }); 5990 } 5991 })(); 5992 (function () { 5993 var mainNav = document.getElementById('mainNav'); 5994 if (!mainNav) return; 5995 var navToggle = document.getElementById('navToggle'); 5996 5997 var menuIcon = '<svg viewBox="0 0 24 24" aria-hidden="true" width="20" height="20" fill="currentColor"><path d="M3 6h18v2H3V6zm0 5h18v2H3v-2zm0 5h18v2H3v-2z"/></svg>'; 5998 var closeIcon = '<svg viewBox="0 0 24 24" aria-hidden="true" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg>'; 5999 6000 var navBackdrop = document.createElement('div'); 6001 navBackdrop.className = 'ss-nav-backdrop'; 6002 navBackdrop.setAttribute('aria-hidden', 'true'); 6003 document.body.appendChild(navBackdrop); 6004 6005 function setNavOpen(open) { 6006 mainNav.classList.toggle('is-open', open); 6007 if (navToggle) { 6008 navToggle.setAttribute('aria-expanded', open ? 'true' : 'false'); 6009 navToggle.setAttribute('aria-label', open ? 'Close menu' : 'Menu'); 6010 navToggle.innerHTML = open ? ('Close ' + closeIcon) : ('Menu ' + menuIcon); 6011 } 6012 document.body.classList.toggle('nav-menu-open', open); 6013 navBackdrop.classList.toggle('is-active', open); 6014 document.body.style.overflow = open ? 'hidden' : ''; 6015 } 6016 6017 navBackdrop.addEventListener('click', function () { setNavOpen(false); }); 6018 6019 // Delegated on document so the very first tap always registers, regardless of 6020 // when Shopify finishes rendering / re-rendering the pasted nav markup. 6021 document.addEventListener('click', function (e) { 6022 var el = e.target.closest ? e.target : null; 6023 if (el && el.closest('#navToggle')) { 6024 e.preventDefault(); 6025 setNavOpen(!mainNav.classList.contains('is-open')); 6026 return; 6027 } 6028 if (el && el.closest('#navCloseBtn')) { 6029 setNavOpen(false); 6030 return; 6031 } 6032 var dropBtn = el && el.closest('.shop-nav-drop > .shop-nav-link'); 6033 if (dropBtn) { 6034 if (window.innerWidth <= 1100) { 6035 e.preventDefault(); 6036 var drop = dropBtn.parentElement; 6037 var isOpen = drop.classList.toggle('is-open'); 6038 dropBtn.setAttribute('aria-expanded', isOpen); 6039 document.querySelectorAll('.shop-nav-drop').forEach(function (other) { 6040 if (other !== drop) { 6041 other.classList.remove('is-open'); 6042 var ob = other.querySelector('.shop-nav-link'); 6043 if (ob) ob.setAttribute('aria-expanded', 'false'); 6044 } 6045 }); 6046 } 6047 return; 6048 } 6049 if (!mainNav.classList.contains('is-open')) return; 6050 if (mainNav.contains(e.target) || (navToggle && navToggle.contains(e.target))) return; 6051 setNavOpen(false); 6052 }); 6053 6054 document.addEventListener('keydown', function (e) { 6055 if (e.key === 'Escape' && mainNav.classList.contains('is-open')) setNavOpen(false); 6056 }); 6057 6058 window.addEventListener('resize', function () { 6059 if (window.innerWidth > 1100 && mainNav.classList.contains('is-open')) setNavOpen(false); 6060 }); 6061 })(); 6062 6063(function () { 6064 var flyout = document.getElementById('contactFlyout'); 6065 var panel = document.getElementById('contactFlyoutPanel'); 6066 var trigger = document.getElementById('contactFlyoutTrigger'); 6067 if (!flyout || !panel || !trigger) return; 6068 6069 function setOpen(open) {
6070 flyout.classList.toggle('is-open', open); 6071 document.body.classList.toggle('contact-flyout-open', open); 6072 trigger.setAttribute('aria-expanded', open ? 'true' : 'false'); 6073 panel.setAttribute('aria-hidden', open ? 'false' : 'true'); 6074 } 6075 6076 trigger.addEventListener('click', function (e) { 6077 e.preventDefault(); 6078 setOpen(!flyout.classList.contains('is-open')); 6079 }); 6080 document.addEventListener('keydown', function (e) { 6081 if (e.key === 'Escape' && flyout.classList.contains('is-open')) setOpen(false); 6082 }); 6083})(); 6084</script>
6084 6085<main id="ssAboutMain" class="ss-about-page"> 6086 6087 6088 6089 <section class="about-hero"> 6090 6091 <div class="about-content"> 6092 6093 <h1 class="hero-title">About ServerSource</h1> 6094 6095 <p class="hero-subtitle"> 6096 <span class="hero-subtitle__line">Dell Technologies Authorised Partner with three decades of experience</span> 6097 <span class="hero-subtitle__line">delivering enterprise IT solutions across the UK and EU.</span> 6098 </p> 6099 6100 </div> 6101 6102 </section> 6103 6104 6105 6106 <section class="section ss-about-page__story-section"> 6107 6108 <div class="about-content"> 6109 6110 <article class="ss-about-story-box"> 6111 6112 <div class="ss-about-story-box__text"> 6113 6114 <h2 class="ss-about-story-box__title">About ServerSource</h2> 6115 6116 <p>ServerSource was established in 1996 with a simple mission: to provide businesses with enterprise-grade IT equipment at prices that make sense.</p> 6117 6118 <p>We joined Dell's PartnerDirect channel program in 2007 and, after Dell's acquisition of EMC, became part of the expanded <strong>Dell Technologies Partner Program</strong> in 2017 as a <strong>Dell Technologies Authorised Partner</strong>. That gives us direct access to systems and hardware at reduced prices.</p> 6119 6120 <p>Combined with our extensive network of suppliers, we adapt these systems with the exact components you need. The result is a purpose-built system at a fraction of the cost, often 25-50% cheaper than buying directly.</p> 6121 6122 <p>Over the years, we've built lasting relationships with NHS Trusts, schools, universities, web hosting companies, and businesses of every size.</p> 6123 6124 </div> 6125 6126 <div class="ss-about-story-box__visual" aria-hidden="true"> 6127 6128 <div class="ss-about-story-box__visual-track"> 6129 6130 <span class="ss-about-story-box__visual-line"></span> 6131 6132 <div class="ss-about-story-box__visual-node ss-about-story-box__visual-node--logo"> 6133 6134 <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/logo-ServerSource-sq.jpg?v=1686233809" alt="ServerSource"> 6135 6136 </div> 6137 6138 <div class="ss-about-story-box__visual-node ss-about-story-box__visual-node--partner"> 6139 6140 <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/authorised_partner.png?v=1763632025" alt="Dell Technologies Authorised Partner"> 6141 6142 </div> 6143 6144 </div> 6145 6146 </div> 6147 6148 </article> 6149 6150 </div> 6151 6152 </section> 6153 6154 6155 6156 6157 6158 6159 <section class="section ss-about-page__ranges-section"> 6160 6161 <div class="about-content"> 6162 6163 <div class="ss-about-ranges-head"> 6164 6165 <span class="ss-about-ranges-label">Shop our ranges</span> 6166 6167 <h2 class="section-title section-title--center">Servers, Storage & Networking</h2> 6168 6169 <p class="section-subtitle">Browse Dell PowerEdge servers, storage, networking and components from one trusted supplier.</p> 6170 6171 </div> 6172 6173 <div class="ss-about-range-grid"> 6174 6175 <a href="https://shop.serversource.eu/configure/" class="ss-about-range-card"> 6176 6177 <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Servers.png?v=1781261333" alt="Dell Servers" loading="lazy"></div> 6178 6179 <div class="ss-about-range-card__body"> 6180 6181 <h3>Dell Servers</h3> 6182 6183 <p>Rack, tower and blade PowerEdge. Pre configured deals or build your own spec online.</p> 6184 6185 <span class="ss-about-range-card__link">Shop servers â</span> 6186 6187 </div> 6188 6189 </a> 6190 6191 <a href="https://shop.serversource.eu/configure/storage" class="ss-about-range-card"> 6192 6193 <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Storage_46c76d50-1c89-451c-9665-6bd6ec0d3258.png?v=1781261333" alt="Dell Storage" loading="lazy"></div> 6194 6195 <div class="ss-about-range-card__body"> 6196 6197 <h3>Dell Storage</h3> 6198 6199 <p>SAN and DAS arrays including PowerVault ME5024 and MD series.</p> 6200 6201 <span class="ss-about-range-card__link">Shop storage â</span> 6202 6203 </div> 6204 6205 </a> 6206 6207 <a href="https://shop.serversource.eu/configure/networking" class="ss-about-range-card"> 6208 6209 <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Networking.png?v=1781261333" alt="Dell Networking" loading="lazy"></div> 6210 6211 <div class="ss-about-range-card__body"> 6212 6213 <h3>Dell Networking</h3> 6214 6215 <p>Top of rack SFP and RJ45 switches for your data centre.</p> 6216
6217 <span class="ss-about-range-card__link">Shop networking â</span> 6218 6219 </div> 6220 6221 </a> 6222 6223 <a href="https://shop.serversource.eu/configure/software" class="ss-about-range-card"> 6224 6225 <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Software.png?v=1781261333" alt="Server Software" loading="lazy"></div> 6226 6227 <div class="ss-about-range-card__body"> 6228 6229 <h3>Microsoft Server OS</h3> 6230 6231 <p>Windows Server licensing, hardware and software from one supplier.</p> 6232 6233 <span class="ss-about-range-card__link">View software â</span> 6234 6235 </div> 6236 6237 </a> 6238 6239 <div class="ss-about-range-card ss-about-range-card--split"> 6240 6241 <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Parts.png?v=1781261333" alt="Parts and Drives" loading="lazy"></div> 6242 6243 <div class="ss-about-range-card__body"> 6244 6245 <h3>Parts & Drives</h3> 6246 6247 <p>SSDs, HDDs, RAID controllers, BOSS cards and spare components.</p> 6248 6249 <div class="ss-about-range-card__links"> 6250 6251 <a href="https://shop.serversource.eu/configure/parts" class="ss-about-range-card__link">Shop parts â</a> 6252 6253 <a href="https://shop.serversource.eu/configure/drives" class="ss-about-range-card__link">Shop drives â</a> 6254 6255 </div> 6256 6257 </div> 6258 6259 </div> 6260 6261 <a href="https://shop.serversource.eu/configure/workstations" class="ss-about-range-card"> 6262 6263 <div class="ss-about-range-card__img"><img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/Workstations_5f32ede6-9fda-4a76-836c-05753ee64069.png?v=1781261333" alt="Workstations" loading="lazy"></div> 6264 6265 <div class="ss-about-range-card__body"> 6266 6267 <h3>Workstations</h3> 6268 6269 <p>Dell Precision workstations for demanding professional workloads.</p> 6270 6271 <span class="ss-about-range-card__link">Shop workstations â</span> 6272 6273 </div> 6274 6275 </a> 6276 6277 </div> 6278 6279 </div> 6280 6281 </section> 6282 6283 6284 6285 <section class="section section-grey ss-about-page__values-section"> 6286 6287 <div class="about-content"> 6288 6289 <h2 class="section-title section-title--center">Why Choose ServerSource?</h2> 6290 6291 <p class="section-subtitle">Three principles, backed by an official Dell Technologies partnership.</p> 6292 6293 <div class="values-grid"> 6294 6295 <div class="value-card"> 6296 6297 <div class="value-icon"><i class="fas fa-pound-sign" aria-hidden="true"></i></div> 6298 6299 <h3 class="value-title">Competitive Pricing</h3> 6300 6301 <p class="value-desc">As a Dell Authorised Partner with an extensive supplier network, we deliver systems at 25-50% below list price. You get enterprise-grade equipment without the enterprise price tag.</p> 6302 6303 </div> 6304 6305 <div class="value-card"> 6306 6307 <div class="value-icon"><i class="fas fa-cogs" aria-hidden="true"></i></div> 6308 6309 <h3 class="value-title">Build to Order</h3> 6310 6311 <p class="value-desc">Every server is configured to your exact specifications. Choose your processors, memory, storage, RAID, and networking. We build it, test it, and ship it ready to deploy.</p> 6312 6313 </div> 6314 6315 <div class="value-card"> 6316 6317 <div class="value-icon"><i class="fas fa-handshake" aria-hidden="true"></i></div> 6318 6319 <h3 class="value-title">Personal Service</h3> 6320 6321 <p class="value-desc">You'll work with a dedicated account manager who understands your business. We take time to recommend the right solutions, not just the most expensive ones.</p> 6322 6323 </div> 6324 6325 </div> 6326 6327 <div class="ss-about-partner-box"> 6328 <div class="ss-about-partner-box__content"> 6329 <h3 class="ss-about-partner-box__title">Dell Technologies Authorised Partner</h3> 6330 <p>Our partnership gives us access to the full range of PowerEdge servers, PowerVault storage, and Dell networking equipment, including the latest generation systems alongside proven 14th, 15th, and 16th generation platforms.</p> 6331 <p>Whether you need a single tower server or a complete data centre refresh, we provide the same level of expertise and competitive pricing. Our team stays current with Dell's product roadmap so we can advise on the best time to buy and which configurations offer the best value.</p> 6332 </div> 6333 <div class="ss-about-partner-box__media"> 6334 <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/National_Tech_Day_819_x_395_px.png?v=1768212162" alt="Dell Technologies Authorised Partner" loading="lazy"> 6335 </div> 6336 </div> 6337 6338 </div> 6339 6340 </section> 6341 6342 6343 6344 <section class="section section-white"> 6345 6346 <div class="about-content"> 6347 6348 <h2 class="section-title section-title--center section-title--spaced">Visit Us</h2> 6349 6350 <div class="location-grid"> 6351 6352 <div class="location-info"> 6353 6354 <h3 class="location-title">Get in Touch</h3> 6355 6356 <div class="contact-item"> 6357 6358 <div class="contact-icon"><i class="fas fa-map-marker-alt" aria-hidden="true"></i></div> 6359 6360 <div class="contact-details"> 6361 6362 <h4>Address</h4> 6363 6364 <p><a href="https://www.google.com/maps/place/ServerSource/@52.5029472,-0.648386,17z" target="_blank" rel="noopener noreferrer">ServerSource House<br>2 Perth House, Corby Gate Business Park<br>Weldon North Industrial Estate<br>Corby, Northamptonshire NN17 5JG</a></p> 6365 6366 </div> 6367 6368 </div> 6369 6370 <div class="contact-item"> 6371 6372 <div class="contact-icon"><i class="fas fa-phone" aria-hidden="true"></i></div> 6373 6374 <div class="contact-details"> 6375 6376 <h4>Phone</h4> 6377 6378 <p><a href="tel:01536274950">01536 274 950</a></p> 6379 6380 </div> 6381 6382 </div> 6383 6384 <div class="contact-item"> 6385 6386 <div class="contact-icon"><i class="fas fa-envelope" aria-hidden="true"></i></div> 6387 6388 <div class="contact-details"> 6389 6390 <h4>Email</h4> 6391 6392 <p><a href="mailto:[email protected]">[email protected]</a></p> 6393 6394 </div> 6395 6396 </div> 6397 6398 <div class="contact-item"> 6399 6400 <div class="contact-icon"><i class="fas fa-clock" aria-hidden="true"></i></div> 6401 6402 <div class="contact-details"> 6403 6404 <h4>Business Hours</h4> 6405 6406 <p>
6406Monday to Friday: 9:00 AM to 5:30 PM</p> 6407 6408 </div> 6409 6410 </div> 6411 6412 </div> 6413 6414 <div class="map-container"> 6415 6416 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d607.5!2d-0.648386!3d52.5029472!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48779c9f76d37203%3A0x6eea37391fc2bdb7!2sServerSource!5e0!3m2!1sen!2suk!4v1704900000000!5m2!1sen!2suk" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="ServerSource Location - Corby Gate Business Park, NN17 5JG"></iframe> 6417 6418 </div> 6419 6420 </div> 6421 6422 </div> 6423 6424 </section> 6425 6426 6427 6428 <section class="stats-section stats-section--fullwidth is-visible" aria-label="ServerSource at a glance" id="ssAboutStats"> 6429 6430 <div class="stats-grid stats-grid--fullwidth"> 6431 6432 <div class="stat-item"> 6433 6434 <span class="stat-number is-counted" data-count="integer" data-count-value="30" data-count-suffix="+">30+</span> 6435 6436 <span class="stat-label">Years in Business</span> 6437 6438 </div> 6439 6440 <div class="stat-item"> 6441 6442 <span class="stat-number is-counted" data-count="decimal" data-count-value="8.6" data-count-prefix="£" data-count-suffix="M">£8.6M</span> 6443 6444 <span class="stat-label">Worth of Stock</span> 6445 6446 </div> 6447 6448 <div class="stat-item"> 6449 6450 <span class="stat-number is-counted" data-count="range" data-count-min="25" data-count-max="50" data-count-suffix="%">25-50%</span> 6451 6452 <span class="stat-label">Cost Savings</span> 6453 6454 </div> 6455 6456 </div> 6457 6458 </section> 6459 6460 6461 6462 <section class="cta-section"> 6463 6464 <div class="about-content"> 6465 6466 <h2 class="cta-title">Ready to Get Started?</h2> 6467 6468 <p class="cta-subtitle">Let us help you find the perfect server solution for your business.</p> 6469 6470 <div class="cta-buttons"> 6471 6472 <a href="https://shop.serversource.eu/configure/" class="btn-primary"><i class="fas fa-server" aria-hidden="true"></i> Configure Your Server</a> 6473 6474 <a href="https://www.serversource.co.uk/pages/dell-enterprise-quote-page" class="btn-secondary"><i class="fas fa-file-alt" aria-hidden="true"></i> Get a Quote</a> 6475 6476 </div> 6477 6478 </div> 6479 6480 </section> 6481 6482 6483 6484</main> 6485 6486<!-- SS Modern Footer --> 6487<style> 6488/* SS Modern Footer */ 6489#ssStaticFooterRoot, #ssStaticFooterRoot footer.ss-modern-footer { 6490 --ss-primary: #1f485e; 6491 --ss-accent: #1879a4; 6492 --ss-dark: #035e7f; 6493 --ss-highlight: #00a8e1; 6494 --ss-max: 1280px; 6495 font-family: 'Poppins', sans-serif; 6496 line-height: 1.6; 6497 } 6498 #ssStaticFooterRoot *, #ssStaticFooterRoot *::before, #ssStaticFooterRoot *::after { box-sizing: border-box; } 6499 #ssStaticFooterRoot a { color: inherit; text-decoration: none; } 6500 #ssStaticFooterRoot img { max-width: 100%; display: block; } 6501 #ssStaticFooterRoot .wrap { width: min(100% - 2rem, var(--ss-max)); margin-inline: auto; } 6502 #ssStaticFooterRoot .visually-hidden { 6503 position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 6504 overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; 6505 } 6506 6507 #ssStaticFooterRoot footer.ss-modern-footer { 6508 background: var(--ss-primary); color: #fff; padding: 2rem 0 0; 6509 } 6510 #ssStaticFooterRoot .footer-main { padding-bottom: 1.25rem; } 6511 #ssStaticFooterRoot .footer-main-grid { 6512 display: grid; 6513 grid-template-columns: minmax(0, 1fr) minmax(18.5rem, 23.5rem); 6514 gap: 1.75rem 2rem; align-items: start; 6515 } 6516 #ssStaticFooterRoot .footer-brand-block { 6517 margin-bottom: 1.1rem; padding-bottom: 1rem; 6518 border-bottom: 1px solid rgba(255,255,255,.12); 6519 } 6520 #ssStaticFooterRoot .footer-brand-link { 6521 display: inline-flex; align-items: center; gap: .75rem; 6522 color: #fff; margin-bottom: .6rem; 6523 } 6524 #ssStaticFooterRoot .footer-brand-link img { 6525 width: 52px; height: 52px; object-fit: cover; border-radius: 6px; 6526 flex-shrink: 0; background: #fff; 6527 } 6528 #ssStaticFooterRoot .footer-brand-name { 6529 font-size: 1.3125rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.1; 6530 } 6531 #ssStaticFooterRoot .logo-server { color: var(--ss-highlight); } 6532 #ssStaticFooterRoot .logo-source { color: rgba(255,255,255,.72); } 6533 #ssStaticFooterRoot .footer-tagline { 6534 font-size: .875rem; line-height: 1.55; color: rgba(255,255,255,.88); 6535 max-width: 36rem; margin: 0; 6536 } 6537 #ssStaticFooterRoot .footer-nav-columns { 6538 display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); 6539 gap: 1rem 1.75rem; margin-bottom: 1rem; 6540 } 6541 #ssStaticFooterRoot .footer-nav-heading { 6542 font-size: .75rem; font-weight: 700; letter-spacing: .02em; 6543 color: #fff; margin: 0 0 .5rem; 6544 } 6545 #ssStaticFooterRoot .footer-link-list { list-style: none; margin: 0; padding: 0; } 6546 #ssStaticFooterRoot .footer-link-list li { margin: 0 0 .28rem; } 6547 #ssStaticFooterRoot .footer-link-list a { 6548 font-size: .875rem; line-height: 1.5; color: rgba(255,255,255,.88); 6549 } 6550 #ssStaticFooterRoot .footer-link-list a:hover { color: #fff; text-decoration: underline; } 6551 #ssStaticFooterRoot .footer-social { 6552 display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; 6553 } 6554 #ssStaticFooterRoot .footer-social-label { font-size: .8125rem; font-weight: 700; color: #fff; } 6555 #ssStaticFooterRoot .footer-social-links { display: flex; gap: .5rem; } 6556 #ssStaticFooterRoot .footer-social-links a { 6557 display: inline-flex; align-items: center; justify-content: center; 6558 width: 2.25rem; height: 2.25rem; border-radius: 50%; 6559 background: rgba(255,255,255,.12); color: #fff; 6560 } 6561 #ssStaticFooterRoot .footer-social-links svg { width: 1rem; height: 1rem; fill: currentColor; } 6562 #ssStaticFooterRoot .footer-panel { 6563 background: rgba(255,255,255,.97); color: var(--ss-primary); 6564 border-radius: 8px; padding: .85rem 1rem; 6565 box-shadow: 0 8px 20px rgba(0,0,0,.1); font-size: .8125rem; 6566 } 6567 #ssStaticFooterRoot .footer-panel-block { 6568 padding-bottom: .7rem; margin-bottom: .7rem; 6569 border-bottom: 1px solid rgba(31,72,94,.1); 6570 } 6571 #ssStaticFooterRoot .footer-panel-block:last-child { 6572 padding-bottom: 0; margin-bottom: 0; border-bottom: none; 6573 } 6574 #ssStaticFooterRoot .footer-panel-heading { font-size: .75rem; font-weight: 700; margin: 0 0 .4rem; } 6575 #ssStaticFooterRoot .footer-panel-address { 6576 font-style: normal; font-size: .75rem; line-height: 1.45; 6577 color: #3d5566; margin: 0 0 .35rem; 6578 } 6579 #ssStaticFooterRoot .footer-panel-map { 6580 display: inline-block; margin: 0 0 .5rem; 6581 font-size: .75rem; color: var(--ss-accent); 6582 } 6583 #ssStaticFooterRoot .footer-panel-map:hover { text-decoration: underline; } 6584 #ssStaticFooterRoot .footer-panel-quick { 6585 margin: 0; font-size: .7rem; font-weight: 600; 6586 } 6587 #ssStaticFooterRoot .footer-panel-quick a { color: var(--ss-accent); } 6588 #ssStaticFooterRoot .footer-panel-sep { color: #9ab0be; margin: 0 .25rem; } 6589 #ssStaticFooterRoot .footer-panel-note { 6590 margin: .45rem 0 0; font-size: .625rem; color: #6b7c8a; 6591 } 6592 #ssStaticFooterRoot .footer-panel-note a { color: var(--ss-accent); } 6593 #ssStaticFooterRoot .footer-signup-native { 6594 display: flex; flex-direction: row; flex-wrap: nowrap; 6595 align-items: stretch; gap: .5rem; width: 100%; 6596 } 6597 #ssStaticFooterRoot .footer-signup-native__email { 6598 flex: 1 1 auto; min-width: 0; padding: .65rem .85rem; 6599 border: 1px solid #c5d4de; border-radius: 6px; 6600 background: #fff; color: #1a2332; 6601 font: 400 .875rem 'Poppins', sans-serif; 6602 } 6603 #ssStaticFooterRoot .footer-signup-native__btn { 6604 flex: 0 0 auto; padding: .65rem 1.1rem; 6605 border: none; border-radius: 6px; 6606 background: var(--ss-primary); color: #fff; 6607 font: 600 .8125rem 'Poppins', sans-serif; 6608 cursor: pointer; min-height: 2.5rem; white-space: nowrap; 6609 } 6610 #ssStaticFooterRoot .footer-signup-hubspot-mount, 6611 #ssStaticFooterRoot #ssStaticFooterHubspotForm { 6612 position: absolute; width: 1px; height: 1px; 6613 margin: -1px; overflow: hidden; clip: rect(0,0,0,0); 6614 visibility: hidden; opacity: 0; pointer-events: none; 6615 } 6616 #ssStaticFooterRoot .footer-signup-success { 6617 margin-top: .65rem; font-size: .8125rem; font-weight: 600; 6618 color: #1f5c38; padding: .5rem .65rem; background: #e8f5ec; border-radius: 6px; 6619 } 6620 #ssStaticFooterRoot .footer-trust { 6621 padding: .9rem 0 1.25rem; 6622 border-top: 1px solid rgba(255,255,255,.12); 6623 } 6624 #ssStaticFooterRoot .footer-trust-inner { 6625 display: flex; flex-wrap: wrap; 6626 align-items: center; justify-content: space-between; 6627 gap: .75rem 1.5rem; 6628 } 6629 #ssStaticFooterRoot .footer-trust-logo { 6630 display: block; height: 104px; width: auto; 6631 max-width: min(100%, 520px); object-fit: contain; object-position: left center; 6632 } 6633 #ssStaticFooterRoot .footer-trust-legal { 6634 margin: 0; font-size: .6875rem; line-height: 1.45; 6635 color: rgba(255,255,255,.88); text-align: right; max-width: 28rem; 6636 } 6637 6638 @media (max-width: 1100px) { 6639 #ssStaticFooterRoot .footer-main-grid { grid-template-columns: 1fr; } 6640 #ssStaticFooterRoot .footer-panel { max-width: 23.5rem; } 6641 #ssStaticFooterRoot .footer-trust-legal { text-align: left; max-width: none; } 6642 } 6643 @media (max-width: 768px) { 6644 #ssStaticFooterRoot .footer-nav-columns { grid-template-columns: 1fr; } 6645 #ssStaticFooterRoot .footer-panel { max-width: none; } 6646 #ssStaticFooterRoot .footer-trust-inner { flex-direction: column; align-items: flex-start; } 6647 } 6648 6649/* SS Page Theme - align static Shopify pages with ServerSource modern theme */ 6650/* SS Page Theme â footer-safe extras only (chrome lives in ss-static-chrome-critical.css) */ 6651 6652#hubspot-messages-iframe-container { 6653 z-index: 850 !important; 6654} 6655 6656body.contact-flyout-open #hubspot-messages-iframe-container { 6657 right: min(calc(24rem + 3.25rem), calc(100vw - 1rem)) !important; 6658 transition: right 0.45s cubic-bezier(0.4, 0, 0.2, 1); 6659} 6660 6661</style> 6662<div id="ssStaticFooterRoot" class="ss-static-snippet ss-static-footer"> 6663 <footer class="ss-modern-footer" role="contentinfo"> 6664 <div class="wrap footer-main"> 6665 <div class="footer-main-grid"> 6666 <div class="footer-main-left"> 6667 <div class="footer-brand-block"> 6668 <a href="https://www.serversource.co.uk/" class="footer-brand-link"> 6669 <img src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/logo-ServerSource-sq.jpg?v=1686233809" alt="" width="52" height="52">
6670 <span class="footer-brand-name"><span class="logo-server">Server</span><span class="logo-source">Source</span></span> 6671 </a> 6672 <p class="footer-tagline">Dell EMC servers, storage and networking, trusted since 1996.</p> 6673 </div> 6674 6675 <div class="footer-nav-columns"> 6676 <div class="footer-nav-col"> 6677 <h3 class="footer-nav-heading">Info</h3> 6678 <ul class="footer-link-list"> 6679 <li><a href="https://shop.serversource.eu/configure/">Configure Your Server</a></li> 6680 <li><a href="https://www.serversource.co.uk/pages/rack-and-stack-professional-deploy">ServerSource Deploy</a></li> 6681 <li><a href="https://www.serversource.co.uk/pages/p-e-r-c-poweredge-raid-controller-calculator">Raid Calculator</a></li> 6682 <li><a href="https://www.serversource.co.uk/pages/sell-to-serversource">Sell to Us</a></li> 6683 </ul> 6684 </div> 6685 <div class="footer-nav-col"> 6686 <h3 class="footer-nav-heading">Support</h3> 6687 <ul class="footer-link-list"> 6688 <li><a href="https://www.serversource.co.uk/pages/contact">Contact Us</a></li> 6689 <li><a href="https://www.serversource.co.uk/pages/faq">FAQs</a></li> 6690 <li><a href="https://www.serversource.co.uk/pages/warranty">Warranty Renewal</a></li> 6691 <li><a href="https://www.serversource.co.uk/pages/shipping-information-for-eu-eea-member-states">International Shipping</a></li> 6692 </ul> 6693 </div> 6694 <div class="footer-nav-col"> 6695 <h3 class="footer-nav-heading">Company</h3> 6696 <ul class="footer-link-list"> 6697 <li><a href="https://www.serversource.co.uk/pages/about-us">About Us</a></li> 6698 <li><a href="https://www.serversource.co.uk/blogs/news">News & Insights</a></li> 6699 <li><a href="https://www.serversource.co.uk/pages/terms-and-conditions">Terms & Conditions</a></li> 6700 <li><a href="https://www.serversource.co.uk/pages/privacy-policy">Privacy Policy</a></li> 6701 </ul> 6702 </div> 6703 </div> 6704 6705 <div class="footer-social" aria-label="Follow ServerSource"> 6706 <span class="footer-social-label">Follow us</span> 6707 <div class="footer-social-links"> 6708 <a href="https://www.linkedin.com/company/serversource/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"> 6709 <svg viewbox="0 0 448 512" width="16" height="16" aria-hidden="true"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg> 6710 </a> 6711 <a href="https://twitter.com/serversource" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)"> 6712 <svg viewbox="0 0 512 512" width="16" height="16" aria-hidden="true"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg> 6713 </a> 6714 </div> 6715 </div> 6716 </div> 6717 6718 <div class="footer-panel"> 6719 <div class="footer-panel-block footer-panel-block--contact"> 6720 <h3 class="footer-panel-heading">Contact</h3> 6721 <address class="footer-panel-address"> 6722 ServerSource House, 2 Perth House<br> 6723 Corby Gate Business Park,<br> 6724 Weldon North Industrial Estate<br> 6725 Corby, Northamptonshire, NN17 5JG 6726 </address> 6727 <a class="footer-panel-map" href="https://www.google.com/maps/place/ServerSource/@52.5029504,-0.6509609,17z/data=!3m1!4b1!4m6!3m5!1s0x48779c9f76d37203:0x6eea37391fc2bdb7!8m2!3d52.5029472!4d-0.648386!16s%2Fg%2F1yh9vg2l_?entry=ttu" target="_blank" rel="noopener noreferrer">View on map</a> 6728 <p class="footer-panel-quick"> 6729 <a href="tel:01536274950" class="footer-panel-tel">01536 274 950</a>
6730 <span class="footer-panel-sep" aria-hidden="true">·</span> 6731 <a href="mailto:[email protected]">[email protected]</a> 6732 </p> 6733 </div> 6734 <div class="footer-panel-block footer-panel-block--signup"> 6735 <h3 class="footer-panel-heading">Stay in touch</h3> 6736 <div class="footer-signup-native"> 6737 <label class="visually-hidden" for="ssStaticFooterSignupEmail">Email</label> 6738 <input type="email" id="ssStaticFooterSignupEmail" class="footer-signup-native__email" placeholder="Your email address" autocomplete="email" required> 6739 <button type="button" class="footer-signup-native__btn" id="ssStaticFooterSignupBtn">Sign Up</button> 6740 </div> 6741 <div class="footer-signup-hubspot-mount" id="ssStaticFooterHubspotForm" aria-hidden="true"></div> 6742 <p class="footer-signup-success" id="ssStaticFooterSignupSuccess" hidden>Thanks â you're signed up.</p> 6743 <p class="footer-panel-note">By signing up you agree to marketing emails. See our <a href="https://www.serversource.co.uk/pages/privacy-policy">Privacy Policy</a>.</p> 6744 </div> 6745 </div> 6746 </div> 6747 </div> 6748 6749 <div class="wrap footer-trust"> 6750 <div class="footer-trust-inner"> 6751 <img class="footer-trust-logo" src="https://cdn.shopify.com/s/files/1/0587/2150/1393/files/authorised_partner.png?v=1763632025" alt="Dell Technologies Authorised Partner" loading="lazy" width="400" height="104"> 6752 <p class="footer-trust-legal">© 2026 ServerSource. All rights reserved. Company No. 3277942 · VAT 849 774 168</p> 6753 </div> 6754 </div> 6755 </footer> 6756</div> 6757 6758
6759<script> 6760(function(){ 6761 var root=document.getElementById('ssStaticFooterRoot'); 6762 if(!root)return; 6763 var FOOTER_HS={portalId:'20213111',formId:'8d2406f0-5fe8-4e4f-b74a-613bd729ebe7',region:'na1'}; 6764 6765 function showThanks(){ 6766 var ok=root.querySelector('#ssStaticFooterSignupSuccess'); 6767 var email=root.querySelector('#ssStaticFooterSignupEmail'); 6768 var btn=root.querySelector('#ssStaticFooterSignupBtn'); 6769 if(ok)ok.hidden=false; 6770 if(email)email.value=''; 6771 if(btn){btn.disabled=false;btn.textContent='Sign Up';} 6772 } 6773 6774 function getHsEmailInput(host){ 6775 return host&&host.querySelector?host.querySelector('input[type="email"],input[name="email"],.hs-input[type="email"]'):null; 6776 } 6777 function getHsSubmit(host){ 6778 return host&&host.querySelector?host.querySelector('input[type="submit"],button[type="submit"],.hs-button.primary,.hs-button'):null; 6779 } 6780 6781 function submitViaHubspot(){ 6782 var host=root.querySelector('#ssStaticFooterHubspotForm'); 6783 var emailEl=root.querySelector('#ssStaticFooterSignupEmail'); 6784 var btn=root.querySelector('#ssStaticFooterSignupBtn'); 6785 if(!host||!emailEl||!btn)return; 6786 var email=(emailEl.value||'').trim(); 6787 if(!email){emailEl.focus();return;} 6788 var hsEmail=getHsEmailInput(host); 6789 var hsSubmit=getHsSubmit(host); 6790 if(!hsEmail||!hsSubmit){ 6791 alert('Newsletter form is still loading — please try again in a moment.'); 6792 return; 6793 } 6794 hsEmail.value=email; 6795 hsEmail.dispatchEvent(new Event('input',{bubbles:true})); 6796 hsEmail.dispatchEvent(new Event('change',{bubbles:true})); 6797 btn.disabled=true; 6798 btn.textContent='Sending…'; 6799 hsSubmit.click(); 6800 window.setTimeout(function(){ 6801 if(btn.disabled){btn.disabled=false;btn.textContent='Sign Up';} 6802 },8000); 6803 } 6804 6805 function initHubspotForm(){ 6806 if(!window.hbspt||!window.hbspt.forms)return; 6807 var target=root.querySelector('#ssStaticFooterHubspotForm'); 6808 if(!target||target.dataset.hsFormMounted==='true')return; 6809 window.hbspt.forms.create({ 6810 portalId:FOOTER_HS.portalId, 6811 formId:FOOTER_HS.formId, 6812 region:FOOTER_HS.region, 6813 target:'#ssStaticFooterHubspotForm', 6814 css:'', 6815 cssRequired:'', 6816 onFormSubmitted:showThanks 6817 }); 6818 target.dataset.hsFormMounted='true'; 6819 } 6820 6821 function loadHubspot(){ 6822 if(window.hbspt&&window.hbspt.forms){initHubspotForm();return;} 6823 var s=document.createElement('script'); 6824 s.charset='utf-8'; 6825 s.src='https://js.hsforms.net/forms/embed/v2.js'; 6826 s.onload=initHubspotForm; 6827 document.body.appendChild(s); 6828 } 6829 6830 var btn=root.querySelector('#ssStaticFooterSignupBtn'); 6831 var email=root.querySelector('#ssStaticFooterSignupEmail'); 6832 if(btn){ 6833 btn.addEventListener('click',submitViaHubspot); 6834 if(email){ 6835 email.addEventListener('keydown',function(e){ 6836 if(e.key==='Enter'){e.preventDefault();submitViaHubspot();} 6837 }); 6838 } 6839 } 6840 loadHubspot(); 6841})(); 6842</script>
6842 6843
6844<script> 6845(function () { 6846 6847 var statsSection = document.getElementById('ssAboutStats'); 6848 6849 if (!statsSection) return; 6850 6851 var statNumbers = statsSection.querySelectorAll('.stat-number[data-count]'); 6852 6853 if (!statNumbers.length) return; 6854 6855 6856 6857 function easeOutCubic(t) { 6858 6859 return 1 - Math.pow(1 - t, 3); 6860 6861 } 6862 6863 6864 6865 function formatDecimal(value) { 6866 6867 return (Math.round(value * 10) / 10).toString(); 6868 6869 } 6870 6871 6872 6873 function animateStat(el) { 6874 6875 if (el.dataset.counted === '1') return; 6876 6877 el.dataset.counted = '1'; 6878 6879 el.classList.add('is-counting'); 6880 6881 var type = el.dataset.count; 6882 6883 var duration = 1800; 6884 6885 var start = null; 6886 6887 6888 6889 function tick(timestamp) { 6890 6891 if (!start) start = timestamp; 6892 6893 var progress = Math.min(1, (timestamp - start) / duration); 6894 6895 var eased = easeOutCubic(progress); 6896 6897 6898 6899 if (type === 'integer') { 6900 6901 var intVal = Math.round(Number(el.dataset.countValue || 0) * eased); 6902 6903 el.textContent = intVal + (el.dataset.countSuffix || ''); 6904 6905 } else if (type === 'decimal') { 6906
6907 var decVal = Number(el.dataset.countValue || 0) * eased; 6908 6909 el.textContent = (el.dataset.countPrefix || '') + formatDecimal(decVal) + (el.dataset.countSuffix || ''); 6910 6911 } else if (type === 'range') { 6912 6913 var minVal = Math.round(Number(el.dataset.countMin || 0) * eased); 6914 6915 var maxVal = Math.round(Number(el.dataset.countMax || 0) * eased); 6916 6917 el.textContent = minVal + '-' + maxVal + (el.dataset.countSuffix || ''); 6918 6919 } 6920 6921 6922 6923 if (progress < 1) { 6924 6925 window.requestAnimationFrame(tick); 6926 6927 } else { 6928 6929 el.classList.remove('is-counting'); 6930 6931 el.classList.add('is-counted'); 6932 6933 } 6934 6935 } 6936 6937 6938 6939 window.requestAnimationFrame(tick); 6940 6941 } 6942 6943 6944 6945 function revealStats() { 6946 6947 statsSection.classList.add('is-visible'); 6948 6949 statNumbers.forEach(animateStat); 6950 6951 } 6952 6953 6954 6955 if ('IntersectionObserver' in window) { 6956 6957 var observer = new IntersectionObserver(function (entries) { 6958 6959 entries.forEach(function (entry) { 6960 6961 if (entry.isIntersecting) { 6962 6963 revealStats(); 6964 6965 observer.disconnect(); 6966 6967 } 6968 6969 }); 6970 6971 }, { threshold: 0.35 }); 6972 6973 observer.observe(statsSection); 6974 6975 } else { 6976 6977 revealStats(); 6978 6979 } 6980 6981})(); 6982 6983</script>
6983 6984<style> 6985.contact-flyout-hs-form { overflow: hidden !important; } 6986.contact-flyout-hs-form .hs-form-frame, 6987.contact-flyout-hs-form .contact-flyout-hs-iframe, 6988.contact-flyout-hs-form iframe { 6989 display: block !important; 6990 width: calc(100% + 4px) !important; 6991 min-height: 572.8px !important; 6992 height: 572.8px !important; 6993 max-height: none !important; 6994 margin: -2px 0 0 -2px !important; 6995 visibility: visible !important; 6996 opacity: 1 !important; 6997 position: static !important; 6998 pointer-events: auto !important; 6999 border: 0 !important; 7000 outline: none !important; 7001 box-shadow: none !important; 7002 background: transparent !important; 7003} 7004.contact-flyout-panel { 7005 max-height: min(42rem, calc(100vh - 2rem)) !important; 7006} 7007</style> 7008 7009</body> 7010
7010<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7010 7011</body> 7012</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.