PageSourceSearch

https://www.1box.nl/

html 1box.nl collected 2026-10-06 12:30:25 UTC 297,469 bytes, 3,841 lines download raw bytes

1<!doctype html>
2<html lang="nl-NL">
3  <head>
4              
4<script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10041346-100417280.js?environment=production"></script>
4
5        <!-- Google Tag Manager -->
6    
6<script>
vendor: 343 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10    })(window,document,'script','dataLayer','
10GTM-K9D5858
vendor: 3 bytes, line 10
10');
10</script>
10
11    <!-- End Google Tag Manager -->
12    <meta charset="utf-8">
13    <meta name="viewport" content="width=device-width, initial-scale=1">
14    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.css" type="text/css">
15    
15<script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.min.js"></script>
15
16    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
17
18	<!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
19	<title>Opslagruimte huren door heel Nederland | 1BOX Self-Storage</title>
20	<meta name="description" content="Opslagruimte huren bij 1BOX? ✅ Altijd de beste prijs! ✅ 365 dagen per jaar, 7 dagen per week toegankelijk ✅ Flexibel huren en opzegbaar ✅ Goed beveiligd!" />
21	<link rel="canonical" href="https://www.1box.nl/" />
22	<meta property="og:locale" content="nl_NL" />
23	<meta property="og:type" content="website" />
24	<meta property="og:title" content="Opslagruimte huren door heel Nederland | 1BOX Self-Storage" />
25	<meta property="og:description" content="Opslagruimte huren bij 1BOX? ✅ Altijd de beste prijs! ✅ 365 dagen per jaar, 7 dagen per week toegankelijk ✅ Flexibel huren en opzegbaar ✅ Goed beveiligd!" />
26	<meta property="og:url" content="https://www.1box.nl/" />
27	<meta property="og:site_name" content="1BOX Self Storage" />
28	<meta property="article:modified_time" content="2026-07-13T12:17:43+00:00" />
29	<meta name="twitter:card" content="summary_large_image" />
30	
30<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.1box.nl\/","url":"https:\/\/www.1box.nl\/","name":"Opslagruimte huren door heel Nederland | 1BOX Self-Storage","isPartOf":{"@id":"https:\/\/www.1box.nl\/#website"},"datePublished":"2024-01-30T22:31:29+00:00","dateModified":"2026-07-13T12:17:43+00:00","description":"Opslagruimte huren bij 1BOX? ✅ Altijd de beste prijs! ✅ 365 dagen per jaar, 7 dagen per week toegankelijk ✅ Flexibel huren en opzegbaar ✅ Goed beveiligd!","breadcrumb":{"@id":"https:\/\/www.1box.nl\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.1box.nl\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.1box.nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.1box.nl\/#website","url":"https:\/\/www.1box.nl\/","name":"1BOX Self Storage","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.1box.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}</script>
30
31	<!-- / Yoast SEO plugin. -->
32
33
34<link rel='dns-prefetch' href='//maps.googleapis.com' />
35<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
36<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.1box.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.1box.nl%2F" />
37<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.1box.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.1box.nl%2F&#038;format=xml" />
38<style id="wp-img-auto-sizes-contain-inline-css">
39img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
40/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
41</style>
42
43<style id="wp-emoji-styles-inline-css">
44
45	img.wp-smiley, img.emoji {
46		display: inline !important;
47		border: none !important;
48		box-shadow: none !important;
49		height: 1em !important;
50		width: 1em !important;
51		margin: 0 0.07em !important;
52		vertical-align: -0.1em !important;
53		background: none !important;
54		padding: 0 !important;
55	}
56/*# sourceURL=wp-emoji-styles-inline-css */
57</style>
58<style id="wp-block-library-inline-css">
59:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
59--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
60
61/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
62</style>
63
64<style id="global-styles-inline-css">
65:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--inherit: inherit;--wp--preset--color--current: currentcolor;--wp--preset--color--transparent: transparent;--wp--preset--color--slate-50: #f8fafc;--wp--preset--color--slate-100: #f1f5f9;--wp--preset--color--slate-200: #e2e8f0;--wp--preset--color--slate-300: #cbd5e1;--wp--preset--color--slate-400: #94a3b8;--wp--preset--color--slate-500: #64748b;--wp--preset--color--slate-600: #475569;--wp--preset--color--slate-700: #334155;--wp--preset--color--slate-800: #1e293b;--wp--preset--color--slate-900: #0f172a;--wp--preset--color--slate-950: #020617;--wp--preset--color--gray-50: #f9fafb;--wp--preset--color--gray-100: #f3f4f6;--wp--preset--color--gray-200: #e5e7eb;--wp--preset--color--gray-300: #d1d5db;--wp--preset--color--gray-400: #9ca3af;--wp--preset--color--gray-500: #6b7280;--wp--preset--color--gray-600: #4b5563;--wp--preset--color--gray-700: #374151;--wp--preset--color--gray-800: #1f2937;--wp--preset--color--gray-900: #111827;--wp--preset--color--gray-950: #030712;--wp--preset--color--zinc-50: #fafafa;--wp--preset--color--zinc-100: #f4f4f5;--wp--preset--color--zinc-200: #e4e4e7;--wp--preset--color--zinc-300: #d4d4d8;--wp--preset--color--zinc-400: #a1a1aa;--wp--preset--color--zinc-500: #71717a;--wp--preset--color--zinc-600: #52525b;--wp--preset--color--zinc-700: #3f3f46;--wp--preset--color--zinc-800: #27272a;--wp--preset--color--zinc-900: #18181b;--wp--preset--color--zinc-950: #09090b;--wp--preset--color--neutral-50: #fafafa;--wp--preset--color--neutral-100: #f5f5f5;--wp--preset--color--neutral-200: #e5e5e5;--wp--preset--color--neutral-300: #d4d4d4;--wp--preset--color--neutral-400: #a3a3a3;--wp--preset--color--neutral-500: #737373;--wp--preset--color--neutral-600: #525252;--wp--preset--color--neutral-700: #404040;--wp--preset--color--neutral-800: #262626;--wp--preset--color--neutral-900: #171717;--wp--preset--color--neutral-950: #0a0a0a;--wp--preset--color--stone-50: #fafaf9;--wp--preset--color--stone-100: #f5f5f4;--wp--preset--color--stone-200: #e7e5e4;--wp--preset--color--stone-300: #d6d3d1;--wp--preset--color--stone-400: #a8a29e;--wp--preset--color--stone-500: #78716c;--wp--preset--color--stone-600: #57534e;--wp--preset--color--stone-700: #44403c;--wp--preset--color--stone-800: #292524;--wp--preset--color--stone-900: #1c1917;--wp--preset--color--stone-950: #0c0a09;--wp--preset--color--red-50: #fef2f2;--wp--preset--color--red-100: #fee2e2;--wp--preset--color--red-200: #fecaca;--wp--preset--color--red-300: #fca5a5;--wp--preset--color--red-400: #f87171;--wp--preset--color--red-500: #ef4444;--wp--preset--color--red-600: #dc2626;--wp--preset--color--red-700: #b91c1c;--wp--preset--color--red-800: #991b1b;--wp--preset--color--red-900: #7f1d1d;--wp--preset--color--red-950: #450a0a;--wp--preset--color--orange-50: #fff7ed;--wp--preset--color--orange-100: #ffedd5;--wp--preset--color--orange-200: #fed7aa;--wp--preset--color--orange-300: #fdba74;--wp--preset--color--orange-400: #fb923c;--wp--preset--color--orange-500: #f97316;--wp--preset--color--orange-600: #ea580c;--wp--preset--color--orange-700: #c2410c;--wp--preset--color--orange-800: #9a3412;--wp--preset--color--orange-900: #7c2d12;--wp--preset--color--orange-950: #431407;--wp--preset--color--amber-50: #fffbeb;--wp--preset--color--amber-100: #fef3c7;--wp--preset--color--amber-200: #fde68a;--wp--preset--color--amber-300: #fcd34d;--wp--preset--color--amber-400: #fbbf24;--wp--preset--color--amber-500: #f59e0b;--wp--preset--color--amber-600: #d97706;--wp--preset--color--amber-700: #b45309;--wp--preset--color--amber-800: #92400e;--wp--preset--color--amber-900: #78350f;--wp--preset--color--amber-950: #451a03;--wp--preset--color--yellow-50: #fefce8;--wp--preset--color--yellow-100: #fef9c3;--wp--preset--color--yellow-200: #fef08a;--wp--preset--color--yellow-300: #fde047;--wp--preset--color--yellow-400: #facc15;--wp--preset--color--yellow-500: #eab308;--wp--preset--color--yellow-600: #ca8a04;--wp--preset--color--yellow-700: #a16207;--wp--preset--color--yellow-800: #854d0e;--wp--preset--color--yellow-900: #713f12;--wp--preset--color--yellow-950: #422006;--wp--preset--color--lime-50: #f7fee7;--wp--preset--color--lime-100: #ecfccb;--wp--preset--color--lime-200: #d9f99d;--wp--preset--color--lime-300: #bef264;--wp--preset--color--lime-400: #a3e635;--wp--preset--color--lime-500: #84cc16;--wp--preset--color--lime-600: #65a30d;--wp--preset--color--lime-700: #4d7c0f;--wp--preset--color--lime-800: #3f6212;--wp--preset--color--lime-900: #365314;--wp--preset--color--lime-950: #1a2e05;--wp--preset--color--green-50: #f0fdf4;--wp--preset--color--green-100: #dcfce7;--wp--preset--color--green-200: #bbf7d0;--wp--preset--color--green-300: #86efac;--wp--preset--color--green-400: #4ade80;--wp--preset--color--green-500: #22c55e;--wp--preset--color--green-600: #16a34a;--wp--preset--color--green-700: #15803d;--wp--preset--color--green-800: #166534;--wp--preset--color--green-900: #14532d;--wp--preset--color--green-950: #052e16;
65--wp--preset--color--emerald-50: #ecfdf5;--wp--preset--color--emerald-100: #d1fae5;--wp--preset--color--emerald-200: #a7f3d0;--wp--preset--color--emerald-300: #6ee7b7;--wp--preset--color--emerald-400: #34d399;--wp--preset--color--emerald-500: #10b981;--wp--preset--color--emerald-600: #059669;--wp--preset--color--emerald-700: #047857;--wp--preset--color--emerald-800: #065f46;--wp--preset--color--emerald-900: #064e3b;--wp--preset--color--emerald-950: #022c22;--wp--preset--color--teal-50: #f0fdfa;--wp--preset--color--teal-100: #ccfbf1;--wp--preset--color--teal-200: #99f6e4;--wp--preset--color--teal-300: #5eead4;--wp--preset--color--teal-400: #2dd4bf;--wp--preset--color--teal-500: #14b8a6;--wp--preset--color--teal-600: #0d9488;--wp--preset--color--teal-700: #0f766e;--wp--preset--color--teal-800: #115e59;--wp--preset--color--teal-900: #134e4a;--wp--preset--color--teal-950: #042f2e;--wp--preset--color--cyan-50: #ecfeff;--wp--preset--color--cyan-100: #cffafe;--wp--preset--color--cyan-200: #a5f3fc;--wp--preset--color--cyan-300: #67e8f9;--wp--preset--color--cyan-400: #22d3ee;--wp--preset--color--cyan-500: #06b6d4;--wp--preset--color--cyan-600: #0891b2;--wp--preset--color--cyan-700: #0e7490;--wp--preset--color--cyan-800: #155e75;--wp--preset--color--cyan-900: #164e63;--wp--preset--color--cyan-950: #083344;--wp--preset--color--sky-50: #f0f9ff;--wp--preset--color--sky-100: #e0f2fe;--wp--preset--color--sky-200: #bae6fd;--wp--preset--color--sky-300: #7dd3fc;--wp--preset--color--sky-400: #38bdf8;--wp--preset--color--sky-500: #0ea5e9;--wp--preset--color--sky-600: #0284c7;--wp--preset--color--sky-700: #0369a1;--wp--preset--color--sky-800: #075985;--wp--preset--color--sky-900: #0c4a6e;--wp--preset--color--sky-950: #082f49;--wp--preset--color--blue-50: #eff6ff;--wp--preset--color--blue-100: #dbeafe;--wp--preset--color--blue-200: #bfdbfe;--wp--preset--color--blue-300: #93c5fd;--wp--preset--color--blue-400: #60a5fa;--wp--preset--color--blue-500: #3b82f6;--wp--preset--color--blue-600: #2563eb;--wp--preset--color--blue-700: #1d4ed8;--wp--preset--color--blue-800: #1e40af;--wp--preset--color--blue-900: #1e3a8a;--wp--preset--color--blue-950: #172554;--wp--preset--color--indigo-50: #eef2ff;--wp--preset--color--indigo-100: #e0e7ff;--wp--preset--color--indigo-200: #c7d2fe;--wp--preset--color--indigo-300: #a5b4fc;--wp--preset--color--indigo-400: #818cf8;--wp--preset--color--indigo-500: #6366f1;--wp--preset--color--indigo-600: #4f46e5;--wp--preset--color--indigo-700: #4338ca;--wp--preset--color--indigo-800: #3730a3;--wp--preset--color--indigo-900: #312e81;--wp--preset--color--indigo-950: #1e1b4b;--wp--preset--color--violet-50: #f5f3ff;--wp--preset--color--violet-100: #ede9fe;--wp--preset--color--violet-200: #ddd6fe;--wp--preset--color--violet-300: #c4b5fd;--wp--preset--color--violet-400: #a78bfa;--wp--preset--color--violet-500: #8b5cf6;--wp--preset--color--violet-600: #7c3aed;--wp--preset--color--violet-700: #6d28d9;--wp--preset--color--violet-800: #5b21b6;--wp--preset--color--violet-900: #4c1d95;--wp--preset--color--violet-950: #2e1065;--wp--preset--color--purple-50: #faf5ff;--wp--preset--color--purple-100: #f3e8ff;--wp--preset--color--purple-200: #e9d5ff;--wp--preset--color--purple-300: #d8b4fe;--wp--preset--color--purple-400: #c084fc;--wp--preset--color--purple-500: #a855f7;--wp--preset--color--purple-600: #9333ea;--wp--preset--color--purple-700: #7e22ce;--wp--preset--color--purple-800: #6b21a8;--wp--preset--color--purple-900: #581c87;--wp--preset--color--purple-950: #3b0764;--wp--preset--color--fuchsia-50: #fdf4ff;--wp--preset--color--fuchsia-100: #fae8ff;--wp--preset--color--fuchsia-200: #f5d0fe;--wp--preset--color--fuchsia-300: #f0abfc;--wp--preset--color--fuchsia-400: #e879f9;--wp--preset--color--fuchsia-500: #d946ef;--wp--preset--color--fuchsia-600: #c026d3;--wp--preset--color--fuchsia-700: #a21caf;--wp--preset--color--fuchsia-800: #86198f;--wp--preset--color--fuchsia-900: #701a75;--wp--preset--color--fuchsia-950: #4a044e;--wp--preset--color--pink-50: #fdf2f8;--wp--preset--color--pink-100: #fce7f3;--wp--preset--color--pink-200: #fbcfe8;--wp--preset--color--pink-300: #f9a8d4;--wp--preset--color--pink-400: #f472b6;--wp--preset--color--pink-500: #ec4899;--wp--preset--color--pink-600: #db2777;--wp--preset--color--pink-700: #be185d;--wp--preset--color--pink-800: #9d174d;--wp--preset--color--pink-900: #831843;--wp--preset--color--pink-950: #500724;--wp--preset--color--rose-50: #fff1f2;--wp--preset--color--rose-100: #ffe4e6;
65--wp--preset--color--rose-200: #fecdd3;--wp--preset--color--rose-300: #fda4af;--wp--preset--color--rose-400: #fb7185;--wp--preset--color--rose-500: #f43f5e;--wp--preset--color--rose-600: #e11d48;--wp--preset--color--rose-700: #be123c;--wp--preset--color--rose-800: #9f1239;--wp--preset--color--rose-900: #881337;--wp--preset--color--rose-950: #4c0519;--wp--preset--color--box-gray: #efefef;--wp--preset--color--box-medium-gray: #cbcbcb;--wp--preset--color--box-dark-gray: #707070;--wp--preset--color--box-green: #66b142;--wp--preset--color--box-orange: #e17222;--wp--preset--color--box-purple: #1e0b38;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
65--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: 0.75rem;--wp--preset--font-size--sm: 0.875rem;--wp--preset--font-size--base: 1rem;--wp--preset--font-size--lg: 1.125rem;--wp--preset--font-size--xl: 1.25rem;--wp--preset--font-size--2-xl: 1.5rem;--wp--preset--font-size--3-xl: 1.875rem;--wp--preset--font-size--4-xl: 2.25rem;--wp--preset--font-size--5-xl: 3rem;--wp--preset--font-size--6-xl: 3.75rem;--wp--preset--font-size--7-xl: 4.5rem;--wp--preset--font-size--8-xl: 6rem;--wp--preset--font-size--9-xl: 8rem;--wp--preset--font-family--sans: Mulish, sans-serif;--wp--preset--font-family--serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--wp--preset--font-family--mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-color{color: var(--wp--preset--color--inherit) !important;}.has-current-color{color: var(--wp--preset--color--current) !important;}.has-transparent-color{color: var(--wp--preset--color--transparent) !important;}.has-slate-50-color{color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-color{color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-color{color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-color{color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-color{color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-color{color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-color{color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-color{color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-color{color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-color{color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-color{color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-color{color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-color{color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-color{color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-color{color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-color{color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-color{color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-color{color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-color{color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-color{color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-color{color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-color{color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-color{color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-color{color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-color{color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-color{color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-color{color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-color{color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-50-color{color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-color{color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-color{color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-color{color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-color{color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-color{color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-color{color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-color{color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-color{color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-color{color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-color{color: var(--wp--preset--color--neutral-950) !important;}.has-stone-50-color{color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-color{color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-color{color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-color{color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-color{color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-color{color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-color{color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-color{color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-color{color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-color{color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-color{color: var(--wp--preset--color--stone-950) !important;}.has-red-50-color{color: var(--wp--preset--color--red-50) !important;}.has-red-100-color{color: var(--wp--preset--color--red-100) !important;}.has-red-200-color{color: var(--wp--preset--color--red-200) !important;}.has-red-300-color{color: var(--wp--preset--color--red-300) !important;}.has-red-400-color{color: var(--wp--preset--color--red-400) !important;}.has-red-500-color{color: var(--wp--preset--color--red-500) !important;}.has-red-600-color{color: var(--wp--preset--color--red-600) !important;}.has-red-700-color{color: var(--wp--preset--color--red-700) !important;}.has-red-800-color{color: var(--wp--preset--color--red-800) !important;}.has-red-900-color{color: var(--wp--preset--color--red-900) !important;}.has-red-950-color{color: var(--wp--preset--color--red-950) !important;}.has-orange-50-color{color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-color{color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-color{color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-color{color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-color{color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-color{color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-color{color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-color{color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-color{color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-color{color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-color{color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-color{color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-color{color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-color{color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-color{color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-color{color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-color{color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-color{color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-color{color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-color{color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-color{color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-color{color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-color{color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-color{color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-color{color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-color{color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-color{color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-color{color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-color{color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-color{color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-color{color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-color{color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-color{color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-color{color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-color{color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-color{color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-color{color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-color{color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-color{color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-color{color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-color{color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-color{color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-color{color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-color{color: var(--wp--preset--color--lime-950) !important;}.has-green-50-color{color: var(--wp--preset--color--green-50) !important;}.has-green-100-color{color: var(--wp--preset--color--green-100) !important;}.has-green-200-color{color: var(--wp--preset--color--green-200) !important;}.has-green-300-color{color: var(--wp--preset--color--green-300) !important;}.has-green-400-color{color: var(--wp--preset--color--green-400) !important;}.has-green-500-color{color: var(--wp--preset--color--green-500) !important;}.has-green-600-color{color: var(--wp--preset--color--green-600) !important;}.has-green-700-color{color: var(--wp--preset--color--green-700) !important;}.has-green-800-color{color: var(--wp--preset--color--green-800) !important;}.has-green-900-color{color: var(--wp--preset--color--green-900) !important;}.has-green-950-color{color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-color{color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-color{color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-color{color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-color{color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-color{color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-color{color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-color{color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-color{color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-color{color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-color{color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-color{color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-color{color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-color{color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-color{color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-color{color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-color{color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-color{color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-color{color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-color{color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-color{color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-color{color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-color{color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-color{color: var(--wp--preset--color--cyan-50) !important;}
65.has-cyan-100-color{color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-color{color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-color{color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-color{color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-color{color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-color{color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-color{color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-color{color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-color{color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-color{color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-color{color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-color{color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-color{color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-color{color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-color{color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-color{color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-color{color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-color{color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-color{color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-color{color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-color{color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-color{color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-color{color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-color{color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-color{color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-color{color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-color{color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-color{color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-color{color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-color{color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-color{color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-color{color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-color{color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-color{color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-color{color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-color{color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-color{color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-color{color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-color{color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-color{color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-color{color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-color{color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-color{color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-color{color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-color{color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-color{color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-color{color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-color{color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-color{color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-color{color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-color{color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-color{color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-color{color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-color{color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-color{color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-color{color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-color{color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-color{color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-color{color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-color{color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-color{color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-color{color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-color{color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-color{color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-color{color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-color{color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-color{color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-color{color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-color{color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-color{color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-color{color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-color{color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-color{color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-color{color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-color{color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-color{color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-color{color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-color{color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-color{color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-color{color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-color{color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-color{color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-color{color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-color{color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-color{color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-color{color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-color{color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-color{color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-color{color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-color{color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-color{color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-color{color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-color{color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-color{color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-color{color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-color{color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-color{color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-color{color: var(--wp--preset--color--rose-950) !important;}.has-box-gray-color{color: var(--wp--preset--color--box-gray) !important;}.has-box-medium-gray-color{color: var(--wp--preset--color--box-medium-gray) !important;}.has-box-dark-gray-color{color: var(--wp--preset--color--box-dark-gray) !important;}.has-box-green-color{color: var(--wp--preset--color--box-green) !important;}.has-box-orange-color{color: var(--wp--preset--color--box-orange) !important;}.has-box-purple-color{color: var(--wp--preset--color--box-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-background-color{background-color: var(--wp--preset--color--inherit) !important;}.has-current-background-color{background-color: var(--wp--preset--color--current) !important;}.has-transparent-background-color{background-color: var(--wp--preset--color--transparent) !important;}.has-slate-50-background-color{background-color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-background-color{background-color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-background-color{background-color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-background-color{background-color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-background-color{background-color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-background-color{background-color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-background-color{background-color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-background-color{background-color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-background-color{background-color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-background-color{background-color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-background-color{background-color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-background-color{background-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-background-color{background-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-background-color{background-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-background-color{background-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-background-color{background-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-background-color{background-color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-background-color{background-color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-background-color{background-color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-background-color{background-color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-background-color{background-color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-background-color{background-color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-background-color{background-color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-background-color{background-color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-background-color{background-color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-background-color{background-color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-background-color{background-color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-background-color{background-color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-50-background-color{background-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-background-color{background-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-background-color{background-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-background-color{background-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-background-color{background-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-background-color{background-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-background-color{background-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-background-color{background-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-background-color{background-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-background-color{background-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-background-color{background-color: var(--wp--preset--color--neutral-950) !important;}.has-stone-50-background-color{background-color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-background-color{background-color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-background-color{background-color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-background-color{background-color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-background-color{background-color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-background-color{background-color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-background-color{background-color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-background-color{background-color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-background-color{background-color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-background-color{background-color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-background-color{background-color: var(--wp--preset--color--stone-950) !important;}.has-red-50-background-color{background-color: var(--wp--preset--color--red-50) !important;}.has-red-100-background-color{background-color: var(--wp--preset--color--red-100) !important;}.has-red-200-background-color{background-color: var(--wp--preset--color--red-200) !important;}.has-red-300-background-color{background-color: var(--wp--preset--color--red-300) !important;}.has-red-400-background-color{background-color: var(--wp--preset--color--red-400) !important;}.has-red-500-background-color{background-color: var(--wp--preset--color--red-500) !important;}.has-red-600-background-color{background-color: var(--wp--preset--color--red-600) !important;}.has-red-700-background-color{background-color: var(--wp--preset--color--red-700) !important;}.has-red-800-background-color{background-color: var(--wp--preset--color--red-800) !important;}.has-red-900-background-color{background-color: var(--wp--preset--color--red-900) !important;}.has-red-950-background-color{background-color: var(--wp--preset--color--red-950) !important;}.has-orange-50-background-color{background-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-background-color{background-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-background-color{background-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-background-color{background-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-background-color{background-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-ba
65ckground-color{background-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-background-color{background-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-background-color{background-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-background-color{background-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-background-color{background-color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-background-color{background-color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-background-color{background-color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-background-color{background-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-background-color{background-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-background-color{background-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-background-color{background-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-background-color{background-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-background-color{background-color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-background-color{background-color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-background-color{background-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-background-color{background-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-background-color{background-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-background-color{background-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-background-color{background-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-background-color{background-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-background-color{background-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-background-color{background-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-background-color{background-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-background-color{background-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-background-color{background-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-background-color{background-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-background-color{background-color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-background-color{background-color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-background-color{background-color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-background-color{background-color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-background-color{background-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-background-color{background-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-background-color{background-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-background-color{background-color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-background-color{background-color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-background-color{background-color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-background-color{background-color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-background-color{background-color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-background-color{background-color: var(--wp--preset--color--lime-950) !important;}.has-green-50-background-color{background-color: var(--wp--preset--color--green-50) !important;}.has-green-100-background-color{background-color: var(--wp--preset--color--green-100) !important;}.has-green-200-background-color{background-color: var(--wp--preset--color--green-200) !important;}.has-green-300-background-color{background-color: var(--wp--preset--color--green-300) !important;}.has-green-400-background-color{background-color: var(--wp--preset--color--green-400) !important;}.has-green-500-background-color{background-color: var(--wp--preset--color--green-500) !important;}.has-green-600-background-color{background-color: var(--wp--preset--color--green-600) !important;}.has-green-700-background-color{background-color: var(--wp--preset--color--green-700) !important;}.has-green-800-background-color{background-color: var(--wp--preset--color--green-800) !important;}.has-green-900-background-color{background-color: var(--wp--preset--color--green-900) !important;}.has-green-950-background-color{background-color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-background-color{background-color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-background-color{background-color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-background-color{background-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-background-color{background-color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-background-color{background-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-background-color{background-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-background-color{background-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-background-color{background-color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-background-color{background-color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-background-color{background-color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-background-color{background-color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-background-color{background-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-background-color{background-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-background-color{background-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-background-color{background-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-background-color{background-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-background-color{background-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-background-color{background-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-background-color{background-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-background-color{background-color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-background-color{background-color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-background-color{background-color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-background-color{background-color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-background-color{background-color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-background-color{background-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-background-color{background-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-background-color{background-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-background-color{background-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-background-color{background-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-background-color{background-color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-background-color{background-color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-background-color{background-color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-background-color{background-color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-background-color{background-color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-background-color{background-color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-background-color{background-color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-background-color{background-color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-background-color{background-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-background-color{background-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-background-color{background-color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-background-color{background-color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-background-color{background-color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-background-color{background-color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-background-color{background-color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-background-color{background-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-background-color{background-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-background-color{background-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-background-color{background-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-background-color{background-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-background-color{background-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-background-color{background-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-background-color{background-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-background-color{background-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-background-color{background-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-background-color{background-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-background-color{background-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-background-color{background-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-background-color{background-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-background-color{background-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-background-color{background-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-background-color{background-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-background-color{background-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-background-color{background-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-background-color{background-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-background-color{background-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-background-color{background-color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-background-color{background-color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-background-color{background-color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-background-color{background-color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-background-color{background-color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-background-color{background-color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-background-color{background-color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-background-color{background-color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-background-color{background-color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-background-color{background-color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-background-color{background-color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-background-color{background-color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-background-color{background-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-background-color{background-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-background-color{background-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-background-color{background-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-background-color{background-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-background-color{background-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-background-color{background-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-background-color{background-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-background-color{background-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-background-color{background-color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-background-color{background-color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-background-color{background-color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-background-color{background-color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-background-color{background-color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-background-color{background-color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-background-color{background-color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-background-color{background-color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-background-color{background-color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-background-color{background-color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-background-color{background-color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-background-color{background-color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-background-color{background-color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-background-color{background-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-background-color{background-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-background-color{background-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-background-color{background-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-background-color{background-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-background-color{background-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-background-color{background-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-background-color{background-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-background-color{background-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-background-color{background-color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-background-color{background-color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-background-color{background-color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-background-color{background-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-background-color{background-color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-background-color{background-color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-background-color{background-color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-background-color{background-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-background-color{background-color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-background-color{background-colo
65r: var(--wp--preset--color--rose-700) !important;}.has-rose-800-background-color{background-color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-background-color{background-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-background-color{background-color: var(--wp--preset--color--rose-950) !important;}.has-box-gray-background-color{background-color: var(--wp--preset--color--box-gray) !important;}.has-box-medium-gray-background-color{background-color: var(--wp--preset--color--box-medium-gray) !important;}.has-box-dark-gray-background-color{background-color: var(--wp--preset--color--box-dark-gray) !important;}.has-box-green-background-color{background-color: var(--wp--preset--color--box-green) !important;}.has-box-orange-background-color{background-color: var(--wp--preset--color--box-orange) !important;}.has-box-purple-background-color{background-color: var(--wp--preset--color--box-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-border-color{border-color: var(--wp--preset--color--inherit) !important;}.has-current-border-color{border-color: var(--wp--preset--color--current) !important;}.has-transparent-border-color{border-color: var(--wp--preset--color--transparent) !important;}.has-slate-50-border-color{border-color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-border-color{border-color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-border-color{border-color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-border-color{border-color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-border-color{border-color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-border-color{border-color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-border-color{border-color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-border-color{border-color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-border-color{border-color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-border-color{border-color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-border-color{border-color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-border-color{border-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-border-color{border-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-border-color{border-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-border-color{border-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-border-color{border-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-border-color{border-color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-border-color{border-color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-border-color{border-color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-border-color{border-color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-border-color{border-color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-border-color{border-color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-border-color{border-color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-border-color{border-color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-border-color{border-color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-border-color{border-color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-border-color{border-color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-border-color{border-color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-50-border-color{border-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-border-color{border-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-border-color{border-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-border-color{border-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-border-color{border-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-border-color{border-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-border-color{border-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-border-color{border-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-border-color{border-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-border-color{border-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-border-color{border-color: var(--wp--preset--color--neutral-950) !important;}.has-stone-50-border-color{border-color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-border-color{border-color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-border-color{border-color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-border-color{border-color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-border-color{border-color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-border-color{border-color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-border-color{border-color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-border-color{border-color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-border-color{border-color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-border-color{border-color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-border-color{border-color: var(--wp--preset--color--stone-950) !important;}.has-red-50-border-color{border-color: var(--wp--preset--color--red-50) !important;}.has-red-100-border-color{border-color: var(--wp--preset--color--red-100) !important;}.has-red-200-border-color{border-color: var(--wp--preset--color--red-200) !important;}.has-red-300-border-color{border-color: var(--wp--preset--color--red-300) !important;}.has-red-400-border-color{border-color: var(--wp--preset--color--red-400) !important;}.has-red-500-border-color{border-color: var(--wp--preset--color--red-500) !important;}.has-red-600-border-color{border-color: var(--wp--preset--color--red-600) !important;}.has-red-700-border-color{border-color: var(--wp--preset--color--red-700) !important;}.has-red-800-border-color{border-color: var(--wp--preset--color--red-800) !important;}.has-red-900-border-color{border-color: var(--wp--preset--color--red-900) !important;}.has-red-950-border-color{border-color: var(--wp--preset--color--red-950) !important;}.has-orange-50-border-color{border-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-border-color{border-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-border-color{border-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-border-color{border-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-border-color{border-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-border-color{border-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-border-color{border-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-border-color{border-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-border-color{border-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-border-color{border-color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-border-color{border-color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-border-color{border-color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-border-color{border-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-border-color{border-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-border-color{border-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-border-color{border-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-border-color{border-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-border-color{border-color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-border-color{border-color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-border-color{border-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-border-color{border-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-border-color{border-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-border-color{border-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-border-color{border-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-border-color{border-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-border-color{border-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-border-color{border-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-border-color{border-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-border-color{border-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-border-color{border-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-border-color{border-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-border-color{border-color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-border-color{border-color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-border-color{border-color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-border-color{border-color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-border-color{border-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-border-color{border-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-border-color{border-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-border-color{border-color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-border-color{border-color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-border-color{border-color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-border-color{border-color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-border-color{border-color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-border-color{border-color: var(--wp--preset--color--lime-950) !important;}.has-green-50-border-color{border-color: var(--wp--preset--color--green-50) !important;}.has-green-100-border-color{border-color: var(--wp--preset--color--green-100) !important;}.has-green-200-border-color{border-color: var(--wp--preset--color--green-200) !important;}.has-green-300-border-color{border-color: var(--wp--preset--color--green-300) !important;}.has-green-400-border-color{border-color: var(--wp--preset--color--green-400) !important;}.has-green-500-border-color{border-color: var(--wp--preset--color--green-500) !important;}.has-green-600-border-color{border-color: var(--wp--preset--color--green-600) !important;}.has-green-700-border-color{border-color: var(--wp--preset--color--green-700) !important;}.has-green-800-border-color{border-color: var(--wp--preset--color--green-800) !important;}.has-green-900-border-color{border-color: var(--wp--preset--color--green-900) !important;}.has-green-950-border-color{border-color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-border-color{border-color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-border-color{border-color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-border-color{border-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-border-color{border-color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-border-color{border-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-border-color{border-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-border-color{border-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-border-color{border-color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-border-color{border-color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-border-color{border-color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-border-color{border-color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-border-color{border-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-border-color{border-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-border-color{border-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-border-color{border-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-border-color{border-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-border-color{border-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-border-color{border-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-border-color{border-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-border-color{border-color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-border-color{border-color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-border-color{border-color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-border-color{border-color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-border-color{border-color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-border-color{border-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-border-color{border-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-border-color{border-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-border-color{border-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-border-color{border-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-border-color{border-color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-border-color{border-color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-border-color{border-color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-border-color{border-color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-border-color{border-color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-border-color{border-color: var(--wp--preset--color--sky-100) !important;}.has-sky-2
6500-border-color{border-color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-border-color{border-color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-border-color{border-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-border-color{border-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-border-color{border-color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-border-color{border-color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-border-color{border-color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-border-color{border-color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-border-color{border-color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-border-color{border-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-border-color{border-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-border-color{border-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-border-color{border-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-border-color{border-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-border-color{border-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-border-color{border-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-border-color{border-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-border-color{border-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-border-color{border-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-border-color{border-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-border-color{border-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-border-color{border-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-border-color{border-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-border-color{border-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-border-color{border-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-border-color{border-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-border-color{border-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-border-color{border-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-border-color{border-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-border-color{border-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-border-color{border-color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-border-color{border-color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-border-color{border-color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-border-color{border-color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-border-color{border-color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-border-color{border-color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-border-color{border-color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-border-color{border-color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-border-color{border-color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-border-color{border-color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-border-color{border-color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-border-color{border-color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-border-color{border-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-border-color{border-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-border-color{border-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-border-color{border-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-border-color{border-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-border-color{border-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-border-color{border-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-border-color{border-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-border-color{border-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-border-color{border-color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-border-color{border-color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-border-color{border-color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-border-color{border-color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-border-color{border-color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-border-color{border-color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-border-color{border-color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-border-color{border-color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-border-color{border-color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-border-color{border-color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-border-color{border-color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-border-color{border-color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-border-color{border-color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-border-color{border-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-border-color{border-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-border-color{border-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-border-color{border-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-border-color{border-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-border-color{border-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-border-color{border-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-border-color{border-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-border-color{border-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-border-color{border-color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-border-color{border-color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-border-color{border-color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-border-color{border-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-border-color{border-color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-border-color{border-color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-border-color{border-color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-border-color{border-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-border-color{border-color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-border-color{border-color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-border-color{border-color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-border-color{border-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-border-color{border-color: var(--wp--preset--color--rose-950) !important;}.has-box-gray-border-color{border-color: var(--wp--preset--color--box-gray) !important;}.has-box-medium-gray-border-color{border-color: var(--wp--preset--color--box-medium-gray) !important;}.has-box-dark-gray-border-color{border-color: var(--wp--preset--color--box-dark-gray) !important;}.has-box-green-border-color{border-color: var(--wp--preset--color--box-green) !important;}.has-box-orange-border-color{border-color: var(--wp--preset--color--box-orange) !important;}.has-box-purple-border-color{border-color: var(--wp--preset--color--box-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
65.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-2-xl-font-size{font-size: var(--wp--preset--font-size--2-xl) !important;}.has-3-xl-font-size{font-size: var(--wp--preset--font-size--3-xl) !important;}.has-4-xl-font-size{font-size: var(--wp--preset--font-size--4-xl) !important;}.has-5-xl-font-size{font-size: var(--wp--preset--font-size--5-xl) !important;}.has-6-xl-font-size{font-size: var(--wp--preset--font-size--6-xl) !important;}.has-7-xl-font-size{font-size: var(--wp--preset--font-size--7-xl) !important;}.has-8-xl-font-size{font-size: var(--wp--preset--font-size--8-xl) !important;}.has-9-xl-font-size{font-size: var(--wp--preset--font-size--9-xl) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;}.has-serif-font-family{font-family: var(--wp--preset--font-family--serif) !important;}.has-mono-font-family{font-family: var(--wp--preset--font-family--mono) !important;}
66/*# sourceURL=global-styles-inline-css */
67</style>
68
69<link rel='stylesheet' id='wpml-legacy-horizontal-list-0-css' href='https://www.1box.nl/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-list-horizontal/style.min.css?ver=1' media='all' />
70<link rel='stylesheet' id='app/0-css' href='https://www.1box.nl/wp-content/themes/1box/public/css/app.85faf6.css' media='all' />
71<link rel='stylesheet' id='font-awesome-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css?ver=6.4.0' media='all' />
72<script id="wpml-cookie-js-extra">
73var wpml_cookies = {"wp-wpml_current_language":{"value":"nl","expires":"Wed, 07 Oct 2026 12:29:47 GMT","path":"/"}};
74//# sourceURL=wpml-cookie-js-extra
75</script>
vendor: 1 bytes, line 75
75
76<script data-wp-strategy="defer" defer id="wpml-cookie-js" src="https://www.1box.nl/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=502000"></script>
76
77<link rel="https://api.w.org/" href="https://www.1box.nl/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.1box.nl/wp-json/wp/v2/pages/21" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.1box.nl/xmlrpc.php?rsd" />
78<meta name="generator" content="WordPress 7.1.2" />
79<link rel='shortlink' href='https://www.1box.nl/' />
80<meta name="generator" content="WPML ver:5.0.2 stt:37,1;" />
81<link rel="icon" href="https://www.1box.nl/wp-content/uploads/2024/02/cropped-1Box-Favicon-32x32.png" sizes="32x32" />
82<link rel="icon" href="https://www.1box.nl/wp-content/uploads/2024/02/cropped-1Box-Favicon-192x192.png" sizes="192x192" />
83<link rel="apple-touch-icon" href="https://www.1box.nl/wp-content/uploads/2024/02/cropped-1Box-Favicon-180x180.png" />
84<meta name="msapplication-TileImage" content="https://www.1box.nl/wp-content/uploads/2024/02/cropped-1Box-Favicon-270x270.png" />
85<style id="wp-custom-css">
86#CybotCookiebotDialog {
87max-width: 600px; /* Pas de breedte aan naar jouw wens */
88font-size: 14px; /* Pas de tekstgrootte aan */
89padding: 10px; /* Pas de padding aan om de ruimte rond de inhoud te wijzigen */
90}
91
92#CybotCookiebotDialogBodyButton {
93font-size: 12px; /* Pas de knopgrootte aan */
94padding: 5px 10px; /* Pas de knop-afmetingen aan */
95}
96
97.single-facilities .text-asset.py-6 {
98	display:none;
99}
100</style>
101    <!--  Hotjar Tracking Code for  -->
102    
102<script>
vendor: 125 bytes, lines 102-105
102
103    (function(h,o,t,j,a,r){
104        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
105        h._hjSettings={hjid:
1055204433
vendor: 262 bytes, lines 105-111
105,hjsv:6};
106        a=o.getElementsByTagName('head')[0];
107        r=o.createElement('script');r.async=1;
108        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
109        a.appendChild(r);
110    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
111    
111</script>
111
112
113
114  </head>
115
116  <body class="home wp-singular page-template page-template-template-components page page-id-21 wp-embed-responsive wp-theme-1box">
117    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 117-118
117
118    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
118GTM-K9D5858
vendor: 91 bytes, lines 118-120
118"
119    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
120    
120<!-- End Google Tag Manager (noscript) -->
121        
122    <div id="app">
123      <a class="sr-only focus:not-sr-only" href="#main">
124  Ga naar de inhoud
125</a>
126
127
128  
129    
130  <header id="mainHeaderNew" class="header header-new" data-cy="header-new">
131  <div class="header-new__topbar">
132    <div class="header-new__inner header-new__inner--top">
133      <ul class="header-new__usp-list" aria-label="Header advantages">
134        <li class="header-new__usp-item">
135          <i class="fa-solid fa-check header-new__usp-icon" aria-hidden="true"></i>
136          <span>Altijd de beste prijs</span>
137        </li>
138        <li class="header-new__usp-item">
139          <i class="fa-solid fa-check header-new__usp-icon" aria-hidden="true"></i>
140          <span>24/7 beveiligde opslag</span>
141        </li>
142        <li class="header-new__usp-item">
143          <i class="fa-solid fa-check header-new__usp-icon" aria-hidden="true"></i>
144          <span>Flexibel opzeggen</span>
145        </li>
146      </ul>
147
148      <div class="header-new__top-actions">
149                  <nav class="header-new__utility-nav" aria-label="Utility navigation">
150                          <a href="https://www.1box.nl/hoe-werkt-het/" target="_self">
151                Hoe werkt het?
152              </a>
153                          <a href="https://www.1box.nl/hoe-werkt-het/veel-gestelde-vragen/" target="_self">
154                Veel gestelde vragen
155              </a>
156                          <a href="https://www.1box.nl/contact/" target="_self">
157                Contact
158              </a>
159                          <a href="https://www.1box.nl/vacatures/" target="_self">
160                Vacatures
161              </a>
162                          <a href="https://1box.web-booking.eu/login" target="_blank">
163                Klantportaal
164              </a>
165                      </nav>
166        
167                  <a href="tel:0031850161611" class="header-new__phone-link">
168            <i class="fa-solid fa-phone header-new__phone-icon" aria-hidden="true"></i>
169            <span>085 - 0161611</span>
170          </a>
171        
172                  <div class="header-new__language-switch">
173            <select
174              aria-label="Select language"
175              onchange="if (this.value) window.location.href = this.value;"
176            >
177                                                                <option value="https://www.1box.nl/en/" >EN</option>
178                                                                                <option value="https://www.1box.nl/"  selected >NL</option>
179                                          </select>
180            <i class="fa-solid fa-angle-down header-new__language-arrow" aria-hidden="true"></i>
181          </div>
182              </div>
183    </div>
184  </div>
185
186  <div class="header-new__mainbar">
187    <div class="header-new__inner header-new__inner--main">
188              <a href="https://www.1box.nl/" aria-label="Home" class="header-new__logo-link">
189          <img
190            src="https://www.1box.nl/wp-content/uploads/2024/03/1box-logo.png.webp"
191            alt=""
192            width="96"
193            height="65"
194            class="header-new__logo-image"
195          >
196        </a>
197      
198      <nav class="header-new__primary-nav" aria-label="Primary navigation">
199                  <div class="desktop-menu-item has-drop-drown">
200            <a href="https://www.1box.nl/alle-opslaglocaties/">
201              <span>Opslaglocaties</span>
202                              <i class="fa-solid fa-angle-down" aria-hidden="true"></i>
203                          </a>
204
205                          <div class="dropdown-content multiple-columns rounded pt-8">
206                <div class="bg-white shadow rounded py-4 px-8">
207                  <ul class="bg-white">
208                                          <li>
209                        <a href="https://www.1box.nl/opslaglocaties/alkmaar/" class="block py-1 hover:text-box-green">Alkmaar</a>
210                      </li>
211                                          <li>
212                        <a href="https://www.1box.nl/opslaglocaties/almere/" class="block py-1 hover:text-box-green">Almere</a>
213                      </li>
214                                          <li>
215                        <a href="https://www.1box.nl/opslaglocaties/alphen-aan-den-rijn/" class="block py-1 hover:text-box-green">Alphen aan den Rijn</a>
216                      </li>
217                                          <li>
218                        <a href="https://www.1box.nl/opslaglocaties/amsterdam-schepenbergweg/" class="block py-1 hover:text-box-green">Amsterdam</a>
219                      </li>
220                                          <li>
221                        <a href="https://www.1box.nl/opslaglocaties/barendrecht/" class="block py-1 hover:text-box-green">Barendrecht</a>
222                      </li>
223                                          <li>
224                        <a href="https://www.1box.nl/opslaglocaties/bergen-op-zoom/" class="block py-1 hover:text-box-green">Bergen op Zoom</a>
225                      </li>
226                                          <li>
227                        <a href="https://www.1box.nl/opslaglocaties/boxtel/" class="block py-1 hover:text-box-green">Boxtel</a>
228                      </li>
229                                          <li>
230                        <a href="https://www.1box.nl/opslaglocaties/breda/" class="block py-1 hover:text-box-green">Breda</a>
231                      </li>
232                                          <li>
233                        <a href="https://www.1box.nl/opslaglocaties/den-bosch/" class="block py-1 hover:text-box-green">Den Bosch</a>
234                      </li>
235                                          <li>
236                        <a href="https://www.1box.nl/opslaglocaties/den-haag/" class="block py-1 hover:text-box-green">Den Haag</a>
237                      </li>
238                                          <li>
239                        <a href="https://www.1box.nl/opslaglocaties/eindhoven-best/" class="block py-1 hover:text-box-green">Eindhoven Best</a>
240                      </li>
241                                          <li>
242                        <a href="https://www.1box.nl/opslaglocaties/goes/" class="block py-1 hover:text-box-green">Goes</a>
243                      </li>
244                                          <li>
245                        <a href="https://www.1box.nl/opslaglocaties/groningen/" class="block py-1 hover:text-box-green">Groningen</a>
246                      </li>
247                                          <li>
248                        <a href="https://www.1box.nl/opslaglocaties/heerlen/" class="block py-1 hover:text-box-green">Heerlen</a>
249                      </li>
250                                          <li>
251                        <a href="https://www.1box.nl/opslaglocaties/heerlen-heerlerbaan/" class="block py-1 hover:text-box-green">Heerlen-Heerlerbaan</a>
252                      </li>
253                                          <li>
254                        <a href="https://www.1box.nl/opslaglocaties/hellevoetsluis/" class="block py-1 hover:text-box-green">Hellevoetsluis</a>
255                      </li>
256                                          <li>
257                        <a href="https://www.1box.nl/opslaglocaties/helmond/" class="block py-1 hover:text-box-green">Helmond</a>
258                      </li>
259                                          <li>
260                        <a href="https://www.1box.nl/opslaglocaties/helmond-kanaaldijk/" class="block py-1 hover:text-box-green">Helmond Kanaaldijk</a>
261                      </li>
262                                          <li>
263                        <a href="https://www.1box.nl/opslaglocaties/lelystad/" class="block py-1 hover:text-box-green">Lelystad</a>
264                      </li>
265                                          <li>
266                        <a href="https://www.1box.nl/opslaglocaties/nijmegen-wijchen/" class="block py-1 hover:text-box-green">Nijmegen-Wijchen</a>
267                      </li>
268                                          <li>
269                        <a href="https://www.1box.nl/opslaglocaties/rijswijk/" class="block py-1 hover:text-box-green">Rijswijk</a>
270                      </li>
271                                          <li>
272                        <a href="https://www.1box.nl/opslaglocaties/roermond/" class="block py-1 hover:text-box-green">Roermond</a>
273                      </li>
274                                          <li>
275                        <a href="https://www.1box.nl/opslaglocaties/rotterdam-centrum/" class="block py-1 hover:text-box-green">Rotterdam Centrum</a>
276                      </li>
277                                          <li>
278                        <a href="https://www.1box.nl/opslaglocaties/rotterdam-zuid/" class="block py-1 hover:text-box-green">Rotterdam Zuid</a>
279                      </li>
280                                          <li>
281                        <a href="https://www.1box.nl/opslaglocaties/schiedam/" class="block py-1 hover:text-box-green">Schiedam</a>
282                      </li>
283                                          <li>
284                        <a href="https://www.1box.nl/opslaglocaties/sittard/" class="block py-1 hover:text-box-green">Sittard</a>
285                      </li>
286                                          <li>
287                        <a href="https://www.1box.nl/opslaglocaties/tilburg/" class="block py-1 hover:text-box-green">Tilburg</a>
288                      </li>
289                                          <li>
290                        <a href="https://www.1box.nl/opslaglocaties/utrecht/" class="block py-1 hover:text-box-green">Utrecht</a>
291                      </li>
292                                          <li>
293                        <a href="https://www.1box.nl/opslaglocaties/venlo/" class="block py-1 hover:text-box-green">Venlo</a>
294                      </li>
295                                      </ul>
296                </div>
297              </div>
298                      </div>
299                  <div class="desktop-menu-item has-drop-drown">
300            <a href="https://www.1box.nl/hoe-werkt-het/particulieren/">
301              <span>Particuliere opslag</span>
302                              <i class="fa-solid fa-angle-down" aria-hidden="true"></i>
303                          </a>
304
305                          <div class="dropdown-content  rounded pt-8">
306                <div class="bg-white shadow rounded py-4 px-8">
307                  <ul class="bg-white">
308                                          <li>
309                        <a href="https://www.1box.nl/opslagmogelijkheden/aanhanger-opslag/" class="block py-1 hover:text-box-green">Aanhanger opslag</a>
310                      </li>
311                                          <li>
312                        <a href="https://www.1box.nl/opslagmogelijkheden/bandenopslag/" class="block py-1 hover:text-box-green">Bandenopslag</a>
313                      </li>
314                                          <li>
315                        <a href="https://www.1box.nl/opslagmogelijkheden/dakkoffer-opslag/" class="block py-1 hover:text-box-green">Dakkoffer opslag</a>
316                      </li>
317                                          <li>
318                        <a href="https://www.1box.nl/opslagmogelijkheden/garagebox-huren/" class="block py-1 hover:text-box-green">Garagebox huren</a>
319                      </li>
320                                          <li>
321                        <a href="https://www.1box.nl/opslagmogelijkheden/inboedelopslag/" class="block py-1 hover:text-box-green">Inboedelopslag</a>
322                      </li>
323                                          <li>
324                        <a href="https://www.1box.nl/opslagmogelijkheden/kluis-huren/" class="block py-1 hover:text-box-green">Locker huren</a>
325                      </li>
326                                          <li>
327                        <a href="https://www.1box.nl/opslagmogelijkheden/motorstalling-en-scooterstalling/" class="block py-1 hover:text-box-green">Motor- en scooterstalling</a>
328                      </li>
329                                          <li>
330                        <a href="https://www.1box.nl/opslagmogelijkheden/opslag-na-overlijden-dierbare/" class="block py-1 hover:text-box-green">Opslag na overlijden dierbare</a>
331                      </li>
332                                          <li>
333                        <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" class="block py-1 hover:text-box-green">Parkeerplaats huren</a>
334                      </li>
335                                          <li>
336                        <a href="https://www.1box.nl/opslagmogelijkheden/postbus-aanvragen/" class="block py-1 hover:text-box-green">Postbus aanvragen</a>
337                      </li>
338                                      </ul>
339                </div>
340              </div>
341                      </div>
342                  <div class="desktop-menu-item has-drop-drown">
343            <a href="https://www.1box.nl/hoe-werkt-het/zakelijk/">
344              <span>Zakelijke opslag</span>
345                              <i class="fa-solid fa-angle-down" aria-hidden="true"></i>
346                          </a>
347
348                          <div class="dropdown-content  rounded pt-8">
349                <div class="bg-white shadow rounded py-4 px-8">
350                  <ul class="bg-white">
351                                          <li>
352                        <a href="https://www.1box.nl/opslagmogelijkheden/archiefopslag/" class="block py-1 hover:text-box-green">Archiefopslag</a>
353                      </li>
354                                          <li>
355                        <a href="https://www.1box.nl/opslagmogelijkheden/goederenopslag/" class="block py-1 hover:text-box-green">Goederenopslag</a>
356                      </li>
357                                          <li>
358                        <a href="https://www.1box.nl/opslagmogelijkheden/opslag-schilderijen/" class="block py-1 hover:text-box-green">Kunstopslag</a>
359                      </li>
360                                          <li>
361                        <a href="https://www.1box.nl/opslagmogelijkheden/magazijnopslag/" class="block py-1 hover:text-box-green">Magazijnopslag</a>
362                      </li>
363                                          <li>
364                        <a href="https://www.1box.nl/opslagmogelijkheden/voorraadopslag/" class="block py-1 hover:text-box-green">Voorraad opslag </a>
365                      </li>
366                                          <li>
367                        <a href="https://www.1box.nl/opslagmogelijkheden/webshop-opslag/" class="block py-1 hover:text-box-green">Webshop opslag</a>
368                      </li>
369                                          <li>
370                        <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" class="block py-1 hover:text-box-green">Parkeerplaats huren</a>
371                      </li>
372                                          <li>
373                        <a href="https://www.1box.nl/opslagmogelijkheden/postbus-aanvragen/" class="block py-1 hover:text-box-green">Postbus aanvragen</a>
374                      </li>
375                                      </ul>
376                </div>
377              </div>
378                      </div>
379                  <div class="desktop-menu-item has-drop-drown">
380            <a href="https://www.1box.nl/vervoer-en-verpakking/">
381              <span>Vervoer en verpakking</span>
382                              <i class="fa-solid fa-angle-down" aria-hidden="true"></i>
383                          </a>
384
385                          <div class="dropdown-content  rounded pt-8">
386                <div class="bg-white shadow rounded py-4 px-8">
387                  <ul class="bg-white">
388                                          <li>
389                        <a href="https://www.1box.nl/vervoer-en-verpakking/aanhanger-huren/" class="block py-1 hover:text-box-green">Aanhanger huren</a>
390                      </li>
391                                          <li>
392                        <a href="https://www.1box.nl/vervoer-en-verpakking/verpakkingsmateriaal/" class="block py-1 hover:text-box-green">Verpakkingsmateriaal</a>
393                      </li>
394                                      </ul>
395                </div>
396              </div>
397                      </div>
398              </nav>
399
400              <a
401          href="tel:0031850161611"
402          class="header-new__main-phone"
403          aria-label="Bel ons op 085 - 0161611"
404          title="Bel ons op 085 - 0161611"
405        >
406          <i class="fa-solid fa-phone" aria-hidden="true"></i>
407          <span class="header-new__action-label">Bel ons</span>
408        </a>
409      
410      <div class="header-new__main-actions">
411                  <a
412            href="https://www.1box.nl/alle-opslaglocaties/"
413            class="header-new__locations-cta"
414            data-ga4-cta="header-locations"
415            data-cy="header-locations-cta"
416          >
417            <span>Naar locatieoverzicht</span>
418            <i class="fa-solid fa-arrow-right" aria-hidden="true"></i>
419          </a>
420        
421        <button
422          id="mobileMenuButtonNew"
423          class="header-new__mobile-toggle"
424          aria-label="Open menu"
425          aria-expanded="false"
426          aria-controls="mobileMenuNew"
427        >
428          <svg id="hamburgerIconNew" width="28" height="22" viewBox="0 0 36 28" fill="none" xmlns="http://www.w3.org/2000/svg">
429            <path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.5C0 .671573.671573 0 1.5 0h33C35.3284 0 36 .671573 36 1.5S35.3284 3 34.5 3H1.5C.671573 3 0 2.32843 0 1.5Z" fill="currentColor"/>
430            <path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.5c0-.8284.671573-1.5 1.5-1.5h33c.8284 0 1.5.6716 1.5 1.5S35.3284 15 34.5 15H1.5C.671573 15 0 14.3284 0 13.5Z" fill="currentColor"/>
431            <path fill-rule="evenodd" clip-rule="evenodd" d="M0 25.5c0-.8284.671573-1.5 1.5-1.5h33c.8284 0 1.5.6716 1.5 1.5S35.3284 27 34.5 27H1.5C.671573 27 0 26.3284 0 25.5Z" fill="currentColor"/>
432          </svg>
433          <svg id="closeIconNew" class="hidden" width="20" height="20" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
434            <path d="M20.0313 16.2594L14.3735 10.6017L20.0313 4.94404C20.7255 4.24979 20.7255 3.12375 20.0313 2.42951L18.774 1.17224C18.0797.477992 16.9537.477991 16.2594 1.17224L10.6017 6.82994 4.94404 1.17224C4.24979.477991 3.12375.477992 2.42951 1.17224L1.17224 2.42951C.477992 3.12375.477991 4.24979 1.17224 4.94404L6.82994 10.6017 1.17224 16.2594C.477991 16.9537.477992 18.0797 1.17224 18.774L2.42951 20.0313C3.12375 20.7255 4.24979 20.7255 4.94404 20.0313L10.6017 14.3735l5.6577 5.6578c.6943.6942 1.8203.6942 2.5146 0l1.2573-1.2573c.6942-.6943.6942-1.8203 0-2.5146Z" fill="currentColor"/>
435          </svg>
436          <span class="header-new__action-label">Menu</span>
437        </button>
438      </div>
439    </div>
440  </div>
441
442  <div
443    id="mobileMenuNew"
444    class="header-new__mobile-menu hidden"
445    aria-hidden="true"
446  >
447    <div class="container py-4 px-4">
448      <nav>
449        <ul>
450                      <li class="mobile-menu-item toggleable mt-2">
451              <a href="https://www.1box.nl/alle-opslaglocaties/" class="font-bold flex justify-between items-center border-b border-white py-3">
452                Opslaglocaties
453                                  <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
453ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
454                    <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/>
455                  </svg>
456                              </a>
457                              <div class="dropdown-content hidden pt-3">
458                  <ul class="multiple-columns">
459                                          <li>
460                        <a href="https://www.1box.nl/opslaglocaties/alkmaar/" class="block py-1 hover:text-box-green">Alkmaar</a>
461                      </li>
462                                          <li>
463                        <a href="https://www.1box.nl/opslaglocaties/almere/" class="block py-1 hover:text-box-green">Almere</a>
464                      </li>
465                                          <li>
466                        <a href="https://www.1box.nl/opslaglocaties/alphen-aan-den-rijn/" class="block py-1 hover:text-box-green">Alphen aan den Rijn</a>
467                      </li>
468                                          <li>
469                        <a href="https://www.1box.nl/opslaglocaties/amsterdam-schepenbergweg/" class="block py-1 hover:text-box-green">Amsterdam</a>
470                      </li>
471                                          <li>
472                        <a href="https://www.1box.nl/opslaglocaties/barendrecht/" class="block py-1 hover:text-box-green">Barendrecht</a>
473                      </li>
474                                          <li>
475                        <a href="https://www.1box.nl/opslaglocaties/bergen-op-zoom/" class="block py-1 hover:text-box-green">Bergen op Zoom</a>
476                      </li>
477                                          <li>
478                        <a href="https://www.1box.nl/opslaglocaties/boxtel/" class="block py-1 hover:text-box-green">Boxtel</a>
479                      </li>
480                                          <li>
481                        <a href="https://www.1box.nl/opslaglocaties/breda/" class="block py-1 hover:text-box-green">Breda</a>
482                      </li>
483                                          <li>
484                        <a href="https://www.1box.nl/opslaglocaties/den-bosch/" class="block py-1 hover:text-box-green">Den Bosch</a>
485                      </li>
486                                          <li>
487                        <a href="https://www.1box.nl/opslaglocaties/den-haag/" class="block py-1 hover:text-box-green">Den Haag</a>
488                      </li>
489                                          <li>
490                        <a href="https://www.1box.nl/opslaglocaties/eindhoven-best/" class="block py-1 hover:text-box-green">Eindhoven Best</a>
491                      </li>
492                                          <li>
493                        <a href="https://www.1box.nl/opslaglocaties/goes/" class="block py-1 hover:text-box-green">Goes</a>
494                      </li>
495                                          <li>
496                        <a href="https://www.1box.nl/opslaglocaties/groningen/" class="block py-1 hover:text-box-green">Groningen</a>
497                      </li>
498                                          <li>
499                        <a href="https://www.1box.nl/opslaglocaties/heerlen/" class="block py-1 hover:text-box-green">Heerlen</a>
500                      </li>
501                                          <li>
502                        <a href="https://www.1box.nl/opslaglocaties/heerlen-heerlerbaan/" class="block py-1 hover:text-box-green">Heerlen-Heerlerbaan</a>
503                      </li>
504                                          <li>
505                        <a href="https://www.1box.nl/opslaglocaties/hellevoetsluis/" class="block py-1 hover:text-box-green">Hellevoetsluis</a>
506                      </li>
507                                          <li>
508                        <a href="https://www.1box.nl/opslaglocaties/helmond/" class="block py-1 hover:text-box-green">Helmond</a>
509                      </li>
510                                          <li>
511                        <a href="https://www.1box.nl/opslaglocaties/helmond-kanaaldijk/" class="block py-1 hover:text-box-green">Helmond Kanaaldijk</a>
512                      </li>
513                                          <li>
514                        <a href="https://www.1box.nl/opslaglocaties/lelystad/" class="block py-1 hover:text-box-green">Lelystad</a>
515                      </li>
516                                          <li>
517                        <a href="https://www.1box.nl/opslaglocaties/nijmegen-wijchen/" class="block py-1 hover:text-box-green">Nijmegen-Wijchen</a>
518                      </li>
519                                          <li>
520                        <a href="https://www.1box.nl/opslaglocaties/rijswijk/" class="block py-1 hover:text-box-green">Rijswijk</a>
521                      </li>
522                                          <li>
523                        <a href="https://www.1box.nl/opslaglocaties/roermond/" class="block py-1 hover:text-box-green">Roermond</a>
524                      </li>
525                                          <li>
526                        <a href="https://www.1box.nl/opslaglocaties/rotterdam-centrum/" class="block py-1 hover:text-box-green">Rotterdam Centrum</a>
527                      </li>
528                                          <li>
529                        <a href="https://www.1box.nl/opslaglocaties/rotterdam-zuid/" class="block py-1 hover:text-box-green">Rotterdam Zuid</a>
530                      </li>
531                                          <li>
532                        <a href="https://www.1box.nl/opslaglocaties/schiedam/" class="block py-1 hover:text-box-green">Schiedam</a>
533                      </li>
534                                          <li>
535                        <a href="https://www.1box.nl/opslaglocaties/sittard/" class="block py-1 hover:text-box-green">Sittard</a>
536                      </li>
537                                          <li>
538                        <a href="https://www.1box.nl/opslaglocaties/tilburg/" class="block py-1 hover:text-box-green">Tilburg</a>
539                      </li>
540                                          <li>
541                        <a href="https://www.1box.nl/opslaglocaties/utrecht/" class="block py-1 hover:text-box-green">Utrecht</a>
542                      </li>
543                                          <li>
544                        <a href="https://www.1box.nl/opslaglocaties/venlo/" class="block py-1 hover:text-box-green">Venlo</a>
545                      </li>
546                                      </ul>
547                </div>
548                          </li>
549                      <li class="mobile-menu-item toggleable mt-2">
550              <a href="https://www.1box.nl/hoe-werkt-het/particulieren/" class="font-bold flex justify-between items-center border-b border-white py-3">
551                Particuliere opslag
552                                  <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
552ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
553                    <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/>
554                  </svg>
555                              </a>
556                              <div class="dropdown-content hidden pt-3">
557                  <ul class="">
558                                          <li>
559                        <a href="https://www.1box.nl/opslagmogelijkheden/aanhanger-opslag/" class="block py-1 hover:text-box-green">Aanhangeropslag</a>
560                      </li>
561                                          <li>
562                        <a href="https://www.1box.nl/opslagmogelijkheden/bandenopslag/" class="block py-1 hover:text-box-green">Bandenopslag</a>
563                      </li>
564                                          <li>
565                        <a href="https://www.1box.nl/opslagmogelijkheden/dakkoffer-opslag/" class="block py-1 hover:text-box-green">Dakkoffer opslag </a>
566                      </li>
567                                          <li>
568                        <a href="https://www.1box.nl/opslagmogelijkheden/garagebox-huren/" class="block py-1 hover:text-box-green">Garagebox huren</a>
569                      </li>
570                                          <li>
571                        <a href="https://www.1box.nl/opslagmogelijkheden/inboedelopslag/" class="block py-1 hover:text-box-green">Inboedelopslag</a>
572                      </li>
573                                          <li>
574                        <a href="https://www.1box.nl/opslagmogelijkheden/kluis-huren/" class="block py-1 hover:text-box-green">Locker huren</a>
575                      </li>
576                                          <li>
577                        <a href="https://www.1box.nl/opslagmogelijkheden/motorstalling-en-scooterstalling/" class="block py-1 hover:text-box-green">Motor- en scooterstalling</a>
578                      </li>
579                                          <li>
580                        <a href="https://www.1box.nl/opslagmogelijkheden/opslag-na-overlijden-dierbare/" class="block py-1 hover:text-box-green">Opslag na overlijden dierbare</a>
581                      </li>
582                                          <li>
583                        <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" class="block py-1 hover:text-box-green">Parkeerplaats huren</a>
584                      </li>
585                                          <li>
586                        <a href="https://www.1box.nl/opslagmogelijkheden/postbus-aanvragen/" class="block py-1 hover:text-box-green">Postbus huren</a>
587                      </li>
588                                      </ul>
589                </div>
590                          </li>
591                      <li class="mobile-menu-item toggleable mt-2">
592              <a href="https://www.1box.nl/hoe-werkt-het/zakelijk/" class="font-bold flex justify-between items-center border-b border-white py-3">
593                Zakelijke opslag
594                                  <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
594ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
595                    <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/>
596                  </svg>
597                              </a>
598                              <div class="dropdown-content hidden pt-3">
599                  <ul class="">
600                                          <li>
601                        <a href="https://www.1box.nl/opslagmogelijkheden/archiefopslag/" class="block py-1 hover:text-box-green">Archiefopslag</a>
602                      </li>
603                                          <li>
604                        <a href="https://www.1box.nl/opslagmogelijkheden/goederenopslag/" class="block py-1 hover:text-box-green">Goederenopslag</a>
605                      </li>
606                                          <li>
607                        <a href="https://www.1box.nl/opslagmogelijkheden/opslag-schilderijen/" class="block py-1 hover:text-box-green">Kunstopslag</a>
608                      </li>
609                                          <li>
610                        <a href="https://www.1box.nl/opslagmogelijkheden/magazijnopslag/" class="block py-1 hover:text-box-green">Magazijnopslag</a>
611                      </li>
612                                          <li>
613                        <a href="https://www.1box.nl/opslagmogelijkheden/webshop-opslag/" class="block py-1 hover:text-box-green">Webshop opslag</a>
614                      </li>
615                                          <li>
616                        <a href="https://www.1box.nl/opslagmogelijkheden/voorraadopslag/" class="block py-1 hover:text-box-green">Voorraad opslag </a>
617                      </li>
618                                          <li>
619                        <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" class="block py-1 hover:text-box-green">Parkeerplaats huren</a>
620                      </li>
621                                          <li>
622                        <a href="https://www.1box.nl/opslagmogelijkheden/postbus-aanvragen/" class="block py-1 hover:text-box-green">Postbus huren</a>
623                      </li>
624                                      </ul>
625                </div>
626                          </li>
627                      <li class="mobile-menu-item toggleable mt-2">
628              <a href="https://www.1box.nl/vervoer-en-verpakking/" class="font-bold flex justify-between items-center border-b border-white py-3">
629                Vervoer en verpakking
630                                  <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
630ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
631                    <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/>
632                  </svg>
633                              </a>
634                              <div class="dropdown-content hidden pt-3">
635                  <ul class="">
636                                          <li>
637                        <a href="https://www.1box.nl/vervoer-en-verpakking/aanhanger-huren/" class="block py-1 hover:text-box-green">Vervoer</a>
638                      </li>
639                                          <li>
640                        <a href="https://www.1box.nl/vervoer-en-verpakking/verpakkingsmateriaal/" class="block py-1 hover:text-box-green">Verpakkingsmateriaal</a>
641                      </li>
642                                      </ul>
643                </div>
644                          </li>
645                      <li class="mobile-menu-item toggleable mt-2">
646              <a href="https://www.1box.nl/hoe-werkt-het/" class="font-bold flex justify-between items-center border-b border-white py-3">
647                Hoe werkt het?
648                                  <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
648ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
649                    <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/>
650                  </svg>
651                              </a>
652                              <div class="dropdown-content hidden pt-3">
653                  <ul class="">
654                                          <li>
655                        <a href="https://www.1box.nl/hoe-werkt-het/particulieren/" class="block py-1 hover:text-box-green">Particulier</a>
656                      </li>
657                                          <li>
658                        <a href="https://www.1box.nl/hoe-werkt-het/zakelijk/" class="block py-1 hover:text-box-green">Zakelijk</a>
659                      </li>
660                                          <li>
661                        <a href="https://www.1box.nl/hoe-werkt-het/self-storage/" class="block py-1 hover:text-box-green">Self storage</a>
662                      </li>
663                                          <li>
664                        <a href="https://www.1box.nl/hoe-werkt-het/veel-gestelde-vragen/" class="block py-1 hover:text-box-green">Veel gestelde vragen</a>
665                      </li>
666                                      </ul>
667                </div>
668                          </li>
669                      <li class="mobile-menu-item toggleable mt-2">
670              <a href="https://www.1box.nl/contact/" class="font-bold flex justify-between items-center border-b border-white py-3">
671                Contact
672                                  <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
672ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
673                    <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/>
674                  </svg>
675                              </a>
676                              <div class="dropdown-content hidden pt-3">
677                  <ul class="">
678                                          <li>
679                        <a href="https://www.1box.nl/over-ons/" class="block py-1 hover:text-box-green">Over 1BOX</a>
680                      </li>
681                                          <li>
682                        <a href="https://www.1box.nl/contact/klantenservice/" class="block py-1 hover:text-box-green">Klantenservice</a>
683                      </li>
684                                          <li>
685                        <a href="https://www.1box.nl/contact/duurzaamheid/" class="block py-1 hover:text-box-green">Duurzaamheid</a>
686                      </li>
687                                          <li>
688                        <a href="https://www.1box.nl/blog/" class="block py-1 hover:text-box-green">Blog</a>
689                      </li>
690                                          <li>
691                        <a href="https://1box.web-booking.eu/login" class="block py-1 hover:text-box-green">Klantportaal</a>
692                      </li>
693                                      </ul>
694                </div>
695                          </li>
696                  </ul>
697      </nav>
698
699              <a
700          href="https://www.1box.nl/alle-opslaglocaties/"
701          class="header-new__locations-cta header-new__locations-cta--mobile"
702          data-ga4-cta="header-locations"
703          data-cy="header-locations-cta"
704        >
705          Naar locatieoverzicht
706          <i class="fa-solid fa-arrow-right text-sm"></i>
707        </a>
708          </div>
709  </div>
710
711</header>
712
713<script>
714(function () {
715  var btn = document.getElementById('mobileMenuButtonNew');
716  var menu = document.getElementById('mobileMenuNew');
717  var hamburger = document.getElementById('hamburgerIconNew');
718  var close = document.getElementById('closeIconNew');
719  if (!btn || !menu) return;
720  btn.addEventListener('click', function () {
721    var isOpen = !menu.classList.contains('hidden');
722    menu.classList.toggle('hidden', isOpen);
723    menu.setAttribute('aria-hidden', isOpen ? 'true' : 'false');
724    btn.setAttribute('aria-expanded', isOpen ? 'false' : 'true');
725    if (hamburger) hamburger.classList.toggle('hidden', !isOpen);
726    if (close) close.classList.toggle('hidden', isOpen);
727  });
728  menu.querySelectorAll('.mobile-menu-item.toggleable > a').forEach(function (link) {
729    link.addEventListener('click', function (e) {
730      var dropdown = link.parentElement.querySelector('.dropdown-content');
731      if (!dropdown) return;
732      e.preventDefault();
733      dropdown.classList.toggle('hidden');
734      var icon = link.querySelector('.mobile-dropdown-icon');
735      if (icon) icon.style.transform = dropdown.classList.contains('hidden') ? '' : 'rotate(180deg)';
736    });
737  });
738})();
739</script>
739
740
741<main id="main" class="main">
742  
743                
744                  <section class="hero">
745  <div class="container">
746    <div class="grid grid-cols-1 lg:grid-cols-12">
747      <div class="hero__card text-white py-5 px-2 lg:col-span-5 lg:col-start-2 lg:my-5 lg:px-12">
748                  <h2 class="text-xl font-bold">Snel en voordelig een veilige opslagruimte huren?</h2>
749
750
751
752                          <h2 class="text-xl font-normal">Ontdek de mogelijkheden!</h2>
753
754
755
756                          <ul class="my-4">
757                          <li class="flex gap-x-3">
758                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
759                Altijd de beste prijs
760              </li>
761                          <li class="flex gap-x-3">
762                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
763                Je spullen 24/7 beveiligd
764              </li>
765                          <li class="flex gap-x-3">
766                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
767                365 dagen per jaar toegang van 6-23 uur
768              </li>
769                      </ul>
770                <div class="flex items-center gap-3">
771          <div class="flex">
772                          <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5">
773                          <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5">
774                          <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5">
775                          <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5">
776                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5">
777          </div>
778          <a href="/alle-reviews/">
779            4.7/5 gebaseerd op 3087 reviews          </a>
780        </div>
781
782        <section id="location-search-hero" class="  flex flex-col gap-4 my-4 ">
783  <div class="container">
784    <div class="flex  relative">
785      <!-- GEOCODER -->
786      <div id="geocoder" class="geocoder">
787
788      </div>
789      <button class="search-location-btn bg-box-green items-center  font-bold sm:text-lg text-white py-3 px-4 rounded-tr rounded-br gap-4 flex">
790        Ontdek jouw prijs
791        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="">
792      </button>
793
794      <!-- SEARCH POP RESULTS -->
795      <div class="search--popup_results absolute top-16 bg-white text-box-purple shadow rounded p-4">
796        <h2 class="search--popup_results__title text-lg font-bold lg:text-xl">De dichtstbijzijnde voorzieningen voor u.</h2>
797        <div class="search--popup_results--top my-2">
798          <div class="flex">
799            <div style="min-width: 100px"></div>
800            <div class="flex w-full justify-between ml-4 ">
801              <h3 class="font-bold">
802                Locaties
803              </h3>
804              <!-- <h3 class="font-bold">
805                Afstand
806              </h3> -->
807            </div>
808          </div>
809        </div>
810
811        <!-- Results replace? -->
812        <div class="search--popup_results-replace flex flex-col gap-4">
813
814        </div>
815      </div>
816    </div>
817
818      </div>
819</section>
820
821<script>
822  function locationSearch (locationID, facilities) {
823    document.querySelectorAll('.search--popup_results').forEach(el => el.style.display = 'none');
824    // For debugging
825    // console.log(locationID);
826
827    const locationIDElement = document.getElementById(locationID);
828    const searchButton = locationIDElement.querySelector('.search-location-btn');
829    // declaring results here to access it 'globally'
830    let results = [];
831
832    function getDistanceFromLatLonInKm(lat1, lon1, lat2, lon2) {
833      const R = 6371; // Radius of Earth in km
834      const dLat = deg2rad(lat2 - lat1);
835      const dLon = deg2rad(lon2 - lon1);
836      const a =
837        Math.sin(dLat / 2) * Math.sin(dLat / 2) +
838        Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *
839        Math.sin(dLon / 2) * Math.sin(dLon / 2);
840      const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
841      return R * c; // Distance in km
842    }
843
844    function deg2rad(deg) {
845      return deg * (Math.PI / 180);
846    }
847
848    const geocoder = new MapboxGeocoder({
849      accessToken: 'pk.eyJ1IjoiZGVubmlzcmlmZiIsImEiOiJja3pwa2Iyc2EwMDhzMnZub2w2YWZtbXhrIn0.H9_wHCwgGhgWvKYhehlnGw',
850      types: 'region,place,postcode',
851      placeholder: 'Voer postcode of stad in',
852      countries: 'nl,de,be',
853      language: 'nl',
854    });
855
856    const geocoderElement = locationIDElement.querySelector('.geocoder');
857    geocoder.addTo(geocoderElement);
858
859    document.querySelectorAll('.suggestions-wrapper').forEach(el => el.style.display = 'none');
860
861    document.addEventListener('keyup', (event) => {
862      if (event.target.matches('.mapboxgl-ctrl-geocoder--input')) {
863        const inputVal = event.target.value;
864        const suggestionsWrapper = locationIDElement.querySelector('.suggestions-wrapper');
865
866        if (inputVal === '' || inputVal.length <= 2) {
867          suggestionsWrapper.style.display = 'none';
868        } else {
869          document.body.classList.add('search-open');
870          suggestionsWrapper.style.display = '';
871        }
872
873        setTimeout(() => {
874          const noResults = locationIDElement.querySelector('.mapbox-gl-geocoder--no-results');
875          if (noResults && noResults.textContent === 'No results found') {
876            if(!window.location.pathname.includes('/en/')){
877              noResults.textContent = 'Geen resultaten gevonden.';
878            }
879            window.dataLayer = window.dataLayer || [];
880            dataLayer.push({
881              event: "Search query no results",
882              searchQuery: locationIDElement.querySelector('.mapboxgl-ctrl-geocoder--input').value,
883            });
884          }
885        }, 1000);
886      }
887    });
888
889    document.addEventListener('click', (event) => {
890      const test = locationIDElement.querySelector('.search--popup_results')
891      if (test && !test.contains(event.target)) {
892        clearResults();
893      }
894    });
895
896    geocoder.on('result', (e) => {
897      document.activeElement.blur(); // Assuming the active element is the geocoder input, otherwise target specifically
898
899      let lat = e.result.center[1];
900      let lng = e.result.center[0];
901      let items = '';
902      let distanceToSearch = 0;
903      results = []
904      while (results.length === 0) {
905        distanceToSearch += 10;
906        for(const [key, value] of Object.entries(facilities)){
907          if (value.lat && value.lng) {
908            // let distance = calcCrow(lat, lng, value.lat, value.lng);
909            let distance = getDistanceFromLatLonInKm(lat, lng, value.lat, value.lng);
910            if (distance <= distanceToSearch) {
911              value.distance = distance;
912              results.push(value);
913            }
914          }
915        }
916      }
917
918      results.sort((a, b) => a.distance - b.distance);
919      results = results.slice(0, 3);
920      window.dataLayer = window.dataLayer || [];
921      dataLayer.push({
922        'event': "Search query",
923        'searchQuery': locationIDElement.querySelector('.mapboxgl-ctrl-geocoder--input').value,
924        'searchResult': results
925      });
926
927      results.forEach((value) => {
928        items += `<a href="${value.url}" class="search--popup_results--result">
929                    <div class="flex items-center gap-4">
930                      ${value.image ? `<img src="${value.image}" width="100px" height="auto" alt="" />` : '<div style="min-width: 100px"></div>'}
931                      <div class="search--popup_results--result_image flex flex-col gap-2">
932                        <div class="search--popup_results--result_location">
933                          <h3>${value.title}</h3>
934                          <div>${value.location}</div>
935                        </div>
936                      </div>
937                      <!-- <div class="search--popup_results--result_distance">
938                        ${Math.round(value.distance)}km
939                      </div> -->
940                    </div>
941                  </a>`;
942      });
943
944      searchButton.removeEventListener('click', redirectDefault);
945      searchButton.addEventListener('click', redirect);
946
947      locationIDElement.querySelector('.search--popup_results-replace').innerHTML = items;
948      locationIDElement.querySelector('.search--popup_results').style.display = 'block';
949      locationIDElement.querySelector('.suggestions-wrapper').style.display = 'none';
950    });
951
952    // Hide results container when search is cleared.
953    geocoder.on('clear', () => {
954      clearResults();
955      results = []
956      searchButton.removeEventListener('click', redirect);
957      searchButton.addEventListener('click', redirectDefault);
958    });
959
960    const redirect = () => {
961      window.location = results[0].url;
962    }
963
964    const redirectDefault = () => {
965      const currentLanguage = 'nl';
966      if (currentLanguage === 'nl') {
967        window.location = '/alle-opslaglocaties';
968      } else {
969        window.location = '/en/all-storage-locations';
970      }
971    }
972
973    const clearResults = () => {
974      document.body.classList.remove('search-open');
975      locationIDElement.querySelector('.search--popup_results-replace').innerHTML = '';
976      locationIDElement.querySelector('.search--popup_results').style.display = 'none';
977      locationIDElement.querySelector('.suggestions-wrapper').style.display = 'none';
978    }
979
980    // Initial setup to handle the Book Now button if nothing has been filled in yet
981    if (results.length === 0) {
982      searchButton.addEventListener('click', redirectDefault);
983    }
984  }
985
986  locationSearch('location-search-hero', [{"id":61091,"title":"Lelystad","url":"https:\/\/www.1box.nl\/opslaglocaties\/lelystad\/","lat":"52.518536\u202f","lng":"5.471422\u202f","popup":null,"location":"Vaartweg 68","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/07\/2026_Lelystad_1Box_CalvinoProductions_-4-300x200.jpg","street":"Vaartweg 68","city":"Lelystad","postal":"8243 PP","label":null,"notification":null},{"id":61089,"title":"aan Huis","url":"https:\/\/www.1box.nl\/opslaglocaties\/aan-huis-2\/","lat":null,"lng":null,"popup":null,"location":".","image":false,"street":".","city":"Nieuw-vennep","postal":".","label":null,"notification":null},{"id":60131,"title":"aan Huis","url":"https:\/\/www.1box.nl\/opslaglocaties\/aan-huis\/","lat":"","lng":"","popup":null,"location":"Lucas Bolsstraat 7","image":false,"street":"Lucas Bolsstraat 7","city":"Nieuw-vennep","postal":"2152 CZ","label":null,"notification":null},{"id":60127,"title":"Almere","url":"https:\/\/www.1box.nl\/opslaglocaties\/almere\/","lat":"52.402446","lng":"5.266059","popup":null,"location":"Splijtbakweg 60","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/5.-Splijtbakweg-60-Almere-Photoshop-1-300x187.jpg","street":"Splijtbakweg 60","city":"Almere","postal":"1333 HJ","label":null,"notification":null},{"id":60119,"title":"Rotterdam Zuid","url":"https:\/\/www.1box.nl\/opslaglocaties\/rotterdam-zuid\/","lat":"51.89556","lng":"4.52093","popup":null,"location":"Olympiaweg 16-30","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/W88-300x225.png","street":"Olympiaweg 16-30","city":"Rotterdam","postal":"3077 AL","label":null,"notification":null},{"id":60129,"title":"Helmond Kanaaldijk","url":"https:\/\/www.1box.nl\/opslaglocaties\/helmond-kanaaldijk\/","lat":"","lng":"","popup":null,"location":"Kanaaldijk N.O. 100","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/1BOX-Self-Storage-Helmond-Opslagruimte-Opslagfaciliteit-300x200.webp","street":"Kanaaldijk N.O. 100","city":"Helmond","postal":"5702 NW","label":null,"notification":null},{"id":60125,"title":"Amsterdam-Zuidoost","url":"https:\/\/www.1box.nl\/opslaglocaties\/amsterdam-schepenbergweg\/","lat":"52.378","lng":"4.9","popup":null,"location":"Schepenbergweg 1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Amsterdam-Outdoors_1Box_CalvinoProductions_-6-300x200.jpg","street":"Schepenbergweg 1","city":"Amsterdam","postal":"1105 AS","label":null,"notification":null},{"id":60121,"title":"Alphen aan den Rijn","url":"https:\/\/www.1box.nl\/opslaglocaties\/alphen-aan-den-rijn\/","lat":"52.135510","lng":"4.647200","popup":null,"location":"Prinses Margrietlaan 15","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Alpen-aan-De-Rijn_1Box_CalvinoProductions_-13-300x225.jpg","street":"Prinses Margrietlaan 15","city":"Alphen aan den rijn","postal":"2404 HA","label":null,"notification":null},{"id":60123,"title":"Alkmaar","url":"https:\/\/www.1box.nl\/opslaglocaties\/alkmaar\/","lat":"52.6429761","lng":"4.7790064","popup":null,"location":"Robbenkoog 1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Alkmaar_1Box_CalvinoProductions_-5-300x216.jpg","street":"Robbenkoog 1","city":"Alkmaar","postal":"1822 BA","label":null,"notification":null},{"id":60109,"title":"Barendrecht","url":"https:\/\/www.1box.nl\/opslaglocaties\/barendrecht\/","lat":"51.854583740234375","lng":"4.510918617248535","popup":null,"location":"De Bergen 6","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Barrendrecht_1BOX-6-300x200.jpg","street":"De Bergen 6","city":"Barendrecht","postal":"2993 LR","label":null,"notification":null},{"id":60107,"title":"Utrecht","url":"https:\/\/www.1box.nl\/opslaglocaties\/utrecht\/","lat":"52.125995103417","lng":"5.0935861088476","popup":null,"location":"Franciscusdreef 74-76","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Utecht_1Box_CalvinoProductions_-nieuw-300x199.jpg","street":"Franciscusdreef 74-76","city":"Utrecht","postal":"3565 AD","label":null,"notification":null},{"id":60117,"title":"Schiedam","url":"https:\/\/www.1box.nl\/opslaglocaties\/schiedam\/","lat":"51.92699","lng":"4.41164","popup":null,"location":"Philippusweg 2","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Schiedam_1BOX_CalvinoProductions_-7new-300x195.jpg","street":"Philippusweg 2","city":"Schiedam","postal":"3125 AS","label":null,"notification":null},{"id":60115,"title":"Rotterdam Centrum","url":"https:\/\/www.1box.nl\/opslaglocaties\/rotterdam-centrum\/","lat":"51.94134","lng":"4.47100","popup":null,"location":"Ceintuurbaan 211-213A","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/W33-300x200.png","street":"Ceintuurbaan 211-213A","city":"Rotterdam","postal":"3051 KC","label":null,"notification":null},{"id":60111,"title":"Helmond","url":"https:\/\/www.1box.nl\/opslaglocaties\/helmond\/","lat":"51.4711685","lng":"5.6712143","popup":null,"location":"Marshallstraat 16","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Helmond_1BOX_CalvinoProductions_-1-nieuw-300x208.jpg","street":"Marshallstraat 16","city":"Helmond","postal":"5705 CN","label":null,"notification":null},{"id":60113,"title":"Heerlen-Heerlerbaan","url":"https:\/\/www.1box.nl\/opslaglocaties\/heerlen-heerlerbaan\/","lat":"50.8631226","lng":"6.0051791","popup":null,"location":"Heerlerbaan 243","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/1BOX_self_storage_opslagruimte_Heerlerbaan-1-300x200.jpg","street":"Heerlerbaan 243","city":"Heerlen","postal":"6418 CE","label":null,"notification":null},{"id":60105,"title":"Den Haag","url":"https:\/\/www.1box.nl\/opslaglocaties\/den-haag\/","lat":"52.07195","lng":"4.29204","popup":null,"location":"Loosduinsekade 92 A1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/04\/den-haag-300x200.webp","street":"Loosduinsekade 92 A1","city":"Den haag","postal":"2571 BS","label":null,"notification":null},{"id":60103,"title":"Breda","url":"https:\/\/www.1box.nl\/opslaglocaties\/breda\/","lat":"51.597072","lng":"4.798191","popup":null,"location":"Koele Mei 52","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Breda_1Box_CalvinoProductions_-18-300x200.jpg","street":"Koele Mei 52","city":"Breda","postal":"4816 JD","label":null,"notification":null},{"id":60101,"title":"Tilburg","url":"https:\/\/www.1box.nl\/opslaglocaties\/tilburg\/","lat":"51.56292","lng":"5.102879","popup":null,"location":"Ringbaan-Oost 152","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Tilburg_1Box_CalvinoProductions_-6-300x225.jpg","street":"Ringbaan-Oost 152","city":"Tilburg","postal":"5013 CE","label":null,"notification":null},{"id":60099,"title":"Hellevoetsluis","url":"https:\/\/www.1box.nl\/opslaglocaties\/hellevoetsluis\/","lat":"51.841885","lng":"4.170352","popup":null,"location":"Kickers Bloem 5","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Hellevoetsluis_1Box_CalvinoProductions_-7-300x197.jpg","street":"Kickers Bloem 5","city":"Hellevoetsluis","postal":"3225 LM","label":null,"notification":null},{"id":60097,"title":"Goes","url":"https:\/\/www.1box.nl\/opslaglocaties\/goes\/","lat":"51.493552","lng":"3.877445","popup":null,"location":"Verrijn Stuartweg 4b","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Goes_1BOX_CalvinoProductions_-0-zonder-lantaarnpaal-300x200.jpg","street":"Verrijn Stuartweg 4b","city":"Goes","postal":"4462 GE","label":null,"notification":null},{"id":60095,"title":"Bergen op Zoom","url":"https:\/\/www.1box.nl\/opslaglocaties\/bergen-op-zoom\/","lat":"51.510068","lng":"4.302835","popup":null,"location":"Marconilaan-Noord 64","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Bergen-op-Zoom_1BOX_CalvinoProductions_-2-300x200.jpg","street":"Marconilaan-Noord 64","city":"Bergen op zoom","postal":"4614 HB","label":null,"notification":null},{"id":60093,"title":"Heerlen","url":"https:\/\/www.1box.nl\/opslaglocaties\/heerlen\/","lat":"50.90295","lng":"5.96099","popup":null,"location":"Beersdalweg 108","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-05\/1BOX-Heerlen-1-scaled.jpg-300x200.webp","street":"Beersdalweg 108","city":"Heerlen","postal":"6412PE","label":null,"notification":null},{"id":60091,"title":"Sittard","url":"https:\/\/www.1box.nl\/opslaglocaties\/sittard\/","lat":"51.015823","lng":"5.868151","popup":null,"location":"Nusterweg 65","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Sittard_1BOX_CalvinoProductions_-3-nieuw-300x200.jpg","street":"Nusterweg 65","city":"Sittard","postal":"6136 KT","label":null,"notification":null},{"id":60089,"title":"Roermond","url":"https:\/\/www.1box.nl\/opslaglocaties\/roermond\/","lat":"51.207341","lng":"5.998541","popup":null,"location":"Mijn
986heerkensweg 22","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Roermond_1Box_CalvinoProductions_-2-300x200.jpg","street":"Mijnheerkensweg 22","city":"Roermond","postal":"6041 TA","label":null,"notification":null},{"id":60087,"title":"Venlo","url":"https:\/\/www.1box.nl\/opslaglocaties\/venlo\/","lat":"51.384959","lng":"6.187992","popup":null,"location":"Winkelveldstraat 14","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/Venlo-11-nieuw-300x192.png","street":"Winkelveldstraat 14","city":"Venlo","postal":"5916 NX","label":null,"notification":null},{"id":60085,"title":"Groningen","url":"https:\/\/www.1box.nl\/opslaglocaties\/groningen\/","lat":"53.208753","lng":"6.616377","popup":null,"location":"De Hallen 6 ","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Groningen_1BOX_CalvinoProductions_-3-300x200.jpg","street":"De Hallen 6 ","city":"Groningen","postal":"9723 TW","label":null,"notification":null},{"id":60083,"title":"Rijswijk","url":"https:\/\/www.1box.nl\/opslaglocaties\/rijswijk\/","lat":"52.044665","lng":"4.34036","popup":null,"location":"Steenplaetsstraat 2C","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Rijswijk_1Box_CalvinoProductions_-3-300x200.jpg","street":"Steenplaetsstraat 2C","city":"Rijswijk","postal":"2288 AA","label":null,"notification":null},{"id":60081,"title":"Boxtel","url":"https:\/\/www.1box.nl\/opslaglocaties\/boxtel\/","lat":"51.562165","lng":"5.373731","popup":null,"location":"Boogershof 10 - 12","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-02\/1BOX-Boxtel-7-scaled.jpg-300x200.webp","street":"Boogershof 10 - 12","city":"Boxtel","postal":"5298 MN","label":null,"notification":null},{"id":60079,"title":"Nijmegen-Wijchen","url":"https:\/\/www.1box.nl\/opslaglocaties\/nijmegen-wijchen\/","lat":"51.816909","lng":"5.762124","popup":null,"location":"Nieuweweg 279b","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/Nijmegen-Wijchen-_1Box_CalvinoProductions_10-300x205.jpg","street":"Nieuweweg 279b","city":"Wijchen","postal":"6603 BN ","label":null,"notification":null},{"id":60077,"title":"Den Bosch","url":"https:\/\/www.1box.nl\/opslaglocaties\/den-bosch\/","lat":"51.726028","lng":"5.286324","popup":null,"location":"Larenweg 50a","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-03\/1BOX-DenBosch-2-scaled.jpg-300x200.webp","street":"Larenweg 50a","city":"Den Bosch","postal":"5234 KA ","label":null,"notification":null},{"id":60075,"title":"Eindhoven Best","url":"https:\/\/www.1box.nl\/opslaglocaties\/eindhoven-best\/","lat":"51.499059","lng":"5.40593","popup":null,"location":"Industrieweg 220","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Eindhoven-Best_1BOX_CalvinoProductions_-2-nieuw-300x180.jpg","street":"Industrieweg 220","city":"Best","postal":"5683 CH","label":null,"notification":null}]);
987</script>
987
988      </div>
989    </div>
990  </div>
991
992      <div class="bg-box-orange">
993      <div class="container">
994        <div class="flex justify-center items-center px-6">
995          <a href="https://www.1box.nl/alle-opslaglocaties/" class="text-white font-bold flex items-center gap-4 py-2 text-balance lg:text-xl lg:py-3" target="_self">
996            Kun je jouw regio niet vinden? Bekijk alle 29 locaties
997            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="right-4">
998          </a>
999        </div>
1000      </div>
1001    </div>
1002  </section>
1003
1004        
1005       
1006                  <section class="how-does-it-work py-6 lg:pb-12">
1007  <div class="container">
1008          <div class="flex justify-center">
1009        <h2 class="text-lg lg:text-xl">Huur jouw opslagruimte in 3 simpele stappen</h2>
1010
1011
1012
1013      </div>
1014    
1015          <div class="cards grid grid-cols-1 mb-8 md:grid-cols-3 lg:grid-cols-12 lg:gap-10 lg:px-20 lg:mb-12">
1016                            <div class="card relative px-4 lg:col-span-4" data-cy="workflow-step" data-has-link="true">
1017            <div class="card__icon flex items-center justify-center my-6 h-[60px] lg:my-10 lg:h-[133px]">
1018              <img src="https://www.1box.nl/wp-content/uploads/2026/02/Unitkeuze-1.png.webp" alt="" class="max-h-full w-auto object-contain lg:max-w-[133px]">
1019            </div>
1020            <div class="flex items-stretch">
1021              <div class="bg-box-purple text-white p-4 flex items-center">1</div>
1022              <div class="bg-box-gray flex-grow flex items-center p-4">Kies jouw opslagruimte</div>
1023            </div>
1024                          <a href="https://www.1box.nl/alle-opslaglocaties/" class="absolute inset-0" target="_self"  aria-label="Kies jouw opslaglocatie"></a>
1025                      </div>
1026                            <div class="card relative px-4 lg:col-span-4" data-cy="workflow-step" data-has-link="true">
1027            <div class="card__icon flex items-center justify-center my-6 h-[60px] lg:my-10 lg:h-[133px]">
1028              <img src="https://www.1box.nl/wp-content/uploads/2026/02/Boeken-2-1.png.webp" alt="" class="max-h-full w-auto object-contain lg:max-w-[133px]">
1029            </div>
1030            <div class="flex items-stretch">
1031              <div class="bg-box-purple text-white p-4 flex items-center">2</div>
1032              <div class="bg-box-gray flex-grow flex items-center p-4">Doe een aanvraag of boek online</div>
1033            </div>
1034                          <a href="https://www.1box.nl/alle-opslaglocaties/" class="absolute inset-0" target="_self"  aria-label="Reserveer jouw opslagbox"></a>
1035                      </div>
1036                            <div class="card relative px-4 lg:col-span-4" data-cy="workflow-step" data-has-link="true">
1037            <div class="card__icon flex items-center justify-center my-6 h-[60px] lg:my-10 lg:h-[133px]">
1038              <img src="https://www.1box.nl/wp-content/uploads/2026/02/Intrekken-1.png.webp" alt="" class="max-h-full w-auto object-contain lg:max-w-[133px]">
1039            </div>
1040            <div class="flex items-stretch">
1041              <div class="bg-box-purple text-white p-4 flex items-center">3</div>
1042              <div class="bg-box-gray flex-grow flex items-center p-4">Krijg toegang tot je opslagbox</div>
1043            </div>
1044                          <a href="https://www.1box.nl/alle-opslaglocaties/" class="absolute inset-0" target="_self"  aria-label="Verhuis je spullen"></a>
1045                      </div>
1046              </div>
1047      </div>
1048</section>
1049
1050        
1051       
1052                  <section id="location-search-component" class="bg-transparent  flex flex-col gap-4 my-4 ">
1053  <div class="container">
1054    <div class="flex  justify-center  relative">
1055      <!-- GEOCODER -->
1056      <div id="geocoder" class="geocoder">
1057
1058      </div>
1059      <button class="search-location-btn bg-box-green items-center  justify-center  font-bold sm:text-lg text-white py-3 px-4 rounded-tr rounded-br gap-4 flex">
1060        Ontdek jouw prijs
1061        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="">
1062      </button>
1063
1064      <!-- SEARCH POP RESULTS -->
1065      <div class="search--popup_results absolute top-16 bg-white text-box-purple shadow rounded p-4">
1066        <h2 class="search--popup_results__title text-lg font-bold lg:text-xl">De dichtstbijzijnde voorzieningen voor u.</h2>
1067        <div class="search--popup_results--top my-2">
1068          <div class="flex">
1069            <div style="min-width: 100px"></div>
1070            <div class="flex w-full justify-between ml-4 ">
1071              <h3 class="font-bold">
1072                Locaties
1073              </h3>
1074              <!-- <h3 class="font-bold">
1075                Afstand
1076              </h3> -->
1077            </div>
1078          </div>
1079        </div>
1080
1081        <!-- Results replace? -->
1082        <div class="search--popup_results-replace flex flex-col gap-4">
1083
1084        </div>
1085      </div>
1086    </div>
1087
1088      </div>
1089</section>
1090
1091<script>
1092  function locationSearch (locationID, facilities) {
1093    document.querySelectorAll('.search--popup_results').forEach(el => el.style.display = 'none');
1094    // For debugging
1095    // console.log(locationID);
1096
1097    const locationIDElement = document.getElementById(locationID);
1098    const searchButton = locationIDElement.querySelector('.search-location-btn');
1099    // declaring results here to access it 'globally'
1100    let results = [];
1101
1102    function getDistanceFromLatLonInKm(lat1, lon1, lat2, lon2) {
1103      const R = 6371; // Radius of Earth in km
1104      const dLat = deg2rad(lat2 - lat1);
1105      const dLon = deg2rad(lon2 - lon1);
1106      const a =
1107        Math.sin(dLat / 2) * Math.sin(dLat / 2) +
1108        Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *
1109        Math.sin(dLon / 2) * Math.sin(dLon / 2);
1110      const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
1111      return R * c; // Distance in km
1112    }
1113
1114    function deg2rad(deg) {
1115      return deg * (Math.PI / 180);
1116    }
1117
1118    const geocoder = new MapboxGeocoder({
1119      accessToken: 'pk.eyJ1IjoiZGVubmlzcmlmZiIsImEiOiJja3pwa2Iyc2EwMDhzMnZub2w2YWZtbXhrIn0.H9_wHCwgGhgWvKYhehlnGw',
1120      types: 'region,place,postcode',
1121      placeholder: 'Voer postcode of stad in',
1122      countries: 'nl,de,be',
1123      language: 'nl',
1124    });
1125
1126    const geocoderElement = locationIDElement.querySelector('.geocoder');
1127    geocoder.addTo(geocoderElement);
1128
1129    document.querySelectorAll('.suggestions-wrapper').forEach(el => el.style.display = 'none');
1130
1131    document.addEventListener('keyup', (event) => {
1132      if (event.target.matches('.mapboxgl-ctrl-geocoder--input')) {
1133        const inputVal = event.target.value;
1134        const suggestionsWrapper = locationIDElement.querySelector('.suggestions-wrapper');
1135
1136        if (inputVal === '' || inputVal.length <= 2) {
1137          suggestionsWrapper.style.display = 'none';
1138        } else {
1139          document.body.classList.add('search-open');
1140          suggestionsWrapper.style.display = '';
1141        }
1142
1143        setTimeout(() => {
1144          const noResults = locationIDElement.querySelector('.mapbox-gl-geocoder--no-results');
1145          if (noResults && noResults.textContent === 'No results found') {
1146            if(!window.location.pathname.includes('/en/')){
1147              noResults.textContent = 'Geen resultaten gevonden.';
1148            }
1149            window.dataLayer = window.dataLayer || [];
1150            dataLayer.push({
1151              event: "Search query no results",
1152              searchQuery: locationIDElement.querySelector('.mapboxgl-ctrl-geocoder--input').value,
1153            });
1154          }
1155        }, 1000);
1156      }
1157    });
1158
1159    document.addEventListener('click', (event) => {
1160      const test = locationIDElement.querySelector('.search--popup_results')
1161      if (test && !test.contains(event.target)) {
1162        clearResults();
1163      }
1164    });
1165
1166    geocoder.on('result', (e) => {
1167      document.activeElement.blur(); // Assuming the active element is the geocoder input, otherwise target specifically
1168
1169      let lat = e.result.center[1];
1170      let lng = e.result.center[0];
1171      let items = '';
1172      let distanceToSearch = 0;
1173      results = []
1174      while (results.length === 0) {
1175        distanceToSearch += 10;
1176        for(const [key, value] of Object.entries(facilities)){
1177          if (value.lat && value.lng) {
1178            // let distance = calcCrow(lat, lng, value.lat, value.lng);
1179            let distance = getDistanceFromLatLonInKm(lat, lng, value.lat, value.lng);
1180            if (distance <= distanceToSearch) {
1181              value.distance = distance;
1182              results.push(value);
1183            }
1184          }
1185        }
1186      }
1187
1188      results.sort((a, b) => a.distance - b.distance);
1189      results = results.slice(0, 3);
1190      window.dataLayer = window.dataLayer || [];
1191      dataLayer.push({
1192        'event': "Search query",
1193        'searchQuery': locationIDElement.querySelector('.mapboxgl-ctrl-geocoder--input').value,
1194        'searchResult': results
1195      });
1196
1197      results.forEach((value) => {
1198        items += `<a href="${value.url}" class="search--popup_results--result">
1199                    <div class="flex items-center gap-4">
1200                      ${value.image ? `<img src="${value.image}" width="100px" height="auto" alt="" />` : '<div style="min-width: 100px"></div>'}
1201                      <div class="search--popup_results--result_image flex flex-col gap-2">
1202                        <div class="search--popup_results--result_location">
1203                          <h3>${value.title}</h3>
1204                          <div>${value.location}</div>
1205                        </div>
1206                      </div>
1207                      <!-- <div class="search--popup_results--result_distance">
1208                        ${Math.round(value.distance)}km
1209                      </div> -->
1210                    </div>
1211                  </a>`;
1212      });
1213
1214      searchButton.removeEventListener('click', redirectDefault);
1215      searchButton.addEventListener('click', redirect);
1216
1217      locationIDElement.querySelector('.search--popup_results-replace').innerHTML = items;
1218      locationIDElement.querySelector('.search--popup_results').style.display = 'block';
1219      locationIDElement.querySelector('.suggestions-wrapper').style.display = 'none';
1220    });
1221
1222    // Hide results container when search is cleared.
1223    geocoder.on('clear', () => {
1224      clearResults();
1225      results = []
1226      searchButton.removeEventListener('click', redirect);
1227      searchButton.addEventListener('click', redirectDefault);
1228    });
1229
1230    const redirect = () => {
1231      window.location = results[0].url;
1232    }
1233
1234    const redirectDefault = () => {
1235      const currentLanguage = 'nl';
1236      if (currentLanguage === 'nl') {
1237        window.location = '/alle-opslaglocaties';
1238      } else {
1239        window.location = '/en/all-storage-locations';
1240      }
1241    }
1242
1243    const clearResults = () => {
1244      document.body.classList.remove('search-open');
1245      locationIDElement.querySelector('.search--popup_results-replace').innerHTML = '';
1246      locationIDElement.querySelector('.search--popup_results').style.display = 'none';
1247      locationIDElement.querySelector('.suggestions-wrapper').style.display = 'none';
1248    }
1249
1250    // Initial setup to handle the Book Now button if nothing has been filled in yet
1251    if (results.length === 0) {
1252      searchButton.addEventListener('click', redirectDefault);
1253    }
1254  }
1255
1256  locationSearch('location-search-component', [{"id":61091,"title":"Lelystad","url":"https:\/\/www.1box.nl\/opslaglocaties\/lelystad\/","lat":"52.518536\u202f","lng":"5.471422\u202f","popup":null,"location":"Vaartweg 68","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/07\/2026_Lelystad_1Box_CalvinoProductions_-4-300x200.jpg","street":"Vaartweg 68","city":"Lelystad","postal":"8243 PP","label":null,"notification":null},{"id":61089,"title":"aan Huis","url":"https:\/\/www.1box.nl\/opslaglocaties\/aan-huis-2\/","lat":null,"lng":null,"popup":null,"location":".","image":false,"street":".","city":"Nieuw-vennep","postal":".","label":null,"notification":null},{"id":60131,"title":"aan Huis","url":"https:\/\/www.1box.nl\/opslaglocaties\/aan-huis\/","lat":"","lng":"","popup":null,"location":"Lucas Bolsstraat 7","image":false,"street":"Lucas Bolsstraat 7","city":"Nieuw-vennep","postal":"2152 CZ","label":null,"notification":null},{"id":60127,"title":"Almere","url":"https:\/\/www.1box.nl\/opslaglocaties\/almere\/","lat":"52.402446","lng":"5.266059","popup":null,"location":"Splijtbakweg 60","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/5.-Splijtbakweg-60-Almere-Photoshop-1-300x187.jpg","street":"Splijtbakweg 60","city":"Almere","postal":"1333 HJ","label":null,"notification":null},{"id":60119,"title":"Rotterdam Zuid","url":"https:\/\/www.1box.nl\/opslaglocaties\/rotterdam-zuid\/","lat":"51.89556","lng":"4.52093","popup":null,"location":"Olympiaweg 16-30","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/W88-300x225.png","street":"Olympiaweg 16-30","city":"Rotterdam","postal":"3077 AL","label":null,"notification":null},{"id":60129,"title":"Helmond Kanaaldijk","url":"https:\/\/www.1box.nl\/opslaglocaties\/helmond-kanaaldijk\/","lat":"","lng":"","popup":null,"location":"Kanaaldijk N.O. 100","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/1BOX-Self-Storage-Helmond-Opslagruimte-Opslagfaciliteit-300x200.webp","street":"Kanaaldijk N.O. 100","city":"Helmond","postal":"5702 NW","label":null,"notification":null},{"id":60125,"title":"Amsterdam-Zuidoost","url":"https:\/\/www.1box.nl\/opslaglocaties\/amsterdam-schepenbergweg\/","lat":"52.378","lng":"4.9","popup":null,"location":"Schepenbergweg 1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Amsterdam-Outdoors_1Box_CalvinoProductions_-6-300x200.jpg","street":"Schepenbergweg 1","city":"Amsterdam","postal":"1105 AS","label":null,"notification":null},{"id":60121,"title":"Alphen aan den Rijn","url":"https:\/\/www.1box.nl\/opslaglocaties\/alphen-aan-den-rijn\/","lat":"52.135510","lng":"4.647200","popup":null,"location":"Prinses Margrietlaan 15","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Alpen-aan-De-Rijn_1Box_CalvinoProductions_-13-300x225.jpg","street":"Prinses Margrietlaan 15","city":"Alphen aan den rijn","postal":"2404 HA","label":null,"notification":null},{"id":60123,"title":"Alkmaar","url":"https:\/\/www.1box.nl\/opslaglocaties\/alkmaar\/","lat":"52.6429761","lng":"4.7790064","popup":null,"location":"Robbenkoog 1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Alkmaar_1Box_CalvinoProductions_-5-300x216.jpg","street":"Robbenkoog 1","city":"Alkmaar","postal":"1822 BA","label":null,"notification":null},{"id":60109,"title":"Barendrecht","url":"https:\/\/www.1box.nl\/opslaglocaties\/barendrecht\/","lat":"51.854583740234375","lng":"4.510918617248535","popup":null,"location":"De Bergen 6","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Barrendrecht_1BOX-6-300x200.jpg","street":"De Bergen 6","city":"Barendrecht","postal":"2993 LR","label":null,"notification":null},{"id":60107,"title":"Utrecht","url":"https:\/\/www.1box.nl\/opslaglocaties\/utrecht\/","lat":"52.125995103417","lng":"5.0935861088476","popup":null,"location":"Franciscusdreef 74-76","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Utecht_1Box_CalvinoProductions_-nieuw-300x199.jpg","street":"Franciscusdreef 74-76","city":"Utrecht","postal":"3565 AD","label":null,"notification":null},{"id":60117,"title":"Schiedam","url":"https:\/\/www.1box.nl\/opslaglocaties\/schiedam\/","lat":"51.92699","lng":"4.41164","popup":null,"location":"Philippusweg 2","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Schiedam_1BOX_CalvinoProductions_-7new-300x195.jpg","street":"Philippusweg 2","city":"Schiedam","postal":"3125 AS","label":null,"notification":null},{"id":60115,"title":"Rotterdam Centrum","url":"https:\/\/www.1box.nl\/opslaglocaties\/rotterdam-centrum\/","lat":"51.94134","lng":"4.47100","popup":null,"location":"Ceintuurbaan 211-213A","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/W33-300x200.png","street":"Ceintuurbaan 211-213A","city":"Rotterdam","postal":"3051 KC","label":null,"notification":null},{"id":60111,"title":"Helmond","url":"https:\/\/www.1box.nl\/opslaglocaties\/helmond\/","lat":"51.4711685","lng":"5.6712143","popup":null,"location":"Marshallstraat 16","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Helmond_1BOX_CalvinoProductions_-1-nieuw-300x208.jpg","street":"Marshallstraat 16","city":"Helmond","postal":"5705 CN","label":null,"notification":null},{"id":60113,"title":"Heerlen-Heerlerbaan","url":"https:\/\/www.1box.nl\/opslaglocaties\/heerlen-heerlerbaan\/","lat":"50.8631226","lng":"6.0051791","popup":null,"location":"Heerlerbaan 243","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/1BOX_self_storage_opslagruimte_Heerlerbaan-1-300x200.jpg","street":"Heerlerbaan 243","city":"Heerlen","postal":"6418 CE","label":null,"notification":null},{"id":60105,"title":"Den Haag","url":"https:\/\/www.1box.nl\/opslaglocaties\/den-haag\/","lat":"52.07195","lng":"4.29204","popup":null,"location":"Loosduinsekade 92 A1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/04\/den-haag-300x200.webp","street":"Loosduinsekade 92 A1","city":"Den haag","postal":"2571 BS","label":null,"notification":null},{"id":60103,"title":"Breda","url":"https:\/\/www.1box.nl\/opslaglocaties\/breda\/","lat":"51.597072","lng":"4.798191","popup":null,"location":"Koele Mei 52","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Breda_1Box_CalvinoProductions_-18-300x200.jpg","street":"Koele Mei 52","city":"Breda","postal":"4816 JD","label":null,"notification":null},{"id":60101,"title":"Tilburg","url":"https:\/\/www.1box.nl\/opslaglocaties\/tilburg\/","lat":"51.56292","lng":"5.102879","popup":null,"location":"Ringbaan-Oost 152","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Tilburg_1Box_CalvinoProductions_-6-300x225.jpg","street":"Ringbaan-Oost 152","city":"Tilburg","postal":"5013 CE","label":null,"notification":null},{"id":60099,"title":"Hellevoetsluis","url":"https:\/\/www.1box.nl\/opslaglocaties\/hellevoetsluis\/","lat":"51.841885","lng":"4.170352","popup":null,"location":"Kickers Bloem 5","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Hellevoetsluis_1Box_CalvinoProductions_-7-300x197.jpg","street":"Kickers Bloem 5","city":"Hellevoetsluis","postal":"3225 LM","label":null,"notification":null},{"id":60097,"title":"Goes","url":"https:\/\/www.1box.nl\/opslaglocaties\/goes\/","lat":"51.493552","lng":"3.877445","popup":null,"location":"Verrijn Stuartweg 4b","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Goes_1BOX_CalvinoProductions_-0-zonder-lantaarnpaal-300x200.jpg","street":"Verrijn Stuartweg 4b","city":"Goes","postal":"4462 GE","label":null,"notification":null},{"id":60095,"title":"Bergen op Zoom","url":"https:\/\/www.1box.nl\/opslaglocaties\/bergen-op-zoom\/","lat":"51.510068","lng":"4.302835","popup":null,"location":"Marconilaan-Noord 64","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Bergen-op-Zoom_1BOX_CalvinoProductions_-2-300x200.jpg","street":"Marconilaan-Noord 64","city":"Bergen op zoom","postal":"4614 HB","label":null,"notification":null},{"id":60093,"title":"Heerlen","url":"https:\/\/www.1box.nl\/opslaglocaties\/heerlen\/","lat":"50.90295","lng":"5.96099","popup":null,"location":"Beersdalweg 108","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-05\/1BOX-Heerlen-1-scaled.jpg-300x200.webp","street":"Beersdalweg 108","city":"Heerlen","postal":"6412PE","label":null,"notification":null},{"id":60091,"title":"Sittard","url":"https:\/\/www.1box.nl\/opslaglocaties\/sittard\/","lat":"51.015823","lng":"5.868151","popup":null,"location":"Nusterweg 65","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Sittard_1BOX_CalvinoProductions_-3-nieuw-300x200.jpg","street":"Nusterweg 65","city":"Sittard","postal":"6136 KT","label":null,"notification":null},{"id":60089,"title":"Roermond","url":"https:\/\/www.1box.nl\/opslaglocaties\/roermond\/","lat":"51.207341","lng":"5.998541","popup":null,"location":"Mijn
1256heerkensweg 22","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Roermond_1Box_CalvinoProductions_-2-300x200.jpg","street":"Mijnheerkensweg 22","city":"Roermond","postal":"6041 TA","label":null,"notification":null},{"id":60087,"title":"Venlo","url":"https:\/\/www.1box.nl\/opslaglocaties\/venlo\/","lat":"51.384959","lng":"6.187992","popup":null,"location":"Winkelveldstraat 14","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/Venlo-11-nieuw-300x192.png","street":"Winkelveldstraat 14","city":"Venlo","postal":"5916 NX","label":null,"notification":null},{"id":60085,"title":"Groningen","url":"https:\/\/www.1box.nl\/opslaglocaties\/groningen\/","lat":"53.208753","lng":"6.616377","popup":null,"location":"De Hallen 6 ","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Groningen_1BOX_CalvinoProductions_-3-300x200.jpg","street":"De Hallen 6 ","city":"Groningen","postal":"9723 TW","label":null,"notification":null},{"id":60083,"title":"Rijswijk","url":"https:\/\/www.1box.nl\/opslaglocaties\/rijswijk\/","lat":"52.044665","lng":"4.34036","popup":null,"location":"Steenplaetsstraat 2C","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Rijswijk_1Box_CalvinoProductions_-3-300x200.jpg","street":"Steenplaetsstraat 2C","city":"Rijswijk","postal":"2288 AA","label":null,"notification":null},{"id":60081,"title":"Boxtel","url":"https:\/\/www.1box.nl\/opslaglocaties\/boxtel\/","lat":"51.562165","lng":"5.373731","popup":null,"location":"Boogershof 10 - 12","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-02\/1BOX-Boxtel-7-scaled.jpg-300x200.webp","street":"Boogershof 10 - 12","city":"Boxtel","postal":"5298 MN","label":null,"notification":null},{"id":60079,"title":"Nijmegen-Wijchen","url":"https:\/\/www.1box.nl\/opslaglocaties\/nijmegen-wijchen\/","lat":"51.816909","lng":"5.762124","popup":null,"location":"Nieuweweg 279b","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/Nijmegen-Wijchen-_1Box_CalvinoProductions_10-300x205.jpg","street":"Nieuweweg 279b","city":"Wijchen","postal":"6603 BN ","label":null,"notification":null},{"id":60077,"title":"Den Bosch","url":"https:\/\/www.1box.nl\/opslaglocaties\/den-bosch\/","lat":"51.726028","lng":"5.286324","popup":null,"location":"Larenweg 50a","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-03\/1BOX-DenBosch-2-scaled.jpg-300x200.webp","street":"Larenweg 50a","city":"Den Bosch","postal":"5234 KA ","label":null,"notification":null},{"id":60075,"title":"Eindhoven Best","url":"https:\/\/www.1box.nl\/opslaglocaties\/eindhoven-best\/","lat":"51.499059","lng":"5.40593","popup":null,"location":"Industrieweg 220","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Eindhoven-Best_1BOX_CalvinoProductions_-2-nieuw-300x180.jpg","street":"Industrieweg 220","city":"Best","postal":"5683 CH","label":null,"notification":null}]);
1257</script>
1257
1258
1259        
1260       
1261                  <section id="reviews-rv_6ac4e9bbb277a" class="reviews ">
1262
1263  <div class="reviews-container container">
1264    <div class="reviews-inner">
1265
1266      <!-- Reviews Header -->
1267      <div class="reviews-header">
1268        <h2 class="reviews-title">Wat onze klanten zeggen</h2>
1269        <div class="reviews-rating">
1270          <div class="rating-stars">
1271                                          <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon filled">
1272                                                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon filled">
1273                                                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon filled">
1274                                                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon filled">
1275                                                        <span class="star-half">
1276                  <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty">
1277                  <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Half Star" class="star-icon half">
1278                </span>
1279                                    </div>
1280          <span class="rating-text"><span class="rating-score">4.7/5</span> <span onclick="openReviewsModal('rv_6ac4e9bbb277a')" class="rating-reviews"> (3087 reviews) </span></span>
1281        </div>
1282      </div>
1283
1284      <!-- Mobile: Horizontal scrollable container -->
1285      <div class="reviews-mobile-scroll-wrapper">
1286        <button class="scroll-arrow left" onclick="scrollMobileReviews('rv_6ac4e9bbb277a','left')" aria-label="Scroll left"><span>‹</span></button>
1287        <div class="reviews-mobile-scroll" id="reviewsMobileScroll-rv_6ac4e9bbb277a">
1288                              <div class="review-card mobile-card">
1289              <div class="review-card-header">
1290                <div class="stars-container">
1291                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1292                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1293                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1294                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1295                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1296                                                      </div>
1297              </div>
1298              <div class="review-card-body">
1299                                <p class="review-text" data-full="Seamless subscription process. No need to interact with anyone. App for opening doors and the storage room works fine. Saved me a lot of trouble while moving out of previous place. Can&amp;#039;t complain, 10/10" data-truncated="Seamless subscription process. No need to interact with anyone. App for opening doors and the…">Seamless subscription process. No need to interact with anyone. App for opening doors and the…</p>
1300                                  <button class="expand-btn" onclick="expand(this)">
1301                    <span class="expand-label">Lees verder</span>
1302                    <img style="display: inline-block;" src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/angle-down.ea2e3f.svg" alt="arrow">
1303                  </button>
1304                              </div>
1305              <div class="review-meta">
1306                <div class="review-location">
1307                  <div><strong>1BOX Den Haag</strong></div>
1308                  <span class="review-date">Viktor</span>
1309                  <span class="divider">|</span>
1310                  <span class="review-date">06-10-2026</span>
1311                </div>
1312              </div>
1313            </div>
1314                                        <div class="review-card mobile-card">
1315              <div class="review-card-header">
1316                <div class="stars-container">
1317                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1318                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1319                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1320                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1321                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star">
1322                                                      </div>
1323              </div>
1324              <div class="review-card-body">
1325                                <p class="review-text" data-full="Makkelijk online te bestellen en te regelen. Ook goed bereikbaar." data-truncated="Makkelijk online te bestellen en te regelen. Ook goed bereikbaar.">Makkelijk online te bestellen en te regelen. Ook goed bereikbaar.</p>
1326                              </div>
1327              <div class="review-meta">
1328                <div class="review-location">
1329                  <div><strong>1BOX Nijmegen-Wijchen</strong></div>
1330                  <span class="review-date">Roger Lamee</span>
1331                  <span class="divider">|</span>
1332                  <span class="review-date">05-10-2026</span>
1333                </div>
1334              </div>
1335            </div>
1336                                        <div class="review-card mobile-card">
1337              <div class="review-card-header">
1338                <div class="stars-container">
1339                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1340                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1341                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1342                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1343                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1344                                                      </div>
1345              </div>
1346              <div class="review-card-body">
1347                                <p class="review-text" data-full="Makkelijke en veilige toegang. Snelle service bij telefonisch contact." data-truncated="Makkelijke en veilige toegang. Snelle service bij telefonisch contact.">Makkelijke en veilige toegang. Snelle service bij telefonisch contact.</p>
1348                              </div>
1349              <div class="review-meta">
1350                <div class="review-location">
1351                  <div><strong>1BOX Goes</strong></div>
1352                  <span class="review-date">Bianca D.</span>
1353                  <span class="divider">|</span>
1354                  <span class="review-date">05-10-2026</span>
1355                </div>
1356              </div>
1357            </div>
1358                                        <div class="review-card mobile-card">
1359              <div class="review-card-header">
1360                <div class="stars-container">
1361                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1362                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1363                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1364                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1365                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1366                                                      </div>
1367              </div>
1368              <div class="review-card-body">
1369                                <p class="review-text" data-full="Snel, deskundig en vriendelijk geholpen." data-truncated="Snel, deskundig en vriendelijk geholpen.">Snel, deskundig en vriendelijk geholpen.</p>
1370                              </div>
1371              <div class="review-meta">
1372                <div class="review-location">
1373                  <div><strong>1BOX Tilburg</strong></div>
1374                  <span class="review-date">Webwinkel van Nederland moet winnen! Je stem is erg</span>
1375                  <span class="divider">|</span>
1376                  <span class="review-date">04-10-2026</span>
1377                </div>
1378              </div>
1379            </div>
1380                                        <div class="review-card mobile-card">
1381              <div class="review-card-header">
1382                <div class="stars-container">
1383                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1384                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1385                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1386                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1387                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1388                                                      </div>
1389              </div>
1390              <div class="review-card-body">
1391                                <p class="review-text" data-full="Ik heb snel een box kunnen regelen De service is top geweest !!!!!" data-truncated="Ik heb snel een box kunnen regelen De service is top geweest !!!!!">Ik heb snel een box kunnen regelen De service is top geweest !!!!!</p>
1392                              </div>
1393              <div class="review-meta">
1394                <div class="review-location">
1395                  <div><strong>1BOX Rotterdam Centrum</strong></div>
1396                  <span class="review-date">Maikel Powel</span>
1397                  <span class="divider">|</span>
1398                  <span class="review-date">03-10-2026</span>
1399                </div>
1400              </div>
1401            </div>
1402                                        <div class="review-card mobile-card">
1403              <div class="review-card-header">
1404                <div class="stars-container">
1405                                                            <img src="https://www.1box.nl/w
1405p-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1406                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1407                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1408                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1409                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1410                                                      </div>
1411              </div>
1412              <div class="review-card-body">
1413                                <p class="review-text" data-full="Schoon, ruim en praktisch. Vriendelijke klantenservice!" data-truncated="Schoon, ruim en praktisch. Vriendelijke klantenservice!">Schoon, ruim en praktisch. Vriendelijke klantenservice!</p>
1414                              </div>
1415              <div class="review-meta">
1416                <div class="review-location">
1417                  <div><strong>1BOX Amsterdam</strong></div>
1418                  <span class="review-date">Hester</span>
1419                  <span class="divider">|</span>
1420                  <span class="review-date">03-10-2026</span>
1421                </div>
1422              </div>
1423            </div>
1424                                        <div class="review-card mobile-card">
1425              <div class="review-card-header">
1426                <div class="stars-container">
1427                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1428                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1429                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1430                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1431                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star">
1432                                                      </div>
1433              </div>
1434              <div class="review-card-body">
1435                                <p class="review-text" data-full="Omdat het systeem op zich goed functioneert en men aan de telefoon zeer vriendelijk en behulpzaam is. Het is wel zaak om de informatie behorende bij het systeem goed te lezen en uit te voeren." data-truncated="Omdat het systeem op zich goed functioneert en men aan de telefoon zeer vriendelijk en behulpzaam…">Omdat het systeem op zich goed functioneert en men aan de telefoon zeer vriendelijk en behulpzaam…</p>
1436                                  <button class="expand-btn" onclick="expand(this)">
1437                    <span class="expand-label">Lees verder</span>
1438                    <img style="display: inline-block;" src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/angle-down.ea2e3f.svg" alt="arrow">
1439                  </button>
1440                              </div>
1441              <div class="review-meta">
1442                <div class="review-location">
1443                  <div><strong>1BOX Helmond-Kanaaldijk</strong></div>
1444                  <span class="review-date">Frans Tiggelman</span>
1445                  <span class="divider">|</span>
1446                  <span class="review-date">01-10-2026</span>
1447                </div>
1448              </div>
1449            </div>
1450                                        <div class="review-card mobile-card">
1451              <div class="review-card-header">
1452                <div class="stars-container">
1453                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1454                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1455                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1456                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1457                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star">
1458                                                      </div>
1459              </div>
1460              <div class="review-card-body">
1461                                <p class="review-text" data-full="Helemaal Prima, simpel werd gebeld voor een check of alles werkte! Super prettig!" data-truncated="Helemaal Prima, simpel werd gebeld voor een check of alles werkte! Super prettig!">Helemaal Prima, simpel werd gebeld voor een check of alles werkte! Super prettig!</p>
1462                              </div>
1463              <div class="review-meta">
1464                <div class="review-location">
1465                  <div><strong>1BOX Heerlen-Heerlerbaan</strong></div>
1466                  <span class="review-date">Os</span>
1467                  <span class="divider">|</span>
1468                  <span class="review-date">29-09-2026</span>
1469                </div>
1470              </div>
1471            </div>
1472                                        <div class="review-card mobile-card">
1473              <div class="review-card-header">
1474                <div class="stars-container">
1475                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1476                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1477                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1478                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1479                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1480                                                      </div>
1481              </div>
1482              <div class="review-card-body">
1483                                <p class="review-text" data-full="Topp állás goed" data-truncated="Topp állás goed">Topp állás goed</p>
1484                              </div>
1485              <div class="review-meta">
1486                <div class="review-location">
1487                  <div><strong>1BOX Groningen</strong></div>
1488                  <span class="review-date">Milan Miklos</span>
1489                  <span class="divider">|</span>
1490                  <span class="review-date">28-09-2026</span>
1491                </div>
1492              </div>
1493            </div>
1494                                        <div class="review-card mobile-card">
1495              <div class="review-card-header">
1496                <div class="stars-container">
1497                                                            <img src="https://www.1box.nl/w
1497p-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1498                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1499                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1500                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1501                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1502                                                      </div>
1503              </div>
1504              <div class="review-card-body">
1505                                <p class="review-text" data-full="De snelheid en constructief" data-truncated="De snelheid en constructief">De snelheid en constructief</p>
1506                              </div>
1507              <div class="review-meta">
1508                <div class="review-location">
1509                  <div><strong>1BOX Rotterdam Centrum</strong></div>
1510                  <span class="review-date">Maikel Powel</span>
1511                  <span class="divider">|</span>
1512                  <span class="review-date">28-09-2026</span>
1513                </div>
1514              </div>
1515            </div>
1516                                                                                                                                                                                                              </div>
1517        <button class="scroll-arrow right" onclick="scrollMobileReviews('rv_6ac4e9bbb277a','right')" aria-label="Scroll right"><span>›</span></button>
1518      </div>
1519
1520      <!-- Desktop: Grid layout -->
1521      <div class="reviews-desktop-grid">
1522                              <div class="review-card desktop-card">
1523              <div class="review-card-header">
1524                <div class="stars-container">
1525                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1526                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1527                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1528                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1529                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1530                                                      </div>
1531              </div>
1532              <div class="review-card-body">
1533                                <p class="review-text" data-full="Seamless subscription process. No need to interact with anyone. App for opening doors and the storage room works fine. Saved me a lot of trouble while moving out of previous place. Can&amp;#039;t complain, 10/10" data-truncated="Seamless subscription process. No need to interact with anyone. App for opening doors and the…">Seamless subscription process. No need to interact with anyone. App for opening doors and the…</p>
1534                                  <button class="expand-btn" style="display:flex; align-items:center; gap: 4px;" onclick="expand(this)">
1535                    <span class="expand-label">Lees verder</span>
1536                    <span>
1537                      <img style="display: inline-block;
1537" src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/angle-down.ea2e3f.svg" alt="arrow">
1538                    </span>
1539                  </button>
1540                              </div>
1541
1542              <div class="review-meta">
1543                <div class="review-location">
1544                  <div><strong>1BOX Den Haag</strong></div>
1545                  <span class="review-date">Viktor</span>
1546                  <span class="divider">|</span>
1547                  <span class="review-date">06-10-2026</span>
1548                </div>
1549              </div>
1550            </div>
1551                                        <div class="review-card desktop-card">
1552              <div class="review-card-header">
1553                <div class="stars-container">
1554                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1555                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1556                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1557                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1558                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star">
1559                                                      </div>
1560              </div>
1561              <div class="review-card-body">
1562                                <p class="review-text" data-full="Makkelijk online te bestellen en te regelen. Ook goed bereikbaar." data-truncated="Makkelijk online te bestellen en te regelen. Ook goed bereikbaar.">Makkelijk online te bestellen en te regelen. Ook goed bereikbaar.</p>
1563                              </div>
1564
1565              <div class="review-meta">
1566                <div class="review-location">
1567                  <div><strong>1BOX Nijmegen-Wijchen</strong></div>
1568                  <span class="review-date">Roger Lamee</span>
1569                  <span class="divider">|</span>
1570                  <span class="review-date">05-10-2026</span>
1571                </div>
1572              </div>
1573            </div>
1574                                        <div class="review-card desktop-card">
1575              <div class="review-card-header">
1576                <div class="stars-container">
1577                                                            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1578                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1579                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1580                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1581                                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1582                                                      </div>
1583              </div>
1584              <div class="review-card-body">
1585                                <p class="review-text" data-full="Makkelijke en veilige toegang. Snelle service bij telefonisch contact." data-truncated="Makkelijke en veilige toegang. Snelle service bij telefonisch contact.">Makkelijke en veilige toegang. Snelle service bij telefonisch contact.</p>
1586                              </div>
1587
1588              <div class="review-meta">
1589                <div class="review-location">
1590                  <div><strong>1BOX Goes</strong></div>
1591                  <span class="review-date">Bianca D.</span>
1592                  <span class="divider">|</span>
1593                  <span class="review-date">05-10-2026</span>
1594                </div>
1595              </div>
1596            </div>
1597                                                                                                                                                                                                                                                                                                                                          </div>
1598
1599      <!-- Removed legacy view-more-container in favor of review-button below -->
1600    <div class="button-container">
1601          <div class="review-button" onclick="openReviewsModal('rv_6ac4e9bbb277a')">
1602            Meer reviews
1603                          <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="">
1604                      </div>
1605    </div>
1606    </div>
1607  </div>
1608
1609  <!-- Reviews Modal -->
1610  <div id="reviewsModal-rv_6ac4e9bbb277a" class="reviews-modal">
1611    <div class="modal-overlay" onclick="closeReviewsModal('rv_6ac4e9bbb277a')"></div>
1612
1613    <div id="reviewsPanel-rv_6ac4e9bbb277a" class="modal-panel"
1614         data-facility-id=""
1615         data-location-name=""
1616         data-location-id=""
1617         data-high-rating-only="true"
1618         data-nonce="bc944520be"
1619         data-ajax-url="https://www.1box.nl/wp-admin/admin-ajax.php"
1620         data-instance-id="rv_6ac4e9bbb277a">
1621      <div class="modal-header">
1622        <h2 class="modal-title">Wat onze klanten zeggen</h2>
1623        <button class="modal-close-btn" onclick="closeReviewsModal('rv_6ac4e9bbb277a')">
1624          <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/x-symbol.355470.svg" alt="x" class="x-icon" style="width: 10px; height: 10px;">
1625        </button>
1626      </div>
1627
1628      <div class="modal-content-scrollable">
1629        <div class="modal-reviews-rating">
1630                    <span class="modal-rating-text">4.7 </span>
1631          <div class="modal-review-container">
1632            <div class="modal-rating-stars">
1633                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1634                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1635                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1636                                                                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1637                                                                <span class="star-half">
1638                    <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star">
1639                    <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Half Star" class="star-icon half">
1640                  </span>
1641                                          </div>
1642            <span class="modal-rating-reviews"> 3087 reviews </span>
1643          </div>
1644        </div>
1645
1646        <div class="reviews-distribution">
1647                                  <div class="distribution-row">
1648              <div class="stars-column">
1649                <span>5</span>
1650                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1651              </div>
1652              <div class="progress-column">
1653                <div class="progress-bar">
1654                  <div class="progress-fill" style="width: 84%;"></div>
1655                </div>
1656              </div>
1657              <div class="percentage-column">84%</div>
1658            </div>
1659                                  <div class="distribution-row">
1660              <div class="stars-column">
1661                <span>4</span>
1662                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1663              </div>
1664              <div class="progress-column">
1665                <div class="progress-bar">
1666                  <div class="progress-fill" style="width: 11%;"></div>
1667                </div>
1668              </div>
1669              <div class="percentage-column">11%</div>
1670            </div>
1671                                  <div class="distribution-row">
1672              <div class="stars-column">
1673                <span>3</span>
1674                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1675              </div>
1676              <div class="progress-column">
1677                <div class="progress-bar">
1678                  <div class="progress-fill" style="width: 2%;"></div>
1679                </div>
1680              </div>
1681              <div class="percentage-column">2%</div>
1682            </div>
1683                                  <div class="distribution-row">
1684              <div class="stars-column">
1685                <span>2</span>
1686                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1687              </div>
1688              <div class="progress-column">
1689                <div class="progress-bar">
1690                  <div class="progress-fill" style="width: 1%;"></div>
1691                </div>
1692              </div>
1693              <div class="percentage-column">1%</div>
1694            </div>
1695                                  <div class="distribution-row">
1696              <div class="stars-column">
1697                <span>1</span>
1698                <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon">
1699              </div>
1700              <div class="progress-column">
1701                <div class="progress-bar">
1702                  <div class="progress-fill" style="width: 3%;"></div>
1703                </div>
1704              </div>
1705              <div class="percentage-column">3%</div>
1706            </div>
1707                  </div>
1708
1709        <!-- AJAX Reviews Container -->
1710        <div id="ajax-reviews-container-rv_6ac4e9bbb277a">
1711          <!-- Initial reviews load will be here -->
1712        </div>
1713
1714        <!-- Loading indicator -->
1715        <div id="reviews-loading-rv_6ac4e9bbb277a" class="reviews-loading" style="display: none;">
1716          <div class="loading-spinner"></div>
1717          <p>Loading reviews...</p>
1718        </div>
1719
1720        <!-- AJAX Pagination -->
1721        <div class="modal-pagination ajax-pagination" id="ajaxPagination-rv_6ac4e9bbb277a" style="display: none;">
1722          <button class="modal-page-btn modal-page-arrow" id="ajaxPrevBtn-rv_6ac4e9bbb277a" aria-label="Previous page" title="Previous">‹</button>
1723          <div class="modal-page-numbers" id="ajaxPageNumbers-rv_6ac4e9bbb277a"></div>
1724          <button class="modal-page-btn modal-page-arrow" id="ajaxNextBtn-rv_6ac4e9bbb277a" aria-label="Next page" title="Next">›</button>
1725        </div>
1726      </div>
1727    </div>
1728  </div>
1729</section>
1730
1731<style>
1732  /* Base styles */
1733  .reviews {
1734    position: relative;
1735    width: 100%;
1736    padding: 3rem 0;
1737  }
1738
1739  .reviews-container {
1740    width: 100%;
1741  }
1742
1743  .reviews-inner {
1744    max-width: 1253px;
1745    margin: 0 auto;
1746  }
1747
1748  @media (max-width: 768px) {
1749    .reviews-inner {
1750      padding: 0 20px;
1751    }
1752  }
1753
1754  /* Reviews Header */
1755  .reviews-header {
1756    display: flex;
1757    flex-direction: column;
1758    align-content: flex-start;
1759    align-items: flex-start;
1760    text-align: center;
1761    margin-bottom: 20px;
1762  }
1763
1764  .reviews-title {
1765    font-size: 20px;
1766    font-weight: 700;
1767    color: #1f2937;
1768    margin: 0 0 8px 0;
1769  }
1770
1771  .reviews-rating {
1772    display: flex;
1773    align-items: center;
1774    justify-content: center;
1775    gap: 8px;
1776  }
1777
1778  .rating-stars {
1779    display: flex;
1780    gap: 0.125rem;
1781  }
1782
1783  .review-button {
1784    display: flex;
1785    align-items: center;
1786    justify-content: space-between;
1787    padding: 12px 16px;
1788    width: 100%;
1789    background-color: #1E0B38;
1790    color: white;
1791    font-size: 16px;
1792    font-weight: 500;
1793    text-align: center;
1794    text-decoration: none;
1795    border-radius: 4px;
1796    border: none;
1797    cursor: pointer;
1798    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
1799    transition: background-color 0.3s, box-shadow 0.3s;
1800  }
1801
1802  @media (min-width: 768px) {
1803    .review-button {
1804      max-width: 23%;
1805    }
1806
1807    .button-container {
1808      justify-content: flex-start !important;
1809    }
1810  }
1811
1812  .review-button:hover {
1813    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
1814  }
1815
1816  .review-button:active {
1817    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
1818  }
1819
1820  .rating-stars .star-icon {
1821    width: 18px;
1822    height: 18px;
1823  }
1824
1825  .rating-text {
1826    font-size: 1rem;
1827    color: #1E0B38;
1828    font-weight: 500;
1829  }
1830
1831  .rating-score {
1832    font-weight: 700;
1833  }
1834
1835  .rating-reviews {
1836    text-decoration: underline;
1837    cursor: pointer;
1838  }
1839
1840  .button-container {
1841    display: flex;
1842    justify-content: center;
1843  }
1844
1845  .button-arr {
1846    align-items: center;
1847    padding: 0 5px;
1848    border-radius: 50%;
1849    border: solid 2px;
1850    text-align: center;
1851    color: black;
1852    background: white;
1853  }
1854
1855  /* Mobile horizontal scroll container */
1856  .reviews-mobile-scroll {
1857    display: flex;
1858    gap: 1rem;
1859    overflow-x: auto;
1860    scroll-behavior: smooth;
1861    -webkit-overflow-scrolling: touch;
1862    scrollbar-width: none;
1863    -ms-overflow-style: none;
1864    padding: 0 16px 20px 16px;
1865    margin: 0 -15px;
1866  }
1867
1868  .reviews-mobile-scroll-wrapper {
1869    position: relative;
1870  }
1871
1872  .scroll-arrow {
1873    position: absolute;
1874    top: 50%;
1875    transform: translateY(-50%);
1876    width: 24px;
1877    height: 24px;
1878    border-radius: 50%;
1879    background: white;
1880    color: #66B142;
1881    border: none;
1882    display: none; /* Hidden by default; toggled via JS */
1883    align-items: center;
1884    justify-content: center;
1885    z-index: 2;
1886    box-shadow: 0px 2px 9px 0px #00000040;
1887  }
1888
1889  .scroll-arrow span {
1890    font-size: 22px;
1891    line-height: 1;
1892    display: block;
1893    margin-top: -2px;
1894  }
1895
1896  .scroll-arrow.left { left: 6px; }
1897  .scroll-arrow.right { right: 6px; }
1898
1899  .reviews-mobile-scroll::-webkit-scrollbar {
1900    display: none;
1901  }
1902
1903  .reviews-mobile-scroll .mobile-card {
1904    flex: 0 0 280px;
1905    min-height: 235px;
1906  }
1907
1908  .modal-reviews-rating {
1909    display: flex;
1910    /*padding: 0 20px;*/
1911    gap: 12px;
1912    align-items: center;
1913  }
1914
1915  .modal-rating-text {
1916    font-size: 42px;
1917    font-weight: 700;
1918    color: #1E0B38;
1919  }
1920
1921  .modal-review-container{
1922    display: flex;
1923    flex-direction: column;
1924  }
1925
1926  .modal-rating-stars {
1927    display: flex;
1928  }
1929
1930  .modal-rating-reviews {
1931    font-weight: 400;
1932    font-size: 17px;
1933    line-height: 20px;
1934    letter-spacing: 0;
1935  }
1936
1937  .reviews-distribution {
1938    width: 100%;
1939    margin: 20px 0;
1940    /*padding: 0 20px;*/
1941  }
1942
1943  .distribution-row {
1944    display: flex;
1945    align-items: center;
1946    margin-bottom: 4px;
1947  }
1948
1949  .stars-column {
1950    display: flex;
1951    align-items: center;
1952    width: 40px;
1953  }
1954
1955  .stars-column span {
1956    margin-right: 5px;
1957    font-weight: bold;
1958  }
1959
1960  .star-icon {
1961    width: 18px;
1962    height: 18px;
1963  }
1964  /* Optional: visual half star support if needed via masking could be added here */
1965
1966  .progress-column {
1967    flex-grow: 1;
1968    padding: 0 10px;
1969  }
1970
1971  .progress-bar {
1972    width: 100%;
1973    height: 6px;
1974    background-color: #e0e0e0;
1975    border-radius: 4px;
1976    overflow: hidden;
1977  }
1978
1979  .progress-fill {
1980    height: 100%;
1981    background-color: #1E0B38;
1982    border-radius: 4px;
1983  }
1984
1985  .percentage-column {
1986    width: 40px;
1987    text-align: right;
1988    font-size: 14px;
1989    color: #1E0B38;
1990  }
1991
1992  /* Desktop grid (hidden on mobile) */
1993  .reviews-desktop-grid {
1994    display: none;
1995  }
1996
1997  @media (min-width: 768px) {
1998    .reviews-title {
1999      font-size: 20px;
2000    }
2001
2002    .reviews-mobile-scroll {
2003      display: none;
2004    }
2005
2006    .reviews-desktop-grid {
2007      display: grid;
2008      grid-template-columns: repeat(2, 1fr);
2009      gap: 20px;
2010    }
2011  }
2012
2013  @media (min-width: 1024px) {
2014    .reviews-desktop-grid {
2015      grid-template-columns: repeat(3, 1fr);
2016    }
2017  }
2018
2019  /* Review card styles */
2020  .review-card {
2021    background: white;
2022    border-radius: 4px;
2023    padding: 24px;
2024    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
2025    border: 1px solid;
2026    display: flex;
2027    flex-direction: column;
2028  }
2029
2030  .review-card-header {
2031    margin-bottom: 1rem;
2032  }
2033
2034  .stars-container {
2035    display: flex;
2036    gap: 0.125rem;
2037    margin-bottom: 16px;
2038  }
2039  .star-half {
2040    position: relative;
2041    display: inline-block;
2042    line-height: 0;
2043  }
2044  .star-half .half {
2045    position: absolute;
2046    top: 0;
2047    left: 0;
2048    width: 100%;
2049    overflow: hidden;
2050    clip-path: inset(0 50% 0 0);
2051  }
2052
2053  .star-icon {
2054    width: 1.125rem;
2055    height: 1.125rem;
2056  }
2057
2058  .review-meta {
2059    line-height: 1.4;
2060  }
2061
2062  .review-title {
2063    font-weight: 700;
2064    font-size: 1.125rem;
2065    color: #1f2937;
2066    margin-bottom: 0.25rem;
2067  }
2068
2069  .review-location {
2070    font-size: 0.875rem;
2071    color: #1E0B38;
2072    margin-bottom: 0.125rem;
2073  }
2074
2075  .review-date {
2076    font-size: 0.875rem;
2077    color: #1E0B38;
2078  }
2079
2080  .review-card-body {
2081    flex: 1;
2082    display: flex;
2083    flex-direction: column;
2084    margin-bottom: 15px;
2085    overflow: visible;
2086    max-height: none;
2087  }
2088
2089  .review-text {
2090    color: #1E0B38;
2091  }
2092
2093  .expand-btn {
2094    background: none;
2095    border: none;
2096    cursor: pointer;
2097    text-align: left;
2098    padding: 0;
2099    text-decoration: underline;
2100    font-size: 16px;
2101    font-weight: 600;
2102    align-self: flex-start;
2103  }
2104
2105  .expand-btn:hover {
2106    color: #6d28d9;
2107  }
2108
2109  /* Rotate arrow on expand/collapse */
2110  .expand-btn img {
2111    transition: transform 0.2s ease;
2112  }
2113  .review-card.expanded .expand-btn img {
2114    transform: rotate(180deg);
2115  }
2116
2117  /* View All Button */
2118  .view-more-container {
2119    display: flex;
2120    justify-content: center;
2121    margin-top: 2.5rem;
2122  }
2123
2124  .view-all-btn {
2125    display: flex;
2126    align-items: center;
2127    gap: 0.5rem;
2128    background-color: #2d1b69;
2129    color: white;
2130    font-size: 1rem;
2131    font-weight: 600;
2132    padding: 0.875rem 1.5rem;
2133    border-radius: 0.5rem;
2134    border: none;
2135    cursor: pointer;
2136    transition: all 0.2s;
2137  }
2138
2139  .view-all-btn:hover {
2140    background-color: #1e1348;
2141    transform: translateY(-1px);
2142  }
2143
2144  .btn-arrow {
2145    width: 1rem;
2146    height: 1rem;
2147    filter: invert(1);
2148  }
2149
2150  /* Modal styles */
2151  .reviews-modal {
2152    position: fixed;
2153    top: 0;
2154    left: 0;
2155    width: 100%;
2156    height: 100%;
2157    z-index: 9999;
2158    display: none;
2159  }
2160
2161  .modal-overlay {
2162    position: absolute;
2163    top: 0;
2164    left: 0;
2165    width: 100%;
2166    height: 100%;
2167    background-color: rgba(0, 0, 0, 0.5);
2168  }
2169
2170  .modal-panel {
2171    position: fixed;
2172    top: 0;
2173    width: 88%;
2174    height: 100%;
2175    background-color: white;
2176    transition: transform 0.3s ease-in-out;
2177    /*overflow: hidden;*/
2178  }
2179
2180  /* Mobile modal - slide from right */
2181  @media (max-width: 767px) {
2182    .modal-panel {
2183      right: 0;
2184      width: 88%;
2185      transform: translateX(100%);
2186    }
2187
2188    .review-card-header {
2189      margin-bottom: 16px;
2190      width: 99px;
2191      height: 19px;
2192    }
2193
2194    .review-text {}
2195
2196    .review-location {
2197      margin-top: 0px;
2198    }
2199
2200    .reviews-rating {
2201      gap: 8px;
2202    }
2203  }
2204
2205  /* Desktop modal - slide from right */
2206  @media (min-width: 768px) {
2207    .modal-panel {
2208      right: 0;
2209      width: 546px;
2210      max-width: 90vw;
2211      transform: translateX(100%);
2212    }
2213    .review-card-header {
2214      margin-bottom: 0;
2215    }
2216    .review-card {
2217      height: fit-content;
2218      max-width: 404.33px;
2219      margin-bottom: 20px
2220    }
2221  }
2222
2223  .review-card.expanded {
2224    height: fit-content;
2225  }
2226
2227  /* Modal header */
2228  .modal-header {
2229    display: flex;
2230    justify-content: space-between;
2231    align-items: center;
2232    padding: 20px 16px 9px;
2233    background-color: white;
2234    position: sticky;
2235    top: 0;
2236    z-index: 10;
2237    padding-bottom: 8px;
2238  }
2239
2240  .modal-title {
2241    margin: 0;
2242    font-size: 1.25rem;
2243    font-weight: 700;
2244    color: #1f2937;
2245    line-height: 28px
2246  }
2247
2248  .modal-close-btn {
2249    flex-shrink: 0;
2250    background: none;
2251    cursor: pointer;
2252    color: #fff;
2253    width: 30px;
2254    height: 30px;
2255    display: flex;
2256    align-items: center;
2257    justify-content: center;
2258    padding: 0;
2259    line-height: 2;
2260    border: 1px solid #1E0B38;
2261    background-color: #1E0B38;
2262    border-radius: 50%;
2263    font-size: 20px;
2264    font-weight: 900;
2265  }
2266
2267  .modal-close-btn:hover {
2268    color: #1f2937;
2269    background-color: black;
2270  }
2271
2272  /* Modal content */
2273  .modal-content-scrollable {
2274    height: calc(100% - 100px);
2275    overflow-y: auto;
2276    padding: 0 16px;
2277  }
2278
2279  .modal-pagination {
2280    display: flex;
2281    align-items: center;
2282    justify-content: space-between;
2283    gap: 12px;
2284    padding: 8px 0 20px 0;
2285  }
2286
2287  .modal-page-btn {
2288    width: 42px;
2289    height: 42px;
2290    background-color: #1E0B38;
2291    color: #fff;
2292    border: none;
2293    border-radius: 4px;
2294    padding: 8px 12px;
2295    cursor: pointer;
2296  }
2297
2298  .modal-page-btn:disabled {
2299    opacity: 0.5;
2300    cursor: default;
2301  }
2302  .modal-page-numbers {
2303    display: flex;
2304    align-items: center;
2305    gap: 6px;
2306  }
2307
2308  .modal-page-number {
2309    min-width: 42px;
2310    height: 42px;
2311    padding: 0 10px;
2312    border: 1px solid #1E0B38;
2313    border-radius: 4px;
2314    background: #fff;
2315    color: #1E0B38;
2316    cursor: pointer;
2317    display: inline-flex;
2318    align-items: center;
2319    justify-content: center;
2320    font-weight: 600;
2321  }
2322
2323  .modal-page-number.active {
2324    background: #1E0B38;
2325    color: #fff;
2326  }
2327
2328  .modal-page-ellipsis {
2329    padding: 0 6px;
2330    color: #1E0B38;
2331  }
2332
2333  /* AJAX Pagination Styles */
2334  .ajax-pagination {
2335    display: flex;
2336    justify-content: center;
2337    align-items: center;
2338    gap: 8px;
2339    margin-top: 30px;
2340    padding: 20px 0;
2341  }
2342
2343  .reviews-loading {
2344    display: flex;
2345    flex-direction: column;
2346    align-items: center;
2347    justify-content: center;
2348    padding: 40px 20px;
2349    text-align: center;
2350  }
2351
2352  .loading-spinner {
2353    width: 40px;
2354    height: 40px;
2355    border: 4px solid #f3f3f3;
2356    border-top: 4px solid #333;
2357    border-radius: 50%;
2358    animation: spin 1s linear infinite;
2359    margin-bottom: 15px;
2360  }
2361
2362  @keyframes spin {
2363    0% { transform: rotate(0deg); }
2364    100% { transform: rotate(360deg); }
2365  }
2366
2367  .reviews-loading p {
2368    color: #666;
2369    font-size: 16px;
2370    margin: 0;
2371  }
2372
2373  /* Page ellipsis for AJAX pagination */
2374  .page-ellipsis {
2375    padding: 0 6px;
2376    color: #1E0B38;
2377  }
2378
2379  .modal-page-indicator {
2380    color: #1E0B38;
2381    font-weight: 600;
2382  }
2383
2384  .modal-review-item {
2385    padding: 24px;
2386    border: 1px solid;
2387    border-radius: 4px;
2388    margin-bottom: 20px;
2389  }
2390
2391  .modal-stars-container {
2392    display: flex;
2393    gap: 0.125rem;
2394    margin-bottom: 1rem;
2395  }
2396
2397  .modal-star-icon {
2398    width: 1rem;
2399    height: 1rem;
2400  }
2401
2402  .modal-review-title {
2403    font-size: 1.125rem;
2404    font-weight: 700;
2405    color: #1f2937;
2406    margin: 0 0 0.25rem 0;
2407  }
2408
2409  .modal-review-location {
2410    font-size: 0.875rem;
2411    color: #6b7280;
2412    margin-bottom: 0.125rem;
2413  }
2414
2415  .modal-review-date {
2416    font-size: 0.875rem;
2417    color: #9ca3af;
2418    margin-bottom: 0.75rem;
2419  }
2420
2421  .modal-review-text {
2422    color: #1E0B38;
2423    margin-bottom: 16px;
2424    line-height: 20px;
2425  }
2426
2427  /* Mobile responsive adjustments */
2428  @media (max-width: 767px) {
2429    .reviews {
2430      padding: 0 0 40px 0;
2431    }
2432
2433    .reviews-title {
2434      text-align: left;
2435    }
2436
2437    .review-card {
2438      padding: 1.25rem;
2439    }
2440
2441    .modal-content-scrollable {
2442      padding: 0 1.25rem 20px 1.25rem;
2443    }
2444
2445    .modal-header {
2446      padding: 1.25rem 1.25rem 8px 1.25rem;
2447    }
2448  }
2449
2450  /* Figma-aligned variant for location detail page (854:37654) */
2451  .reviews--location-new {
2452    background-color: #F3F5F5;
2453    padding: 56px 0;
2454  }
2455
2456  .reviews--location-new .reviews-inner {
2457    max-width: 1253px;
2458  }
2459
2460  .reviews--location-new .reviews-header {
2461    margin-bottom: 24px;
2462  }
2463
2464  .reviews--location-new .reviews-title {
2465    color: #1E0B38;
2466    font-size: 33.178px;
2467    font-weight: 800;
2468    line-height: 1;
2469    margin: 0;
2470  }
2471
2472  .reviews--location-new .reviews-rating {
2473    gap: 4px;
2474  }
2475
2476  .reviews--location-new .rating-stars {
2477    gap: 4px;
2478  }
2479
2480  .reviews--location-new .rating-stars .star-icon {
2481    height: 16px;
2482    width: 16px;
2483  }
2484
2485  .reviews--location-new .rating-text {
2486    color: #041E32;
2487    font-size: 16px;
2488    font-weight: 400;
2489    line-height: 24px;
2490  }
2491
2492  .reviews--location-new .rating-score {
2493    font-weight: 400;
2494  }
2495
2496  .reviews--location-new .rating-reviews {
2497    color: #006CFA;
2498    text-decoration: none;
2499  }
2500
2501  .reviews--location-new .reviews-desktop-grid {
2502    display: grid;
2503    gap: 24px;
2504    grid-template-columns: repeat(3, minmax(0, 1fr));
2505  }
2506
2507  .reviews--location-new .review-card {
2508    border: 0;
2509    border-radius: 16px;
2510    box-shadow: none;
2511    min-height: 240px;
2512    padding: 24px;
2513  }
2514
2515  .reviews--location-new .stars-container {
2516    margin-bottom: 16px;
2517  }
2518
2519  .reviews--location-new .review-text {
2520    color: #1E0B38;
2521    font-size: 16px;
2522    font-weight: 400;
2523    line-height: 24px;
2524  }
2525
2526  .reviews--location-new .expand-btn {
2527    align-items: center;
2528    color: #006CFA;
2529    display: inline-flex;
2530    font-size: 16px;
2531    font-weight: 400;
2532    gap: 4px;
2533    line-height: 24px;
2534    text-decoration: none;
2535  }
2536
2537  .reviews--location-new .expand-btn:hover {
2538    color: #006CFA;
2539    text-decoration: underline;
2540  }
2541
2542  .reviews--location-new .review-location {
2543    color: #1E0B38;
2544    font-size: 16px;
2545    line-height: 24px;
2546  }
2547
2548  .reviews--location-new .review-location strong {
2549    color: #1E0B38;
2550    font-weight: 800;
2551  }
2552
2553  .reviews--location-new .review-date,
2554  .reviews--location-new .divider {
2555    color: #1E0B38;
2556    font-size: 16px;
2557    line-height: 24px;
2558  }
2559
2560  .reviews--location-new .button-container {
2561    justify-content: flex-start !important;
2562    margin-top: 24px;
2563  }
2564
2565  .reviews--location-new .review-button {
2566    background-color: #1E0B38;
2567    border-radius: 8px;
2568    box-shadow: none;
2569    color: #fff;
2570    font-size: 16px;
2571    font-weight: 800;
2572    line-height: 24px;
2573    min-height: 56px;
2574    padding: 16px 24px;
2575    width: auto;
2576  }
2577
2578  .reviews--location-new .modal-panel {
2579    background-color: #F3F5F5;
2580  }
2581
2582  @media (min-width: 640px) {
2583    .reviews--location-new .reviews-mobile-scroll {
2584      display: none;
2585    }
2586  }
2587
2588  @media (min-width: 768px) {
2589    .reviews--location-new .modal-panel {
2590      max-width: 560px;
2591      width: 100%;
2592    }
2593  }
2594
2595  .reviews--location-new .modal-header {
2596    background-color: #F3F5F5;
2597    padding: 40px 40px 0;
2598  }
2599
2600  .reviews--location-new .modal-title {
2601    color: #1E0B38;
2602    font-size: 33.178px;
2603    font-weight: 800;
2604    line-height: 1;
2605  }
2606
2607  .reviews--location-new .modal-close-btn {
2608    background: #fff;
2609    border: 1px solid #CCD5D7;
2610    border-radius: 8px;
2611    height: 40px;
2612    width: 40px;
2613  }
2614
2615  .reviews--location-new .modal-close-btn:hover {
2616    background: #fff;
2617  }
2618
2619  .reviews--location-new .x-icon {
2620    filter: brightness(0) saturate(100%) invert(10%) sepia(17%) saturate(3419%) hue-rotate(227deg) brightness(93%) contrast(95%);
2621    height: 12px !important;
2622    width: 12px !important;
2623  }
2624
2625  .reviews--location-new .modal-content-scrollable {
2626    background-color: #F3F5F5;
2627    height: calc(100% - 80px);
2628    padding: 24px 40px 40px;
2629  }
2630
2631  .reviews--location-new .modal-reviews-rating {
2632    align-items: flex-end;
2633    gap: 8px;
2634    margin-bottom: 16px;
2635  }
2636
2637  .reviews--location-new .modal-rating-text {
2638    color: #041E32;
2639    font-size: 39.813px;
2640    font-weight: 800;
2641    line-height: 1;
2642  }
2643
2644  .reviews--location-new .modal-review-container {
2645    gap: 0;
2646  }
2647
2648  .reviews--location-new .modal-rating-stars {
2649    gap: 4px;
2650  }
2651
2652  .reviews--location-new .modal-rating-stars .star-icon {
2653    height: 16px;
2654    width: 16px;
2655  }
2656
2657  .reviews--location-new .modal-rating-reviews {
2658    color: #041E32;
2659    font-size: 16px;
2660    line-height: 24px;
2661  }
2662
2663  .reviews--location-new .reviews-distribution {
2664    margin: 0 0 24px;
2665  }
2666
2667  .reviews--location-new .distribution-row {
2668    gap: 16px;
2669    margin-bottom: 0;
2670  }
2671
2672  .reviews--location-new .stars-column {
2673    gap: 4px;
2674    width: auto;
2675  }
2676
2677  .reviews--location-new .stars-column span {
2678    color: #041E32;
2679    font-size: 16px;
2680    font-weight: 800;
2681    margin-right: 0;
2682  }
2683
2684  .reviews--location-new .progress-column {
2685    padding: 0;
2686  }
2687
2688  .reviews--location-new .progress-bar {
2689    background-color: #E6EAEA;
2690    border-radius: 40px;
2691    height: 6px;
2692  }
2693
2694  .reviews--location-new .progress-fill {
2695    background-color: #1E0B38;
2696    border-radius: 40px;
2697  }
2698
2699  .reviews--location-new .percentage-column {
2700    color: #041E32;
2701    font-size: 16px;
2702    line-height: 24px;
2703    width: 31px;
2704  }
2705
2706  .reviews--location-new .modal-review-item {
2707    background: #fff;
2708    border: 1px solid #E6EAEA;
2709    border-radius: 16px;
2710    margin-bottom: 24px;
2711    padding: 24px;
2712  }
2713
2714  .reviews--location-new .modal-stars-container {
2715    gap: 4px;
2716    margin-bottom: 16px;
2717  }
2718
2719  .reviews--location-new .modal-stars-container .star-icon {
2720    height: 16px;
2721    width: 16px;
2722  }
2723
2724  .reviews--location-new .modal-review-text {
2725    color: #1E0B38;
2726    font-size: 16px;
2727    line-height: 24px;
2728    margin-bottom: 8px;
2729  }
2730
2731  .reviews--location-new .modal-review-item .review-location,
2732  .reviews--location-new .modal-review-item .review-date,
2733  .reviews--location-new .modal-review-item .divider {
2734    color: #1E0B38;
2735    font-size: 16px;
2736    line-height: 24px;
2737  }
2738
2739  .reviews--location-new .modal-review-item .review-location strong {
2740    font-weight: 800;
2741  }
2742
2743  @media (max-width: 639px) {
2744    .reviews--location-new .modal-panel {
2745      width: 100%;
2746    }
2747
2748    .reviews--location-new .modal-header {
2749      padding: 24px 20px 0;
2750    }
2751
2752    .reviews--location-new .modal-title {
2753      font-size: 28px;
2754    }
2755
2756    .reviews--location-new .modal-content-scrollable {
2757      padding: 20px;
2758    }
2759  }
2760
2761  @media (max-width: 1023px) {
2762    .reviews--location-new {
2763      padding: 40px 0;
2764    }
2765
2766    .reviews--location-new .reviews-title {
2767      font-size: 25.629px;
2768      line-height: 1;
2769    }
2770
2771    .reviews--location-new .reviews-desktop-grid {
2772      grid-template-columns: repeat(2, minmax(0, 1fr));
2773    }
2774
2775    .reviews--location-new .review-button {
2776      width: 100%;
2777    }
2778  }
2779
2780  @media (max-width: 639px) {
2781    .reviews--location-new .reviews-desktop-grid {
2782      display: none;
2783    }
2784
2785    .reviews--location-new {
2786      padding: 32px 0 32px;
2787    }
2788
2789    .reviews--location-new .reviews-inner {
2790      padding: 0;
2791    }
2792
2793    .reviews--location-new .reviews-title {
2794      font-size: 23.04px;
2795      line-height: 1.1;
2796    }
2797
2798    .reviews--location-new .reviews-mobile-scroll {
2799      margin: 0;
2800      padding: 0;
2801    }
2802
2803    .reviews--location-new .reviews-mobile-scroll .mobile-card {
2804      border-radius: 16px;
2805      flex-basis: 298px;
2806      min-height: 288px;
2807    }
2808
2809    .reviews--location-new .review-button {
2810      width: 100%;
2811    }
2812  }
2813</style>
2814
2815<script>
2816  function expand(element) {
2817    const card = element.closest('.review-card');
2818    const text = card.querySelector('.review-text');
2819
2820    const label = element.querySelector('.expand-label');
2821    const isExpanded = card.classList.contains('expanded');
2822    const full = text.getAttribute('data-full');
2823    const truncated = text.getAttribute('data-truncated');
2824
2825    if (isExpanded) {
2826      card.classList.remove('expanded');
2827      if (truncated) text.textContent = truncated;
2828      if (label) label.textContent = 'Lees verder';
2829    } else {
2830      card.classList.add('expanded');
2831      if (full) text.textContent = full;
2832      if (label) label.textContent = 'Read less';
2833    }
2834
2835    // Re-equalize heights after toggling content
2836    // setTimeout(equalizeReviewsHeights, 0);
2837  }
2838
2839
2840  function openReviewsModal(instanceId) {
2841    const modal = document.getElementById('reviewsModal-' + instanceId);
2842    const panel = document.getElementById('reviewsPanel-' + instanceId);
2843
2844    modal.style.display = 'block';
2845    document.body.style.overflow = 'hidden';
2846
2847    // Start animation after display block
2848    setTimeout(() => {
2849      panel.style.transform = 'translateX(0)';
2850    }, 10);
2851
2852    // Initialize AJAX pagination after modal opens
2853    setTimeout(() => {
2854      if (!panel.dataset.paginationInitialized) {
2855        initializeAjaxPagination(instanceId);
2856        panel.dataset.paginationInitialized = 'true';
2857      }
2858    }, 100);
2859  }
2860
2861  function updateMobileScrollArrows(instanceId) {
2862    const scroller = document.getElementById('reviewsMobileScroll-' + instanceId);
2863    if (!scroller) return;
2864    const left = scroller.previousElementSibling;
2865    const right = scroller.nextElementSibling;
2866    const canScrollLeft = scroller.scrollLeft > 0;
2867    const canScrollRight = scroller.scrollLeft + scroller.clientWidth < scroller.scrollWidth - 1;
2868    left.style.display = canScrollLeft ? 'flex' : 'none';
2869    right.style.display = canScrollRight ? 'flex' : 'none';
2870  }
2871
2872  function scrollMobileReviews(instanceId, direction) {
2873    const scroller = document.getElementById('reviewsMobileScroll-' + instanceId);
2874    if (!scroller) return;
2875    const amount = Math.max(240, scroller.clientWidth * 0.85);
2876    const delta = direction === 'left' ? -amount : amount;
2877    scroller.scrollBy({ left: delta, behavior: 'smooth' });
2878    // After animation, update arrows; also update immediately
2879    updateMobileScrollArrows(instanceId);
2880    setTimeout(() => updateMobileScrollArrows(instanceId), 350);
2881  }
2882
2883  document.addEventListener('DOMContentLoaded', function() {
2884    const scroller = document.getElementById('reviewsMobileScroll-rv_6ac4e9bbb277a');
2885    if (!scroller) return;
2886    updateMobileScrollArrows('rv_6ac4e9bbb277a');
2887    scroller.addEventListener('scroll', () => updateMobileScrollArrows('rv_6ac4e9bbb277a'), { passive: true });
2888    window.addEventListener('resize', () => updateMobileScrollArrows('rv_6ac4e9bbb277a'));
2889  });
2890
2891  // Equal height utilities for review cards
2892  function equalizeReviewsHeights() {
2893    const groups = ['.reviews-desktop-grid', '.reviews-mobile-scroll'];
2894    groups.forEach((selector) => {
2895      const container = document.querySelector(selector);
2896      if (!container) return;
2897      const cards = Array.from(container.querySelectorAll('.review-card'));
2898      if (!cards.length) return;
2899      // Reset any previously set min-height before measuring
2900      cards.forEach((card) => {
2901        card.style.minHeight = '';
2902      });
2903      let maxHeight = 0;
2904      cards.forEach((card) => {
2905        const h = card.offsetHeight;
2906        if (h > maxHeight) maxHeight = h;
2907      });
2908      if (maxHeight > 0) {
2909        cards.forEach((card) => {
2910          card.style.minHeight = maxHeight + 'px';
2911        });
2912      }
2913    });
2914  }
2915
2916  function debounce(fn, wait) {
2917    let timeoutId;
2918    return function() {
2919      const context = this;
2920      const args = arguments;
2921      clearTimeout(timeoutId);
2922      timeoutId = setTimeout(function() { fn.apply(context, args); }, wait);
2923    };
2924  }
2925
2926  // Run equalization on load and on resize
2927  document.addEventListener('DOMContentLoaded', function() {
2928    setTimeout(equalizeReviewsHeights, 0);
2929    window.addEventListener('load', equalizeReviewsHeights);
2930    window.addEventListener('resize', debounce(equalizeReviewsHeights, 150));
2931  });
2932
2933  // Modal pagination logic
2934  const MODAL_PAGE_SIZE = 10;
2935  let modalCurrentPage = 1;
2936
2937  function getModalItems(instanceId) {
2938    return Array.from(document.querySelectorAll('#reviewsPanel-' + instanceId + ' .modal-review-item'));
2939  }
2940
2941  function buildPageButtons(instanceId, totalPages) {
2942    const container = document.getElementById('modalPageNumbers');
2943    if (!container) return;
2944    container.innerHTML = '';
2945
2946    const createNumberBtn = (page) => {
2947      const btn = document.createElement('button');
2948      btn.className = 'modal-page-number' + (page === modalCurrentPage ? ' active' : '');
2949      btn.textContent = page;
2950      btn.setAttribute('aria-label', `Page ${page}`);
2951      btn.addEventListener('click', () => renderModalPage(instanceId, page));
2952      return btn;
2953    };
2954
2955    const addEllipsis = () => {
2956      const span = document.createElement('span');
2957      span.className = 'modal-page-ellipsis';
2958      span.textContent = '...';
2959      container.appendChild(span);
2960    };
2961
2962    // Always show first page
2963    container.appendChild(createNumberBtn(1));
2964
2965    if (totalPages <= 6) {
2966      for (let i = 2; i <= totalPages; i++) {
2967        container.appendChild(createNumberBtn(i));
2968      }
2969      return;
2970    }
2971
2972    const left = Math.max(2, modalCurrentPage - 1);
2973    const right = Math.min(totalPages - 1, modalCurrentPage + 1);
2974
2975    if (left > 2) addEllipsis();
2976
2977    for (let i = left; i <= right; i++) {
2978      container.appendChild(createNumberBtn(i));
2979    }
2980
2981    if (right < totalPages - 1) addEllipsis();
2982
2983    // Always show last page
2984    container.appendChild(createNumberBtn(totalPages));
2985  }
2986
2987  function renderModalPage(instanceId, page) {
2988    const items = getModalItems(instanceId);
2989    if (!items.length) return;
2990    const totalPages = Math.ceil(items.length / MODAL_PAGE_SIZE);
2991    modalCurrentPage = Math.min(Math.max(1, page), totalPages);
2992
2993    const start = (modalCurrentPage - 1) * MODAL_PAGE_SIZE;
2994    const end = start + MODAL_PAGE_SIZE;
2995
2996    items.forEach((el, idx) => {
2997      el.style.display = (idx >= start && idx < end) ? 'block' : 'none';
2998    });
2999
3000    const prevBtn = document.getElementById('modalPrevBtn');
3001    const nextBtn = document.getElementById('modalNextBtn');
3002    buildPageButtons(instanceId, totalPages);
3003    if (prevBtn) prevBtn.disabled = modalCurrentPage === 1;
3004    if (nextBtn) nextBtn.disabled = modalCurrentPage === totalPages;
3005  }
3006
3007  function initModalPagination(instanceId) {
3008    const items = getModalItems(instanceId);
3009    const pagination = document.getElementById('modalPagination');
3010    if (!pagination || items.length <= MODAL_PAGE_SIZE) {
3011      // Nothing to paginate; ensure all items visible
3012      items.forEach(el => el.style.display = 'block');
3013      return;
3014    }
3015
3016    const prevBtn = document.getElementById('modalPrevBtn');
3017    const nextBtn = document.getElementById('modalNextBtn');
3018
3019    if (prevBtn && !prevBtn.dataset.bound) {
3020      prevBtn.addEventListener('click', () => renderModalPage(instanceId, modalCurrentPage - 1));
3021      prevBtn.dataset.bound = '1';
3022    }
3023
3024    if (nextBtn && !nextBtn.dataset.bound) {
3025      nextBtn.addEventListener('click', () => renderModalPage(instanceId, modalCurrentPage + 1));
3026      nextBtn.dataset.bound = '1';
3027    }
3028
3029    modalCurrentPage = 1;
3030    renderModalPage(instanceId, modalCurrentPage);
3031  }
3032
3033  // AJAX Pagination Logic
3034  const PER_PAGE = 10;
3035
3036  class ReviewsPagination {
3037    constructor(instanceId) {
3038      this.instanceId = instanceId;
3039      this.currentPage = 1;
3040      this.totalPages = 1;
3041      this.loading = false;
3042      this.panel = document.getElementById('reviewsPanel-' + instanceId);
3043      this.container = document.getElementById('ajax-reviews-container-' + instanceId);
3044      this.loadingEl = document.getElementById('reviews-loading-' + instanceId);
3045      this.paginationEl = document.getElementById('ajaxPagination-' + instanceId);
3046
3047      this.initializeEventListeners();
3048    }
3049
3050    initializeEventListeners() {
3051      // Previous button
3052      const prevBtn = document.getElementById('ajaxPrevBtn-' + this.instanceId);
3053      if (prevBtn) {
3054        prevBtn.addEventListener('click', () => this.goToPage(this.currentPage - 1));
3055      }
3056
3057      // Next button
3058      const nextBtn = document.getElementById('ajaxNextBtn-' + this.instanceId);
3059      if (nextBtn) {
3060        nextBtn.addEventListener('click', () => this.goToPage(this.currentPage + 1));
3061      }
3062    }
3063
3064    showLoading() {
3065      this.loading = true;
3066      this.loadingEl.style.display = 'block';
3067      this.container.style.opacity = '0.5';
3068    }
3069
3070    hideLoading() {
3071      this.loading = false;
3072      this.loadingEl.style.display = 'none';
3073      this.container.style.opacity = '1';
3074    }
3075
3076    updatePagination(data) {
3077      this.currentPage = data.current_page;
3078      this.totalPages = data.total_pages;
3079
3080      // Update pagination buttons
3081      const prevBtn = document.getElementById('ajaxPrevBtn-' + this.instanceId);
3082      const nextBtn = document.getElementById('ajaxNextBtn-' + this.instanceId);
3083
3084      if (prevBtn) prevBtn.disabled = !data.has_prev;
3085      if (nextBtn) nextBtn.disabled = !data.has_next;
3086
3087      // Update page numbers
3088      this.buildPageNumbers();
3089
3090      // Show/hide pagination
3091      this.paginationEl.style.display = this.totalPages > 1 ? 'flex' : 'none';
3092    }
3093
3094    buildPageNumbers() {
3095      const container = document.getElementById('ajaxPageNumbers-' + this.instanceId);
3096      if (!container) return;
3097
3098      container.innerHTML = '';
3099
3100      const createNumberBtn = (page) => {
3101        const btn = document.createElement('button');
3102        btn.className = 'modal-page-number' + (page === this.currentPage ? ' active' : '');
3103        btn.textContent = page;
3104        btn.addEventListener('click', () => this.goToPage(page));
3105        return btn;
3106      };
3107
3108      const MAX_VISIBLE_PAGES = 5;
3109      const start = Math.max(1, this.currentPage - Math.floor(MAX_VISIBLE_PAGES / 2));
3110      const end = Math.min(this.totalPages, start + MAX_VISIBLE_PAGES - 1);
3111
3112      if (start > 1) {
3113        container.appendChild(createNumberBtn(1));
3114        if (start > 2) {
3115          const ellipsis = document.createElement('span');
3116          ellipsis.className = 'page-ellipsis';
3117          ellipsis.textContent = '...';
3118          container.appendChild(ellipsis);
3119        }
3120      }
3121
3122      for (let i = start; i <= end; i++) {
3123        container.appendChild(createNumberBtn(i));
3124      }
3125
3126      if (end < this.totalPages) {
3127        if (end < this.totalPages - 1) {
3128          const ellipsis = document.createElement('span');
3129          ellipsis.className = 'page-ellipsis';
3130          ellipsis.textContent = '...';
3131          container.appendChild(ellipsis);
3132        }
3133        container.appendChild(createNumberBtn(this.totalPages));
3134      }
3135    }
3136
3137    goToPage(page) {
3138      if (this.loading || page < 1 || page > this.totalPages || page === this.currentPage) {
3139        return;
3140      }
3141
3142      this.loadPage(page);
3143    }
3144
3145    loadPage(page) {
3146      this.showLoading();
3147
3148      const formData = new FormData();
3149      formData.append('action', 'load_reviews_page');
3150      formData.append('page', page);
3151      formData.append('per_page', PER_PAGE);
3152      formData.append('nonce', this.panel.dataset.nonce);
3153
3154      if (this.panel.dataset.facilityId) {
3155        formData.append('facility_id', this.panel.dataset.facilityId);
3156      }
3157      if (this.panel.dataset.locationName) {
3158        formData.append('location_name', this.panel.dataset.locationName);
3159      }
3160      if (this.panel.dataset.locationId) {
3161        formData.append('location_id', this.panel.dataset.locationId);
3162      }
3163      formData.append('high_rating_only', this.panel.dataset.highRatingOnly);
3164
3165      fetch(this.panel.dataset.ajaxUrl, {
3166        method: 'POST',
3167        body: formData
3168      })
3169      .then(response => response.json())
3170      .then(data => {
3171        this.hideLoading();
3172
3173        if (data.success) {
3174          this.container.innerHTML = data.data.html;
3175          this.updatePagination(data.data);
3176
3177          // Scroll to top of reviews
3178          this.container.scrollIntoView({ behavior: 'smooth', block: 'start' });
3179        } else {
3180          console.error('Failed to load reviews:', data.data);
3181          alert('Failed to load reviews. Please try again.');
3182        }
3183      })
3184      .catch(error => {
3185        this.hideLoading();
3186        console.error('AJAX error:', error);
3187        alert('Failed to load reviews. Please try again.');
3188      });
3189    }
3190
3191    initialize() {
3192      // Load first page
3193      this.loadPage(1);
3194    }
3195  }
3196
3197  // Initialize pagination when modal opens
3198  function initializeAjaxPagination(instanceId) {
3199    const pagination = new ReviewsPagination(instanceId);
3200    pagination.initialize();
3201    return pagination;
3202  }
3203
3204  function closeReviewsModal(instanceId) {
3205    const modal = document.getElementById('reviewsModal-' + instanceId);
3206    const panel = document.getElementById('reviewsPanel-' + instanceId);
3207
3208    if (!modal || !panel) {
3209      console.warn('closeReviewsModal: modal or panel not found for instanceId=', instanceId);
3210      return;
3211    }
3212
3213    panel.style.transform = 'translateX(100%)';
3214
3215    setTimeout(() => {
3216      modal.style.display = 'none';
3217      document.body.style.overflow = '';
3218    }, 300);
3219  }
3220
3221  // Close on ESC
3222  document.addEventListener('keydown', function(e) {
3223    const modal = document.getElementById('reviewsModal-rv_6ac4e9bbb277a');
3224    if (e.key === 'Escape' && modal && modal.style.display === 'block') {
3225      closeReviewsModal('rv_6ac4e9bbb277a');
3226    }
3227  });
3228
3229  // Handle window resize
3230  window.addEventListener('resize', function() {
3231    const modal = document.getElementById('reviewsModal-rv_6ac4e9bbb277a');
3232    if (modal && modal.style.display === 'block') {
3233      closeReviewsModal('rv_6ac4e9bbb277a');
3234      setTimeout(() => openReviewsModal('rv_6ac4e9bbb277a'), 50);
3235    }
3236  });
3237
3238  // Smooth scroll function for top widget
3239  function scrollToReviews() {
3240    const reviewsSection = document.getElementById('reviews-rv_6ac4e9bbb277a');
3241    if (reviewsSection) {
3242      reviewsSection.scrollIntoView({
3243        behavior: 'smooth',
3244        block: 'start'
3245      });
3246    }
3247  }
3248
3249  // function expand(button) {
3250  //   const card = button.closest('.review-card');
3251  //   card.classList.toggle('expanded');
3252  // }
3253</script>
3253
3254
3255        
3256       
3257                  <section class="storage-options bg-box-gray py-5 md:py-8">
3258  <div class="container">
3259    <div class="grid grid-cols-1 lg:grid-cols-12">
3260      <div class="col-span-10 col-start-2">
3261                  <h2 class="text-lg text-center mb-4 md:text-xl">Onze opslagmogelijkheden</h2>
3262
3263
3264
3265                          <p class="text-center mb-4 md:px-16">Bij 1BOX Self-Storage bieden we diverse soorten opslagruimtes voor zowel je persoonlijke spullen als voor je bedrijf. 
3266
3267Van het opslaan van een paar dozen tot het onderbrengen van je gehele inboedel, jouw spullen staan bij ons veilig en schoon opgeslagen en zijn elke dag van de week bereikbaar. Wij bieden de flexibiliteit om een opslagruimte te kiezen die aan jouw specifieke eisen voldoet en zorgen dat je bijna op elk moment toegang hebt.</p>
3268        
3269        <div class="grid grid-cols-1 gap-4 my-4 md:grid-cols-12 md:gap-10 md:mt-8">
3270                      <div class="card bg-white border border-box-dark-gray rounded mx-8 md:col-span-5 md:col-start-2 md:mx-0">
3271              <div class="inner-card p-3">
3272                                  <img src="https://www.1box.nl/wp-content/uploads/2024/03/card-1.jpg.webp" alt="" class="img-fluid object-cover object-center w-full mb-3">
3273                                <div class="px-2 pb-2 lg:px-4">
3274                  <h2 class="text-lg mb-4 lg:text-xl">Persoonlijke opslag</h2>
3275                  <ul class="">
3276                                          <li class="flex gap-x-3">
3277                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3278                                                                          Je spullen schoon, droog en veilig opslaan 
3279                                              </li>
3280                                          <li class="flex gap-x-3">
3281                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3282                                                                          Flexibele huurcontracten
3283                                              </li>
3284                                          <li class="flex gap-x-3">
3285                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3286                                                                          24/7 camerabewaking en toegangscontrole
3287                                              </li>
3288                                          <li class="flex gap-x-3">
3289                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3290                                                                          Het hele jaar door, 7 dagen per week toegankelijk
3291                                              </li>
3292                                          <li class="flex gap-x-3">
3293                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3294                                                                          <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" target="" >
3295                            Parkeerplaats huren
3296                          </a>
3297                                              </li>
3298                                          <li class="flex gap-x-3">
3299                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3300                                                                          <a href="https://www.1box.nl/opslagmogelijkheden/kluis-huren/" target="" >
3301                            Locker Huren
3302                          </a>
3303                                              </li>
3304                                      </ul>
3305                </div>
3306              </div>
3307            </div>
3308                      <div class="card bg-white border border-box-dark-gray rounded mx-8 md:col-span-5  md:mx-0">
3309              <div class="inner-card p-3">
3310                                  <img src="https://www.1box.nl/w
3310p-content/uploads/2024/03/card-2.png.webp" alt="" class="img-fluid object-cover object-center w-full mb-3">
3311                                <div class="px-2 pb-2 lg:px-4">
3312                  <h2 class="text-lg mb-4 lg:text-xl">Zakelijke opslag</h2>
3313                  <ul class="">
3314                                          <li class="flex gap-x-3">
3315                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3316                                                                          Gratis overstappen naar een andere unit
3317                                              </li>
3318                                          <li class="flex gap-x-3">
3319                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3320                                                                          Flexibele huurcontracten
3321                                              </li>
3322                                          <li class="flex gap-x-3">
3323                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3324                                                                          365 dagen per jaar, 7 dagen per week toegangelijk
3325                                              </li>
3326                                          <li class="flex gap-x-3">
3327                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3328                                                                          Altijd in de buurt
3329                                              </li>
3330                                          <li class="flex gap-x-3">
3331                        <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class="">
3332                                                                          <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" target="" >
3333                            Parkeerplaats huren
3334                          </a>
3335                                              </li>
3336                                      </ul>
3337                </div>
3338              </div>
3339            </div>
3340                  </div>
3341      </div>
3342    </div>
3343  </div>
3344</section>
3345
3346        
3347       
3348                  <section class="asset-text py-6 lg:py-10">
3349  <div class="container">
3350    <div class="grid grid-cols-1 lg:grid-cols-12 lg:items-center lg:gap-x-14 ">
3351      <div class=" lg:col-span-6 lg:order-last">
3352        <h2 class="text-lg text-center mb-3 lg:text-xl lg:text-left">Vind een vestiging bij jou in de buurt</h2>
3353
3354
3355
3356                  <div class="wysiwyg text-center mb-4 lg:text-left">
3357            <p>Dankzij onze 29 vestigingen door heel Nederland, vind je altijd een opslagruimte bij jou in de buurt. Je vindt ons in Noord-Holland, Zuid-Holland, Zeeland, Groningen, Noord-Brabant, Utrecht, Flevoland, Limburg en Gelderland. Waar je ook bent, er is altijd wel een 1BOX vestiging bij jou in de buurt.</p>
3358
3359          </div>
3360                          <div class="hidden lg:flex lg:justify-normal">
3361            <a href="https://www.1box.nl/alle-opslaglocaties/" class="relative flex bg-box-green text-white font-xl font-bold py-3 pr-20 pl-16 mt-5 rounded" target="_self">
3362              Zie alle locaties
3363              <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="absolute top-1/2 -translate-y-1/2 right-4">
3364            </a>
3365          </div>
3366              </div>
3367
3368              <div class="flex justify-center lg:col-span-5 ">
3369          <img src="https://www.1box.nl/wp-content/uploads/import-13/Breda005-2048x1366.jpg.webp" alt="" class="w-full object-contain object-center">
3370        </div>
3371      
3372              <div class="flex justify-center lg:hidden">
3373          <a href="https://www.1box.nl/alle-opslaglocaties/" class="relative flex bg-box-green text-white font-xl font-bold py-3 pr-20 pl-16 mt-5 rounded" target="_self">
3374            Zie alle locaties
3375            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="absolute top-1/2 -translate-y-1/2 right-4">
3376          </a>
3377        </div>
3378          </div>
3379  </div>
3380</section>
3381
3382        
3383       
3384                  <section class="title-text-img-cta">
3385  <div class="container">
3386    <div class="flex justify-center">
3387      <hr class="h-px bg-box-dark-gray border-0 w-2/3 lg:w-full">
3388    </div>
3389    <div class="grid grid-cols-1 py-5 lg:grid-cols-12 lg:py-10">
3390      <div class="lg:col-span-8 lg:col-start-3">
3391        <h2 class="text-lg text-center mb-4 lg:text-xl">Verpakkingsmateriaal </h2>
3392
3393
3394
3395                  <div class="wysiwyg text-center mb-4"><p>Heb je verpakkingsmaterialen nodig om je waardevolle spullen te verhuizen en op te slaan? We hebben een breed assortiment aan materialen die ervoor zorgen dat je spullen in perfecte staat aankomen en opgeslagen blijven, precies zoals je ze hebt ingepakt. Je kunt deze materialen eenvoudig ophalen bij één van onze vestigingen.</p>
3396</div>
3397                          <img src="https://www.1box.nl/wp-content/uploads/2026/07/Verpakkingsmateriaal-1BOX-scaled.jpg" alt="Verpakkingsmateriaal 1BOX" class="img-mobile-full-width img-fluid -mx-4 lg:mx-0 mx-auto">
3398                          <div class="flex justify-center">
3399            <a href="https://www.1box.nl/vervoer-en-verpakking/verpakkingsmateriaal/" class="relative flex bg-box-purple text-white font-xl font-bold py-3 pr-12 pl-6 mt-5 rounded">
3400              Bekijk verpakkingen
3401              <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="absolute top-1/2 -translate-y-1/2 right-4">
3402            </a>
3403          </div>
3404              </div>
3405    </div>
3406    <div class="flex justify-center">
3407      <hr class="h-px bg-box-dark-gray border-0 w-2/3 lg:w-full">
3408    </div>
3409  </div>
3410</section>
3411
3412        
3413       
3414                  <section class="news-blog bg-box-gray pt-5 pb-10 md:pt-8">
3415    <div class="container">
3416              <h2 class="text-lg text-center mb-6 md:text-xl">Nieuws en blogs</h2>
3417
3418
3419
3420            <div class="grid grid-cols-1 md:grid-cols-2 md:gap-8 lg:grid-cols-3">
3421                  <div class="relative  ">
3422            <a href="https://www.1box.nl/storage/wat-kost-opslagruimte/" class="block">
3423                              <img src="https://www.1box.nl/wp-content/uploads/2023/11/kind-verstopt-in-verhuisdoos-1024x625.jpg.webp" alt="Wat kost een opslagruimte" class="w-full h-48 object-cover object-center rounded md:h-60">
3424              
3425              <div class="font-bold text-balance pt-2 md:text-xl md:pt-4">
3426                Wat kost een opslagruimte? Uitgebreid blog met prijzen
3427              </div>
3428            </a>
3429          </div>
3430                  <div class="relative hidden md:block ">
3431            <a href="https://www.1box.nl/blog/meubels-inpakken-voor-verhuizing-doe-je-zo/" class="block">
3432                              <img src="https://www.1box.nl/wp-content/uploads/2025/10/pexels-cottonbro-4554373-1024x683.jpg.webp" alt="Hoe pak je meubels in voor een verhuizing?" class="w-full h-48 object-cover object-center rounded md:h-60">
3433              
3434              <div class="font-bold text-balance pt-2 md:text-xl md:pt-4">
3435                Hoe pak je meubels in voor een verhuizing?
3436              </div>
3437            </a>
3438          </div>
3439                  <div class="relative  hidden lg:block">
3440            <a href="https://www.1box.nl/blog/waardevolle-spullen-opbergen-tips/" class="block">
3441                              <img src="https://www.1box.nl/wp-content/uploads/2023/09/Verhuisdozen-categoriseren-1024x682.jpg.webp" alt="" class="w-full h-48 object-cover object-center rounded md:h-60">
3442              
3443              <div class="font-bold text-balance pt-2 md:text-xl md:pt-4">
3444                5 tips om je spullen veilig te bewaren in een opslagruimte
3445              </div>
3446            </a>
3447          </div>
3448              </div>
3449              <div class="flex justify-center mt-5">
3450          <a href="https://www.1box.nl/blog/" class="relative flex bg-box-purple text-white font-xl font-bold py-3 pr-20 pl-16 rounded" target="_self">
3451            Lees meer
3452            <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="absolute top-1/2 -translate-y-1/2 right-4">
3453          </a>
3454        </div>
3455          </div>
3456  </section>
3457
3458
3459        
3460            </main>
3461
3462
3463<footer data-cy="footer-new">
3464
3465  
3466  <div class="bg-box-purple text-white py-10 lg:py-14">
3467    <div class="max-w-[1253px] mx-auto px-4">
3468      <div class="grid grid-cols-1 gap-4 lg:grid-cols-[200px_1fr_200px_200px] lg:gap-6">
3469
3470        
3471        <div class="mb-4 flex flex-col gap-8 lg:mb-0">
3472                      <a href="https://www.1box.nl/" aria-label="Go to the home page">
3473              <img src="https://www.1box.nl/wp-content/uploads/2024/03/1box-logo-green.svg" alt="" width="120" height="81" class="w-28 h-auto">
3474            </a>
3475          
3476          <div class="flex flex-col gap-2 text-base">
3477                          <a href="tel:0031850161611" class="flex items-center gap-2 text-white hover:text-box-green transition-colors">
3478                <i class="fa-solid fa-phone text-white w-4 shrink-0"></i>
3479                <span>Bel ons op 085 - 0161611</span>
3480              </a>
3481                        <a href="mailto:[email protected]" class="flex items-center gap-2 text-white hover:text-box-green transition-colors">
3482              <i class="fa-solid fa-envelope text-white w-4 shrink-0"></i>
3483              <span>[email protected]</span>
3484            </a>
3485          </div>
3486
3487                      <div class="flex flex-col gap-3">
3488              <p class="font-extrabold text-[19.2px] leading-normal">Volg ons</p>
3489              <div class="flex items-center gap-3">
3490                                                                        <a href="https://nl.pinterest.com/1boxselfstorage/" aria-label="Pinterest logo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-7 h-7">
3491                                              <img src="https://www.1box.nl/wp-content/uploads/2024/08/pinterst-logo-1BOX-klein-1.png.webp" alt="Pinterest logo" class="w-6 h-6 object-contain">
3492                                          </a>
3493                                                                                          <a href="https://www.facebook.com/1BOXSelfStorage" aria-label="Facebook logo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-7 h-7">
3494                                              <img src="https://www.1box.nl/wp-content/uploads/2024/03/facebook.svg" alt="Facebook logo" class="w-6 h-6 object-contain">
3495                                          </a>
3496                                                                                          <a href="https://www.instagram.com/1boxselfstorage/" aria-label="Instagram logo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-7 h-7">
3497                                              <img src="https://www.1box.nl/wp-content/uploads/2024/03/instagram.svg" alt="Instagram logo" class="w-6 h-6 object-contain">
3498                                          </a>
3499                                                                                          <a href="https://www.linkedin.com/company/1box-self-storage/posts/?feedView=all" aria-label="LinkedIn logo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-7 h-7">
3500                                              <img src="https://www.1box.nl/wp-content/uploads/2024/03/linkedin.svg" alt="LinkedIn logo" class="w-6 h-6 object-contain">
3501                                          </a>
3502                                                </div>
3503            </div>
3504                  </div>
3505
3506        
3507        <div class="footer-new__menu flex flex-col gap-4" data-footer-menu>
3508                      <button
3509              type="button"
3510              class="footer-new__menu-toggle"
3511              data-footer-menu-toggle
3512              aria-expanded="false"
3513              aria-controls="footer-new-menu-locations"
3514            >
3515              <span class="font-extrabold text-[19.2px] leading-normal">Onze opslaglocaties</span>
3516              <i class="fa-solid fa-angle-down footer-new__menu-icon" aria-hidden="true"></i>
3517            </button>
3518                                <div id="footer-new-menu-locations" class="footer-new__menu-content" data-footer-menu-content>
3519              <div class="grid grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-2 text-base">
3520                                  <a href="https://www.1box.nl/opslaglocaties/alkmaar/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3521                    Alkmaar
3522                  </a>
3523                                  <a href="https://www.1box.nl/opslaglocaties/almere/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3524                    Almere
3525                  </a>
3526                                  <a href="https://www.1box.nl/opslaglocaties/alphen-aan-den-rijn/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3527                    Alphen aan den Rijn
3528                  </a>
3529                                  <a href="https://www.1box.nl/opslaglocaties/amsterdam-schepenbergweg/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3530                    Amsterdam
3531                  </a>
3532                                  <a href="https://www.1box.nl/opslaglocaties/barendrecht/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3533                    Barendrecht
3534                  </a>
3535                                  <a href="https://www.1box.nl/opslaglocaties/bergen-op-zoom/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3536                    Bergen op Zoom
3537                  </a>
3538                                  <a href="https://www.1box.nl/opslaglocaties/boxtel/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3539                    Boxtel
3540                  </a>
3541                                  <a href="https://www.1box.nl/opslaglocaties/breda/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3542                    Breda
3543                  </a>
3544                                  <a href="https://www.1box.nl/opslaglocaties/den-bosch/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3545                    Den Bosch
3546                  </a>
3547                                  <a href="https://www.1box.nl/opslaglocaties/den-haag/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3548                    Den Haag
3549                  </a>
3550                                  <a href="https://www.1box.nl/opslaglocaties/eindhoven-best/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3551                    Eindhoven Best
3552                  </a>
3553                                  <a href="https://www.1box.nl/opslaglocaties/goes/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3554                    Goes
3555                  </a>
3556                                  <a href="https://www.1box.nl/opslaglocaties/groningen/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3557                    Groningen
3558                  </a>
3559                                  <a href="https://www.1box.nl/opslaglocaties/heerlen/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3560                    Heerlen
3561                  </a>
3562                                  <a href="https://www.1box.nl/opslaglocaties/heerlen-heerlerbaan/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3563                    Heerlen-Heerlerbaan
3564                  </a>
3565                                  <a href="https://www.1box.nl/opslaglocaties/hellevoetsluis/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3566                    Hellevoetsluis
3567                  </a>
3568                                  <a href="https://www.1box.nl/opslaglocaties/helmond/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3569                    Helmond
3570                  </a>
3571                                  <a href="https://www.1box.nl/opslaglocaties/helmond-kanaaldijk/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3572                    Helmond Kanaaldijk
3573                  </a>
3574                                  <a href="https://www.1box.nl/opslaglocaties/lelystad/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3575                    Lelystad
3576                  </a>
3577                                  <a href="https://www.1box.nl/opslaglocaties/nijmegen-wijchen/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3578                    Nijmegen-Wijchen
3579                  </a>
3580                                  <a href="https://www.1box.nl/opslaglocaties/rijswijk/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3581                    Rijswijk
3582                  </a>
3583                                  <a href="https://www.1box.nl/opslaglocaties/roermond/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3584                    Roermond
3585                  </a>
3586                                  <a href="https://www.1box.nl/opslaglocaties/rotterdam-centrum/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3587                    Rotterdam Centrum
3588                  </a>
3589                                  <a href="https://www.1box.nl/opslaglocaties/rotterdam-zuid/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3590                    Rotterdam Zuid
3591                  </a>
3592                                  <a href="https://www.1box.nl/opslaglocaties/schiedam/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3593                    Schiedam
3594                  </a>
3595                                  <a href="https://www.1box.nl/opslaglocaties/sittard/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3596                    Sittard
3597                  </a>
3598                                  <a href="https://www.1box.nl/opslaglocaties/tilburg/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3599                    Tilburg
3600                  </a>
3601                                  <a href="https://www.1box.nl/opslaglocaties/utrecht/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3602                    Utrecht
3603                  </a>
3604                                  <a href="https://www.1box.nl/opslaglocaties/venlo/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words">
3605                    Venlo
3606                  </a>
3607                              </div>
3608            </div>
3609                  </div>
3610
3611        
3612        <div class="footer-new__menu flex flex-col gap-4" data-footer-menu>
3613                      <button
3614              type="button"
3615              class="footer-new__menu-toggle"
3616              data-footer-menu-toggle
3617              aria-expanded="false"
3618              aria-controls="footer-new-menu-how"
3619            >
3620              <span class="font-extrabold text-[19.2px] leading-normal">Hoe werkt het?</span>
3621              <i class="fa-solid fa-angle-down footer-new__menu-icon" aria-hidden="true"></i>
3622            </button>
3623                                <div id="footer-new-menu-how" class="footer-new__menu-content" data-footer-menu-content>
3624              <ul class="flex flex-col gap-2 text-base">
3625                                  <li>
3626                    <a href="https://www.1box.nl/hoe-werkt-het/veilige-opslag/" target="_self" class="text-white hover:text-box-green transition-colors">
3627                      Veilige opslag
3628                    </a>
3629                  </li>
3630                                  <li>
3631                    <a href="https://www.1box.nl/hoe-werkt-het/self-storage/" target="_self" class="text-white hover:text-box-green transition-colors">
3632                      Self storage
3633                    </a>
3634                  </li>
3635                                  <li>
3636                    <a href="https://www.1box.nl/hoe-werkt-het/particulieren/" target="_self" class="text-white hover:text-box-green transition-colors">
3637                      Particulieren
3638                    </a>
3639                  </li>
3640                                  <li>
3641                    <a href="https://www.1box.nl/hoe-werkt-het/zakelijk/" target="_self" class="text-white hover:text-box-green transition-colors">
3642                      Zakelijk
3643                    </a>
3644                  </li>
3645                                  <li>
3646                    <a href="https://www.1box.nl/hoe-werkt-het/veel-gestelde-vragen/" target="_self" class="text-white hover:text-box-green transition-colors">
3647                      Veelgestelde vragen
3648                    </a>
3649                  </li>
3650                                  <li>
3651                    <a href="https://www.1box.nl/alles-over-opslag/" target="_self" class="text-white hover:text-box-green transition-colors">
3652                      Alles over opslag
3653                    </a>
3654                  </li>
3655                                  <li>
3656                    <a href="https://www.1box.nl/vestigingen-in-de-buurt/" target="_self" class="text-white hover:text-box-green transition-colors">
3657                      Vestigingen in de buurt
3658                    </a>
3659                  </li>
3660                              </ul>
3661            </div>
3662                  </div>
3663
3664        
3665        <div class="footer-new__menu flex flex-col gap-4" data-footer-menu>
3666                      <button
3667              type="button"
3668              class="footer-new__menu-toggle"
3669              data-footer-menu-toggle
3670              aria-expanded="false"
3671              aria-controls="footer-new-menu-contact"
3672            >
3673              <span class="font-extrabold text-[19.2px] leading-normal">Contact</span>
3674              <i class="fa-solid fa-angle-down footer-new__menu-icon" aria-hidden="true"></i>
3675            </button>
3676                                <div id="footer-new-menu-contact" class="footer-new__menu-content" data-footer-menu-content>
3677              <ul class="flex flex-col gap-2 text-base">
3678                                  <li>
3679                    <a href="https://www.1box.nl/contact/over-ons/" target="_self" class="text-white hover:text-box-green transition-colors">
3680                      Over 1BOX
3681                    </a>
3682                  </li>
3683                                  <li>
3684                    <a href="https://www.1box.nl/contact/klantenservice/" target="_self" class="text-white hover:text-box-green transition-colors">
3685                      Klantenservice
3686                    </a>
3687                  </li>
3688                                  <li>
3689                    <a href="https://www.1box.nl/contact/duurzaamheid/" target="_self" class="text-white hover:text-box-green transition-colors">
3690                      Duurzaamheid
3691                    </a>
3692                  </li>
3693                                  <li>
3694                    <a href="https://www.1box.nl/blog/" target="_self" class="text-white hover:text-box-green transition-colors">
3695                      Blog
3696                    </a>
3697                  </li>
3698                              </ul>
3699            </div>
3700                  </div>
3701
3702      </div>
3703    </div>
3704  </div>
3705
3706  
3707  <div class="bg-[#f3f5f5] py-6">
3708    <div class="max-w-[1253px] mx-auto px-4 flex flex-col items-center gap-3">
3709
3710      
3711      <div class="flex items-center gap-1.5">
3712                  <i class="fa-solid fa-star text-[#ffb700]"></i>
3713                  <i class="fa-solid fa-star text-[#ffb700]"></i>
3714                  <i class="fa-solid fa-star text-[#ffb700]"></i>
3715                  <i class="fa-solid fa-star text-[#ffb700]"></i>
3716                  <i class="fa-solid fa-star text-[#ffb700]"></i>
3717                <span class="ml-1 font-bold text-box-purple text-base">4.9/5</span>
3718              </div>
3719
3720      
3721              <div class="flex flex-col items-center gap-2 text-[#547480] text-base lg:flex-row lg:flex-wrap lg:justify-center">
3722                                  <a href="https://www.1box.nl/wp-content/uploads/2026/02/1BOX-Dutch-general-terms-1.pdf" target="" class="hover:underline">Algemene Voorwaarden </a>
3723                                    <span class="hidden text-[#a5b6b9] lg:inline">•</span>
3724                        <a href="https://www.1box.nl/wp-content/uploads/2026/04/1BOX-Privacy-Statement-external-NL-March-2026.pdf" target="" class="hover:underline">Privacy verklaring</a>
3725                                    <span class="hidden text-[#a5b6b9] lg:inline">•</span>
3726                        <a href="https://www.1box.nl/wp-content/uploads/2025/07/20250526_1box_cookiestatement_NL.pdf" target="" class="hover:underline">Cookiebeleid</a>
3727                                    <span class="hidden text-[#a5b6b9] lg:inline">•</span>
3728                        <a href="https://www.1box.nl/sitemap.xml" target="" class="hover:underline">Sitemap</a>
3729                  </div>
3730      
3731    </div>
3732  </div>
3733
3734</footer>
3735
3736<script>
3737  const emailValidationText = 'Voer een geldig e-mailadres in.';
3738  const phoneValidationText = "Dit lijkt geen geldig telefoonnummer. Controleer het alsjeblieft en probeer het opnieuw.";
3739  const sundayDisallowedText = "Startdatum niet beschikbaar. Kies een andere datum of neem contact met ons op voor latere data";
3740  const insuranceText = "Voor jouw veiligheid en volgens de wet is een verzekering van minimaal € 500 vereist.";
3741  const insuranceTextHigher = "Zijn jouw spullen meer waard dan € 15.000? Vul dan € 15.000 in en neem na je boeking contact op, zodat we je verzekering kunnen aanpassen.";
3742  const birthDateValidationText = "Je moet 18+ zijn om een box te huren";
3743  const holidayValidationText = "Het is niet mogelijk om te starten op een feestdag";
3744
3745  const getYourPrice = "Ontdek jouw prijs";
3746  const secureYourPrice = "Pak jouw prijs";
3747
3748  const unitTypeImages = {
3749    "extra-small": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-xs.c4d841.svg",
3750    "small":       "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-s.dbe20b.svg",
3751    "medium":      "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-m.f02914.svg",
3752    "large":       "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-l.5d02f8.svg",
3753    "extra-large": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-xl.9bfe22.svg",
3754  };
3755
3756  const containerUnitImages = {
3757    "small":  "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/container.59da84.png",
3758    "medium": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/container.59da84.png",
3759    "large":  "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/container.59da84.png",
3760  };
3761
3762  const languageCode = "nl";
3763
3764    window.unitTypeAcfImages = [];
3765
3766  document.querySelectorAll('a[href^="tel:"]').forEach(function (link) {
3767    link.addEventListener('click', function () {
3768      if (window.dataLayer) {
3769        window.dataLayer.push({ event: 'phone_click_general' });
3770      }
3771    });
3772  });
3773
3774  (function () {
3775    const footer = document.querySelector('footer[data-cy="footer-new"]');
3776    if (!footer) return;
3777
3778    const menus = Array.from(footer.querySelectorAll('[data-footer-menu]'));
3779    if (!menus.length) return;
3780
3781    const mobileQuery = window.matchMedia('(max-width: 1023px)');
3782
3783    const setMenuState = function (menu, expanded) {
3784      const toggle = menu.querySelector('[data-footer-menu-toggle]');
3785      const content = menu.querySelector('[data-footer-menu-content]');
3786      if (!toggle || !content) return;
3787      toggle.setAttribute('aria-expanded', expanded ? 'true' : 'false');
3788      menu.classList.toggle('footer-new__menu--expanded', expanded);
3789      content.hidden = !expanded;
3790    };
3791
3792    const syncByViewport = function () {
3793      if (mobileQuery.matches) {
3794        menus.forEach((menu) => setMenuState(menu, false));
3795      } else {
3796        menus.forEach((menu) => setMenuState(menu, true));
3797      }
3798    };
3799
3800    menus.forEach((menu) => {
3801      const toggle = menu.querySelector('[data-footer-menu-toggle]');
3802      if (!toggle) return;
3803      toggle.addEventListener('click', function () {
3804        if (!mobileQuery.matches) return;
3805        const isExpanded = toggle.getAttribute('aria-expanded') === 'true';
3806        setMenuState(menu, !isExpanded);
3807      });
3808    });
3809
3810    syncByViewport();
3811    mobileQuery.addEventListener('change', syncByViewport);
3812  })();
3813</script>
3813
3814    </div>
3815
3816        
3816<script type="speculationrules">
3817{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/1box/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
3818</script>
vendor: 1 bytes, line 3818
3818
3819<script id="app/0-js-extra">
3820var store365FunnelEventsConfig = {"ajax_url":"https://www.1box.nl/wp-admin/admin-ajax.php","nonce":"25d6aee8be"};
3821//# sourceURL=app%2F0-js-extra
3822</script>
vendor: 1 bytes, line 3822
3822
3823<script id="app/0-js-before">
3824(()=>{"use strict";var e,r={},o={};function t(e){var n=o[e];if(void 0!==n)return n.exports;var a=o[e]={exports:{}};return r[e].call(a.exports,a,a.exports,t),a.exports}t.m=r,e=[],t.O=(r,o,n,a)=>{if(!o){var l=1/0;for(u=0;u<e.length;u++){o=e[u][0],n=e[u][1],a=e[u][2];for(var s=!0,i=0;i<o.length;i++)(!1&a||l>=a)&&Object.keys(t.O).every((e=>t.O[e](o[i])))?o.splice(i--,1):(s=!1,a<l&&(l=a));if(s){e.splice(u--,1);var f=n();void 0!==f&&(r=f)}}return r}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[o,n,a]},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={666:0};t.O.j=r=>0===e[r];var r=(r,o)=>{var n,a,l=o[0],s=o[1],i=o[2],f=0;if(l.some((r=>0!==e[r]))){for(n in s)t.o(s,n)&&(t.m[n]=s[n]);if(i)var u=i(t)}for(r&&r(o);f<l.length;f++)a=l[f],t.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return t.O(u)},o=self.webpackChunk_roots_bud_sage_sage=self.webpackChunk_roots_bud_sage_sage||[];o.forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o))})()})();
3825//# sourceURL=app%2F0-js-before
3826</script>
vendor: 1 bytes, line 3826
3826
3827<script id="app/0-js" src="https://www.1box.nl/wp-content/themes/1box/public/js/app.c5eed0.js"></script>
vendor: 1 bytes, line 3827
3827
3828<script id="google-maps-api-js" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCwpYOyYDPKYhivWqjC9hpJx122bekadqM&#038;libraries=places&#038;loading=async"></script>
vendor: 1 bytes, line 3828
3828
3829<script id="wp-emoji-settings" type="application/json">
3830{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.1box.nl/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
3831</script>
vendor: 1 bytes, line 3831
3831
3832<script type="module">
3833/*! This file is auto-generated */
3834var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
3835//# sourceURL=https://www.1box.nl/wp-includes/js/wp-emoji-loader.min.js
3836</script>
3836
3837  </body>
3838</html>
3839
3840
3841<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-06 14:29:48 -->

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.