PageSourceSearch

https://www.rum.nl/en/home/eascheer

html rum.nl collected 2026-10-02 18:57:02 UTC 174,670 bytes, 3,867 lines download raw bytes

1<!doctype html><html lang="en"><head>
2    <meta name="viewport" content="viewport-fit=cover">
3    <meta charset="utf-8">
4    
5    <title>Premium &amp; Bespoke Rum In Bulk Supplier Worldwide | E&amp;A Scheer</title>
6     
7    <link rel="shortcut icon" href="https://www.rum.nl/hubfs/Logo.svg">
8    
9    <meta name="description" content="E&amp;A Scheer is a Rum company specialised in sourcing and blending Rum, Batavia Arrack and Cachaca in bulk.
10">
11         <meta name="viewport" content="width=device-width, initial-scale=1">
12
13    
14    <meta property="og:description" content="E&amp;A Scheer is a Rum company specialised in sourcing and blending Rum, Batavia Arrack and Cachaca in bulk.
15">
16    <meta property="og:title" content="Premium &amp; Bespoke Rum In Bulk Supplier Worldwide | E&amp;A Scheer">
17    <meta name="twitter:description" content="E&amp;A Scheer is a Rum company specialised in sourcing and blending Rum, Batavia Arrack and Cachaca in bulk.
18">
19    <meta name="twitter:title" content="Premium &amp; Bespoke Rum In Bulk Supplier Worldwide | E&amp;A Scheer">
20
21    
22
23    
24<script type="application/ld+json">
25  {
26  "@context": "https://schema.org",
27  "@type": "Organization",
28  "name": "E&A Scheer",
29  "url": "https://www.rum.nl/en/home/eascheer",
30  "logo": "https://25607130.fs1.hubspotusercontent-eu1.net/hubfs/25607130/Logo-1.svg",
31  "contactPoint": {
32  "@type": "ContactPoint",
33  "telephone": "+31 20 6243412",
34  "contactType": "customer service",
35  "availableLanguage": ["en","nl"]
36  },
37  "sameAs": [
38  "https://www.facebook.com/eascheer1712",
39  "https://www.linkedin.com/company/e&a-scheer-bv/",
40  "https://www.instagram.com/eascheeramsterdam/"
41  ]
42  }
43  </script>
43
44
45    <style>
46a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
47</style>
48
49<link rel="stylesheet" href="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53107158984/1789027500798/template_main.min.css">
50<link rel="stylesheet" href="">
51
52  <style>
53    /* Menu desktop - start */
54      #Homepage_default-module-1__menu-desktop {
55        font-weight: bold;
56      }
57      #Homepage_default-module-1__menu-desktop ul {
58        display: flex;
59        justify-content: space-between;
60        align-items: center;
61      }
62      #Homepage_default-module-1__menu-desktop ul li {
63        transition: all 0.2s ease-in-out;
64        flex: 1;
65        display: flex;
66        justify-content: center;
67      }
68      #Homepage_default-module-1__menu-desktop ul span {
69        flex: 1;
70        display: flex;
71        justify-content: center;
72      }
73      #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul {
74        display: none;
75        top: 24px;
76        left: -16px;
77        row-gap: 18px;
78        background-color: var(--dune-beige);
79        padding: 52px 64px 46px 64px;
80        box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.02);
81        border-radius: 0px 0px 12px 12px
82      }
83      @media screen and (min-width: 1408px) {
84        #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul {
85          left: 2px;
86        }
87      }
88      @media screen and (min-width: 1584px) {
89        #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul {
90          left: 14px;
91        }
92      }
93      #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children:hover > ul,
94      #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul:hover {
95        display: flex;
96      }
97      /* #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children ul > span {
98        display: none;
99      } */
100      #Homepage_default-module-1__menu-desktop ul li.hs-menu-depth-1:hover {
101        color: var(--bobby-brown);
102      }
103      #Homepage_default-module-1__menu-desktop ul li.hs-menu-depth-2 {
104        color: black;
105      }
106      #Homepage_default-module-1__menu-desktop ul li.hs-menu-depth-2:hover {
107        color: var(--bobby-brown);
108      }
109    /* Menu desktop - end */
110
111    /* Menu mobile - start */
112      #Homepage_default-module-1 #menu-mobile ul {
113        display: flex;
114        flex-direction: column;
115        align-items: start;
116        row-gap: 24px;
117      }
118      #Homepage_default-module-1 #menu-mobile ul li.hs-menu-depth-1 {
119        display: flex;
120        justify-content: space-between;
121        font-size: 32px;
122        line-height: 40px;
123        font-weight: bold;
124        user-select: none;
125        width: 100%;
126        cursor: pointer;
127      }
128      
129      /* Menu mobile dropdown - start */
130        #Homepage_default-module-1 #menu-mobile ul li.hs-item-has-children ul {
131          display: none !important;
132        }
133        #Homepage_default-module-1 #menu-mobile li.hs-menu-depth-2 {
134          font-weight: 700;
135          font-size: 24px;
136          line-height: 32px;
137          letter-spacing: -1px;
138          color: var(--barrel-brown);
139          width: fit-content;
140          margin-bottom: 24px;
141          transition: all 0.2s ease-in-out;
142        }
143        #Homepage_default-module-1 #menu-mobile li.hs-menu-depth-2:hover {
144          color: var(--bobby-brown);
145        }
146      /* Menu mobile dropdown - end */
147    /* Menu mobile - end */
148  </style>
149
150
151  <style>
152    #widget_1675940992590 .custom-gradient {
153      background: rgb(39,21,0);
154      background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%);
155    }
156
157    /* Right slide - start */
158      .widget_1675940992590-2 {
159        display: flex !important;
160        align-items: center;
161      }
162      @media screen and (min-width: 1200px) {
163        .widget_1675940992590-2 {
164          display: block !important;
165        }
166      }
167    /* Right slide - end */
168
169    /* Slicker slider - start */
170      /* Slick track - start */
171        #widget_1675940992590 .slick-track {
172          display: flex !important;
173        }
174
175        /* Slick slide - start */
176          #widget_1675940992590 .slick-slide {
177            height: inherit;
178          }
179        /* Slick slide - end */
180
181        /* Slick dots - start */
182          #widget_1675940992590 .slick-dots {
183            display: flex;
184            justify-content: center;
185            column-gap: 16px;
186
187            position: absolute;
188            bottom: 30px;
189
190            width: 100%;
191          }
192
193          #widget_1675940992590 .slick-dots button {
194            color: transparent;
195            transition: all 0.2s ease-in-out;
196            background-color: lightgray;
197            border-radius: 100px;
198            width: 20px;
199            height: 20px;
200          }
201          #widget_1675940992590 .slick-dots button:hover {
202            filter: brightness(0.9);
203          }
204
205          #widget_1675940992590 .slick-dots button[aria-selected="true"] {
206            /* background-color: #D26940; */
207            /* background-color: var(--light-green); */
208            background-color: var(--bobby-brown);
209          }
210        /* Slick dots - end */
211
212        /* Arrows - start */
213          #widget_1675940992590 .slick-arrow {
214            position: absolute;
215            top: 50%;
216            transform: translateY(-50%);
217            z-index: 1;
218            background-color: var(--bobby-brown);
219            border-radius: 100px;
220            padding: 10px;
221            cursor: pointer;
222            transition: all 0.2s ease-in-out;
223          }
224          #widget_1675940992590 .slick-arrow:hover {
225            filter: brightness(0.9);
226          }
227          @media screen and (min-width: 768px) {
228            #widget_1675940992590 .slick-arrow {
229              padding: 16px;
230            }
231          }
232          @media screen and (min-width: 1200px) {
233            #widget_1675940992590 .slick-arrow {
234              padding: 24px;
235            }
236          }
237
238          /* Previous arrow - start */
239            #widget_1675940992590 .slick-arrow.slick-prev {
240              left: 50px;
241            }
242
243            #widget_1675940992590 .slick-arrow.slick-prev svg {
244              transform: scale(1);
245            }
246            @media screen and (min-width: 768px) {
247              #widget_1675940992590 .slick-arrow.slick-prev svg {
248                transform: scale(1.3);
249              }
250            }
251            @media screen and (min-width: 1200px) {
252              #widget_1675940992590 .slick-arrow.slick-prev svg {
253                transform: scale(1.8);
254              }
255            }
256          /* Previous arrow - end */
257
258          /* Next arrow - start */
259            #widget_1675940992590 .slick-arrow.slick-next {
260              right: 50px;
261            }
262            @media screen and (min-width: 1200px) {
263              #widget_1675940992590 .slick-arrow.slick-next {
264              }
265            }
266
267            #widget_1675940992590 .slick-arrow.slick-next svg {
268              transform: scale(1) rotate(180deg);
269            }
270            @media screen and (min-width: 768px) {
271              #widget_1675940992590 .slick-arrow.slick-next svg {
272                transform: scale(1.3) rotate(180deg);
273              }
274            }
275            @media screen and (min-width: 1200px) {
276              #widget_1675940992590 .slick-arrow.slick-next svg {
277                transform: scale(1.8) rotate(180deg);
278              }
279            }
280          /* Next arrow - end */
281        /* Arrows - end */
282      /* Slick track - end */
283
284    /* Slicker slider - end */
285
286    /* Pop-up button - start */
287      .widget_1675940992590__popup-button:after {
288        content:"";
289        display:block;
290        width: 100%;
291        height: 100%;
292        border-radius: 50%;
293        border: 3px solid var(--light-green);
294        position:absolute;
295        animation: pulse 2s ease 0s infinite;
296        z-index: 100;
297      }
298      @keyframes pulse {
299        0% {
300            opacity: 1;
301            transform: scale(1);
302        }
303        80% {
304            opacity: 0;
305            transform: scale(1.3);
306        }
307        100% {
308            opacity: 0;
309            transform: scale(1.6);
310        }
311      }
312    /* Pop-up button - end */
313
314    /* Mobile images left - start */
315      @media screen and (max-width: 1199px) {
316        #widget_1675940992590__mobile-images__left {
317          top: -60px;
318          max-height: 500px;
319        }
320      }
321      @media screen and (max-width: 499px) {
322        #widget_1675940992590__mobile-images__left {
323          top: 0;
324        }
325      }
326    /* Mobile images left - end */
327  </style>
328
329
330<style>
331  #widget_1670425928246 .custom-gradient {
332    background: rgb(39,21,0);
333    background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%);
334  }
335
336  #widget_1670425928246-1 .hs-video-container{
337    display: flex;
338    align-items: center;
339  }
340
341  #widget_1670425928246-1 .hs-video-wrapper{
342    padding-bottom: 0 !important;
343  }
344
345  .widget_1670425928246__popup-button:after {
346    content:"";
347    display:block;
348    width: 100%;
349    height: 100%;
350    border-radius: 50%;
351    border: 3px solid var(--light-green);
352    position:absolute;
353    animation: pulse 2s ease 0s infinite;
354    z-index: 100;
355  }
356
357  @keyframes pulse {
358    0% {
359        opacity: 1;
360        transform: scale(1);
361    }
362    80% {
363        opacity: 0;
364        transform: scale(1.3);
365    }
366    100% {
367        opacity: 0;
368        transform: scale(1.6);
369    }
370  }
371</style>
372
373
374<style>
375  #widget_1745495346240 .custom-gradient {
376    background: rgb(39,21,0);
377    background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%);
378  }
379
380  #widget_1745495346240-1 .hs-video-container{
381    display: flex;
382    align-items: center;
383  }
384
385  #widget_1745495346240-1 .hs-video-wrapper{
386    padding-bottom: 0 !important;
387  }
388
389  .widget_1745495346240__popup-button:after {
390    content:"";
391    display:block;
392    width: 100%;
393    height: 100%;
394    border-radius: 50%;
395    border: 3px solid var(--light-green);
396    position:absolute;
397    animation: pulse 2s ease 0s infinite;
398    z-index: 100;
399  }
400
401  @keyframes pulse {
402    0% {
403        opacity: 1;
404        transform: scale(1);
405    }
406    80% {
407        opacity: 0;
408        transform: scale(1.3);
409    }
410    100% {
411        opacity: 0;
412        transform: scale(1.6);
413    }
414  }
415</style>
416
417
418	<style>
419		@media screen and (min-width: 1200px) {
420			#Homepage_default-module-7__text {
421				margin-left: -68px;
422			}
423		}
424		@media screen and (min-width: 1408px) {
425			#Homepage_default-module-7__text {
426				margin-left: -78px;
427			}
428		}
429		@media screen and (min-width: 1584px) {
430			#Homepage_default-module-7__text {
431				margin-left: -84px;
432			}
433		}
434	</style>
435
436
437	<style>
438		#Homepage_default-module-8__main-links ul {
439			flex-direction: column;
440			row-gap: 12px;
441			color: var(--bear-brown);
442			font-size: 16px;
443			line-height: 24px;
444			font-weight: bold;
445		}
446		@media screen and (min-width: 768px) {
447			#Homepage_default-module-8__main-links ul {
448				row-gap: 24px;
449			}
450		}
451
452		.extra-padding-bottom {
453			padding-bottom: 120px;
454		}
455		@media screen and (min-width: 1200px) {
456			.extra-padding-bottom {
457				padding-bottom: 140px;
458			}
459		}
460	</style>
461
462<!-- Editor Styles -->
463<style id="hs_editor_style" type="text/css">
464.Homepage_blend-row-1-force-full-width-section > .row-fluid {
465  max-width: none !important;
466}
467/* HubSpot Styles (default) */
468.Homepage_blend-row-9-padding {
469  padding-top: 0px !important;
470}
471</style>
472    
473
474    
475    <link rel="canonical" href="https://www.rum.nl/en/home/eascheer">
476
477
478<meta property="og:image" content="https://www.rum.nl/hubfs/EAS%20logo/eas_blacklogo.png">
479<meta property="og:image:width" content="738">
480<meta property="og:image:height" content="738">
481
482<meta name="twitter:image" content="https://www.rum.nl/hubfs/EAS%20logo/eas_blacklogo.png">
483
484
485<meta property="og:url" content="https://www.rum.nl/en/home/eascheer">
486<meta name="twitter:card" content="summary_large_image">
487<meta http-equiv="content-language" content="en">
488
489
490
491
492
493
494
495    <!-- ? Font La Belle Aurore -->
496    <link rel="preconnect" href="https://fonts.googleapis.com">
497    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
498    <link href="https://fonts.googleapis.com/css2?family=La+Belle+Aurore&amp;display=swap" rel="stylesheet">
499
500    <!-- ? GSAP -->
501    
501<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script>
501
502
503    <!-- ? GSAP ScrollTrigger -->
504    
504<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"></script>
504
505
506    <!-- ? Custom GSAP functions -->
507    
507<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53696830676/1789027507044/template_custom-gsap.min.js"></script>
507
508
509    <!-- ? jQuery -->
510    
510<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
510
511
512    <!-- ? Slick slider -->
513    
513<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
513
514    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer">
515
516    <!-- ?  Google Tag Manager -->
517    
517<script>
vendor: 455 bytes, lines 517-527
517
518      (function (w, d, s, l, i) {
519        w[l] = w[l] || [];
520        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
521        var f = d.getElementsByTagName(s)[0],
522          j = d.createElement(s),
523          dl = l != 'dataLayer' ? '&l=' + l : '';
524        j.async = true;
525        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
526        f.parentNode.insertBefore(j, f);
527      })(window, document, 'script', 'dataLayer', '
527GTM-WMZF6RH
vendor: 8 bytes, lines 527-528
527');
528    
528</script>
528
529    <!-- ? End Google Tag Manager -->
530  <meta name="generator" content="HubSpot"></head>
531
532  <body>
533    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 533-534
533
534    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
534GTM-WMZF6RH
vendor: 90 bytes, lines 534-535
534" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
535    
535<!-- End Google Tag Manager (noscript) -->
536    <div class="body-wrapper   hs-content-id-57357239791 hs-site-page page ">
537        
538
539      <main id="main-content" class="body-container-wrapper">
540        
541<div class="container-fluid">
542<div class="row-fluid-wrapper">
543<div class="row-fluid">
544<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
545
546<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
547<div class="row-fluid ">
548<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
549<div id="hs_cos_wrapper_Homepage_default-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
550
551
552
553
554
555<section id="Homepage_default-module-1" class="navigation left-0 right-0 sticky__nav">
556  <div class="container">
557    <nav>
558      <div class="flex justify-between items-center relative z-[50] bg-dune-beige rounded-b-xl px-3.5 py-1.5
559        md:justify-center md:min-h-[88px] drop-shadow-[0_4px_40px_rgba(0,0,0,0.05)]
560      ">
561        <!-- ? Logo mobile -->
562        <div class="md:hidden">
563          
564  
565  <span id="hs_cos_wrapper_Homepage_default-module-1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://www.rum.nl/en/home/eascheer" id="hs-link-Homepage_default-module-1_" style="border-width:0px;border:0px;"><img src="https://www.rum.nl/hubfs/Logo-1.svg" class="hs-image-widget " height="96" style="height: auto;width:48px;border-width:0px;border:0px;" width="48" alt="E&amp;A Scheer - Making Rum sourcing easy" title="E&amp;A Scheer - Making Rum sourcing easy" loading=""></a></span>
566
567        </div>
568
569        <!-- ? Menu desktop -->
570        <div id="Homepage_default-module-1__menu-desktop" class="hidden md:block md:visible md:w-[90%]">
571          <span id="hs_cos_wrapper_Homepage_default-module-1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_Homepage_default-module-1_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53696476151" aria-label="Navigation Menu">
572 <ul role="menu">
573  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our offerings</a>
574   <ul role="menu" class="hs-menu-children-wrapper">
575    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li>
576    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/batavia-arrack" role="menuitem">Batavia Arrack</a></li>
577    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/cachaça" role="menuitem">Cachaça</a></li>
578    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/single-cask-rum" role="menuitem">Single-cask Rum</a></li>
579   </ul></li>
580  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">About us</a>
581   <ul role="menu" class="hs-menu-children-wrapper">
582    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/eascheer" role="menuitem">Our story</a></li>
583    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/industries" role="menuitem">Industries</a></li>
584    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/logistics" role="menuitem">Logistics</a></li>
585    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/values" role="menuitem">Our values</a></li>
586   </ul></li>
587  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Contact</a>
588   <ul role="menu" class="hs-menu-children-wrapper">
589    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Contact us</a></li>
590    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/sell-your-rum" role="menuitem">Supply your bulk Rum</a></li>
591   </ul></li>
592  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Request a quote</a></li>
593 </ul>
594</div></span>
595        </div>
596
597        <!-- ? Hamburger button -->
598        <div id="Homepage_default-module-1__hamburger" class="bg-paper-beige rounded-full flex justify-center items-center cursor-pointer w-5 h-5
599            md:hidden
600        ">
601          <!-- ? Hamburger svg -->
602          <svg width="20" height="14" viewbox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg" id="Homepage_default-module-1__hamburger__hamburger-svg" class="">
603            <path d="M1 7H19M1 1H19M1 13H19" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
604          </svg>
605
606          <!-- ? X svg -->
607          <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg" id="Homepage_default-module-1__hamburger__x-svg" class="hidden">
608            <line x1="1.41421" y1="1" x2="16.2635" y2="15.8492" stroke="#271500" stroke-width="2" stroke-linecap="round" />
609            <line x1="2" y1="15.8492" x2="16.8492" y2="1" stroke="#271500" stroke-width="2" stroke-linecap="round" />
610          </svg>
611        </div>
612      </div>
613
614      <!-- ? Navigation mobile -->
615      <div id="menu-mobile" class="hidden absolute z-[49] inset-0 h-screen bg-parsnip-beige px-2 py-14 md:hidden">
616        <div class="menu-mobile__main-menu flex flex-col gap-y-6">
617          <span id="hs_cos_wrapper_Homepage_default-module-1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_Homepage_default-module-1_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53696476151" aria-label="Navigation Menu">
618 <ul role="menu">
619  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our offerings</a>
620   <ul role="menu" class="hs-menu-children-wrapper">
621    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li>
622    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/batavia-arrack" role="menuitem">Batavia Arrack</a></li>
623    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/cachaça" role="menuitem">Cachaça</a></li>
624    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/single-cask-rum" role="menuitem">Single-cask Rum</a></li>
625   </ul></li>
626  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">About us</a>
627   <ul role="menu" class="hs-menu-children-wrapper">
628    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/eascheer" role="menuitem">Our story</a></li>
629    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/industries" role="menuitem">Industries</a></li>
630    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/logistics" role="menuitem">Logistics</a></li>
631    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/values" role="menuitem">Our values</a></li>
632   </ul></li>
633  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Contact</a>
634   <ul role="menu" class="hs-menu-children-wrapper">
635    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Contact us</a></li>
636    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/sell-your-rum" role="menuitem">Supply your bulk Rum</a></li>
637   </ul></li>
638  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Request a quote</a></li>
639 </ul>
640</div></span>
641
642          
643        </div>
644        
645        <!-- ? Sub menu -->
646        <div class="menu-mobile__sub-menu" style="display:none;">
647          <svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="menu-mobile__sub-menu__arrow-svg cursor-pointer mb-5">
648            <rect x="40" y="40" width="40" height="40" rx="20" transform="rotate(-180 40 40)" fill="#FDF3E8" />
649            <path d="M25.8926 19.9981L14.1074 19.9981M14.1074 19.9981L20 25.8906M14.1074 19.9981L20 14.1055" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
650          </svg>
651        </div>
652      </div>
653    </nav>
654  </div>
655</section>
656
657
658
659
660
661</div>
662
663</div><!--end widget-span -->
664</div><!--end row-->
665</div><!--end row-wrapper -->
666
667<div class="row-fluid-wrapper row-depth-1 row-number-2 Homepage_blend-row-1-force-full-width-section dnd-section">
668<div class="row-fluid ">
669</div><!--end row-->
670</div><!--end row-wrapper -->
671
672<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
673<div class="row-fluid ">
674<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
675<div id="hs_cos_wrapper_widget_1674569998475" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div>
676
677</div><!--end widget-span -->
678</div><!--end row-->
679</div><!--end row-wrapper -->
680
681<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-section">
682<div class="row-fluid ">
683<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
684
685<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row">
686<div class="row-fluid ">
687<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
688<div id="hs_cos_wrapper_widget_1674575720760" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div>
689
690</div><!--end widget-span -->
691</div><!--end row-->
692</div><!--end row-wrapper -->
693
694</div><!--end widget-span -->
695</div><!--end row-->
696</div><!--end row-wrapper -->
697
698<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-section">
699<div class="row-fluid ">
700<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
701
702<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row">
703<div class="row-fluid ">
704<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
705<div id="hs_cos_wrapper_widget_1675672567651" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
706
707
708
709
710
711
712
713
714
715
716
717
718<section id="widget_1675672567651" class="
719  relative bg-light-beige overflow-hidden pt-[152px] pb-[211px]
720  md:mb-[-2px] md:pt-[200px] md:pb-16
721">
722  
723  <!-- ? BG old paper image -->
724  
725  <div class="absolute inset-0 z-0">
726    <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-old-paper.png" alt="bg-old-paper" class="w-full h-full object-cover">
727  </div>
728
729  
730  <!-- ? BG Lines -->
731  <svg width="488" height="1329" viewbox="0 0 488 1329" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute z-0 inset-0 left-1/2 -translate-x-1/2 h-full">
732    <path d="M244 0L244 1153L244 1329" stroke="#944A2D" stroke-width="0.4" stroke-dasharray="3 3" />
733    <path d="M487.002 30.5635L244.246 895" stroke="#944A2D" stroke-width="0.4" stroke-dasharray="3 3" />
734    <path d="M1 30.5635L243.756 895" stroke="#944A2D" stroke-width="0.4" stroke-dasharray="3 3" />
735  </svg>
736
737  
738  <!-- ? BG drawing plant -->
739  <div class="widget_1675672567651__drawing-plant absolute z-0 top-[5%] -right-14
740    sm:right-3
741    lg:right-[5%]
742    xl:right-[20%]
743  ">
744    <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/drawing-plant.png" alt="drawing-plant" class="scale-75 opacity-10 md:scale-100 ">
745  </div>
746
747
748
749  <div class="opacity-0 duration-[2s] relative z-10 container">
750    <div class="flex flex-col gap-y-5 default-grid--md md:gap-y-13">
751      <div class="flex flex-col items-center gap-y-5 text-center md:col-start-3 md:col-end-11 md:gap-y-6">
752        <!-- ? Header text -->
753        
754          <h1 class="text-[40px] leading-100 md:text-[96px]">
755            Master blenders and global supplier of Rum in bulk
756          </h1>
757        
758
759        <!-- ? Tagline -->
760        
761          <h4 class="text-base leading-6 md:text-xl md:leading-[48px] md:w-[70%]">
762            E&amp;A Scheer is a Rum company specialised in sourcing, blending and supplying Rum since 1712.
763          </h4>
764        
765      </div>
766
767      <!-- ? CTA buttons -->
768      <div class="flex flex-col items-center gap-y-[12px] w-fit mx-auto md:col-span-full">
769        <!-- ? Primary CTA -->
770        
771          <div class="btn btn-primary w-full">
772            <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-027db982-5493-4f0a-bdd6-10d7ab58c17c"><span class="hs-cta-node hs-cta-027db982-5493-4f0a-bdd6-10d7ab58c17c" id="hs-cta-027db982-5493-4f0a-bdd6-10d7ab58c17c"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/25607130/027db982-5493-4f0a-bdd6-10d7ab58c17c"><img class="hs-cta-img" id="hs-cta-img-027db982-5493-4f0a-bdd6-10d7ab58c17c" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/25607130/027db982-5493-4f0a-bdd6-10d7ab58c17c.png" alt="Develop your bespoke Rum blend"></a></span>
772<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
772<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(25607130, '027db982-5493-4f0a-bdd6-10d7ab58c17c', {"useNewLoader":"true","region":"eu1"}); </script>
772</span><!-- end HubSpot Call-to-Action Code -->
773          </div>
774        
775
776        <!-- ? Secondary CTA -->
777        
778          <div class="btn btn-secondary w-full">
779            <span id="hs_cos_wrapper_widget_1675672567651_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"><div class="hs-web-interactive-inline" style="; " data-hubspot-wrapper-cta-id="96054825416"> 
780 <style data-hubspot-cta-style="hs-inline-web-interactive-96054825416">
781
782  a.hs-inline-web-interactive-96054825416 {
783    cursor: pointer !important;
784  }
785
786  a.hs-inline-web-interactive-96054825416:hover {
787    
788  }
789
790  a.hs-inline-web-interactive-96054825416:active {
791    
792  }
793
794  a.hs-inline-web-interactive-96054825416:active:hover {
795    
796  }
797
798</style> 
799 <span class="hs-cta-wrapper hs-web-interactive-wrapper"><span class="hs-cta-node hs-web-interactive-node"> <a href="https://cta-eu1.hubspot.com/web-interactives/public/v1/track/click?encryptedPayload=AVxigLKwlPbe4twsGaYs588eD4yq6rZqVT%2B%2FyI564I9quLRhw%2FP%2FPUFS%2F8CM0m3hP1n9mI0kcDPE9cLjwh25DzB0h0c5gUumbDeD9d%2Fp4Iw1asKNJBD498Nh0My9q1FvzqI9jTMx69frcYR4SwvLoJ8%2B9axrhZ35scTSYilYuCQn5Dg%2F4pcQjLmmuul%2FIKhnTyaJfx42R8HqDGDl&amp;portalId=25607130" class="hs-inline-web-interactive-96054825416   " data-hubspot-cta-id="96054825416"> Our products </a> </span></span> 
800</div></span>
801          </div>
802        
803      </div>
804    </div>
805  </div>
806</section>
807
808
809
810<script defer>
811  (() => {
812    // @ts-check
813    "use strict";
814
815    gsap.registerPlugin(ScrollTrigger);
816
817    waitForElement('#widget_1675672567651 .btn-primary', () => {
818      showHeroContent();
819
820
821      /* Animate buttons */
822      const primaryButton = document.querySelector('#widget_1675672567651 .btn-primary');
823      const secondaryButton = document.querySelector('#widget_1675672567651 .btn-secondary');
824      const buttonAnimationSettings = {
825        matchMedia: 'min-width: 1200px',
826        scrollerStart: '90%',
827        scrollerEnd: '80%',
828        ease: Power4,
829      }
830      animateElements(primaryButton, buttonAnimationSettings);
831      animateElements(secondaryButton, buttonAnimationSettings);
832
833
834      /* Animate bg images */
835      const drawingPlant = document.querySelector('.widget_1675672567651__drawing-plant');
836      animateElements(drawingPlant, {
837        elementToAnimate: drawingPlant,
838        matchMedia: 'min-width: 1200px',
839        yOffset: 200,
840        scrub: 1,
841      });
842    });
843
844
845
846
847    /* Functions start */
848    function showHeroContent() {
849      try {
850        const hiddenElements = document.querySelectorAll('#widget_1675672567651 .opacity-0');
851        hiddenElements.forEach(element => element.classList.remove('opacity-0'));
852      } catch (e) { console.warn(`%c!!! showHeroContent()\n${e}`, 'background: #faf'); }
853    }
854
855
856    function waitForElement(elementQuery = '', callback, iterationLimit = 50, intervalMs = 100) {
857      try {
858        if(!elementQuery)
859          throw new Error(`elementQuery is invalid`);
860
861        if (!callback)
862          throw new Error(`callback is invalid or empty`);
863
864        let intervalIterations = 0;
865        const waitForElement = setInterval(() => {
866          intervalIterations++;
867
868          const element = document.querySelector(elementQuery);
869          if (element) {
870            callback(element);
871            clearInterval(waitForElement);
872          }
873
874          if (intervalIterations > iterationLimit) {
875            console.warn(`%c!!! waitForElement() intervalIterations has exceeded its limit.`, 'background: #faf');
876            clearInterval(waitForElement);
877          }
878        }, intervalMs);
879      } catch (e) { console.warn(`%c!!! waitForElement()\n${e}`, 'background: #faf'); }
880    }
881    /* Functions end */
882  })();
883</script>
883</div>
884
885</div><!--end widget-span -->
886</div><!--end row-->
887</div><!--end row-wrapper -->
888
889</div><!--end widget-span -->
890</div><!--end row-->
891</div><!--end row-wrapper -->
892
893<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-section">
894<div class="row-fluid ">
895<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
896
897<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row">
898<div class="row-fluid ">
899<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
900<div id="hs_cos_wrapper_widget_1675940992590" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
901<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green md:h-[70%] pt-[138px]"></button>
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917  
918
919  
920
921  
922
923  
924
925  
926
927  
928
929  
930
931  
932
933  
934
935  
936
937  
938
939  
940
941  
942
943  
944
945  
946
947  
948
949  
950
951  
952
953
954
955<div id="widget_1675940992590" class="slick-slider relative">
956  
957  <section class="widget_1675940992590-1
958    bg-light-beige
959    relative z-10 pt-7 pb-5
960    md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[101vh] md:pt-[160px] md:pb-10
961  ">
962    <div class="md:w-[100vw]"></div>
963
964    <!-- ? Paper background -->
965    
966    
967      
968    
969    <div class="absolute inset-0 z-0 right-[-1px] md:block md:visible">
970      <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="" class="w-full h-full object-cover">
971
972      <!-- ? Mobile gradient -->
973      <div class=" absolute inset-0 md:hidden"></div>
974    </div>
975  
976
977    <!-- ? BG image plant -->
978    
979    <img id="widget_1675940992590__bg-image__plant-left" src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/products-bulk-detail/bulk-detail-bg-image-2.png" alt="bg-image" class="absolute z-0 top-[15%] right-[15%]
980        
981      ">
982  
983
984    <div id="widget_1675940992590__left__images" class="hidden absolute z-10 right-0 py-6 w-[38%] md:visible
985      md:flex md:h-[70%]
986    ">
987      <!-- ? Desktop left panel images -->
988      
989        
990    <!-- ? Desktop - Left panel - Single image -->
991    <div class="">
992      <img src="https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=500&amp;height=500&amp;name=Rum%20blending%20at%20EAS.jpg" alt="Rum blending at EAS" width="500" height="500" class="object-cover w-full h-full" style="object-position: 50%" srcset="https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=250&amp;height=250&amp;name=Rum%20blending%20at%20EAS.jpg 250w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=500&amp;height=500&amp;name=Rum%20blending%20at%20EAS.jpg 500w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=750&amp;height=750&amp;name=Rum%20blending%20at%20EAS.jpg 750w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=1000&amp;height=1000&amp;name=Rum%20blending%20at%20EAS.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=1250&amp;height=1250&amp;name=Rum%20blending%20at%20EAS.jpg 1250w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=1500&amp;height=1500&amp;name=Rum%20blending%20at%20EAS.jpg 1500w" sizes="(max-width: 500px) 100v
992w, 500px">
993    </div>
994  
995      
996
997      <!-- ? Desktop pop-up button -->
998      
999    
1000  
1001    </div>
1002
1003    <div class="relative container default-grid--md">
1004      <div class="md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:h-fit">
1005        <!-- ? Subtitle -->
1006        
1007    
1008      
1009        
1010      
1011
1012      <p class="text-dark-green font-bold mb-4 md:col-span-full font-trebuchet">
1013        Bulk Rum suppliers
1014      </p>
1015    
1016  
1017
1018        <!-- ? Title -->
1019        
1020    
1021      
1022    
1023
1024    
1025      <h2 id="widget_1675940992590__left__title" class="text-barrel-brown md:text-[72px] mb-3 md:mb-6 md:col-span-7">
1026        Rum sourcing made easy
1027      </h2>
1028    
1029  
1030
1031        <!-- ? Rich text -->
1032        
1033    
1034      
1035        
1036      
1037
1038      <p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0">
1039        <span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>As an independent company, E&amp;A Scheer sources Rums from over </span><span>40 </span><span>distilleries and origins worldwide. We ship these Rums to our </span><span>specialised </span><span>facility</span><span> </span><span>in Amsterdam, </span></span><span data-contrast="none" xml:lang="EN-GB" lang="EN-GB"><span>develop </span></span><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>bespoke blends tailored to your requirements</span><span>,</span><span> </span><span>then </span><span>supply them in bulk</span><span> with utmost consistency</span><span>. </span><span>Our team is</span><span> </span><span>constantly </span><span>sourcing </span><span>innovative new Rums to make sure </span><span>our</span><span> </span><span>selection</span><span> </span><span>remains</span><span> at the forefront of the industry.</span></span><span data-ccp-props="{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:257}">&nbsp;</span>
1040      </p>
1041    
1042  
1043
1044        <!-- ? USP -->
1045        
1046    
1047      
1048    
1049
1050    
1051      <div class="flex flex-col gap-y-3 w-4/5
1052        md:col-span-6 md:flex-row md:justify-between md:grid md:grid-cols-3 md:gap-x-4 md:w-full md:mt-7
1053      ">
1054        
1055          <!-- ? USP item -->
1056          <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]">
1057            
1058              
1059              
1060            
1061
1062            
1063              <img src="https://www.rum.nl/hubfs/barrel-dark.svg" alt="barrel-dark" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]">
1064            
1065
1066            <span class="text-barrel-brown font-trebuchet text-sm leading-[22px]">
1067              Bespoke Rum blends in all volumes
1068            </span>
1069          </div>
1070        
1071          <!-- ? USP item -->
1072          <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]">
1073            
1074              
1075              
1076            
1077
1078            
1079              <img src="https://www.rum.nl/hubfs/barrel-dark.svg" alt="barrel-dark" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]">
1080            
1081
1082            <span class="text-barrel-brown font-trebuchet text-sm leading-[22px]">
1083              Consistent profile, quality and character
1084            </span>
1085          </div>
1086        
1087          <!-- ? USP item -->
1088          <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]">
1089            
1090              
1091              
1092            
1093
1094            
1095              <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]">
1096            
1097
1098            <span class="text-barrel-brown font-trebuchet text-sm leading-[22px]">
1099              Unrivalled lead times of 7-10 business days
1100            </span>
1101          </div>
1102        
1103      </div>
1104    
1105  
1106
1107        <!-- ? Left CTA -->
1108        
1109    
1110  
1111      </div>
1112
1113      <div class="relative md:hidden
1114        flex justify-center pt-3
1115      ">
1116        <!-- ? Mobile left panel images -->
1117        
1118          
1119    <!-- ? Mobile - Left panel - Single image -->
1120    <img src="https://www.rum.nl/hubfs/Rum%20blending%20at%20EAS.jpg" alt="Rum blending at EAS" class="object-cover w-full h-full max-h-[500px]">
1121  
1122        
1123
1124        <!-- ? Mobile pop-up button -->
1125        
1126    
1127  
1128      </div>
1129    </div>
1130  </section>
1131
1132  <section class="widget_1675940992590-2 bg-light-beige
1133    relative z-10 pt-7 pb-5
1134    md:h-full md:pb-10
1135  ">
1136    <div class="hidden md:block md:visible">
1137      
1138    
1139      
1140    
1141    <div class="absolute inset-0 z-0 right-[-1px] md:block md:visible">
1142      <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="" class="w-full h-full object-cover">
1143
1144      <!-- ? Mobile gradient -->
1145      <div class=" absolute inset-0 md:hidden"></div>
1146    </div>
1147  
1148    </div>
1149
1150    <div class="opacity-50">
1151      <!-- ? BG image plant -->
1152      
1153    <img id="widget_1675940992590__bg-image__plant-right" src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/products-bulk-detail/bulk-detail-bg-image-3.png" alt="" class="absolute z-0 top-[10%] left-1/3 -translate-x-1/2
1154        
1155      ">
1156  
1157
1158      <!-- ? Image -->
1159      
1160    
1161      <div id="widget_1675940992590__right-panel__image" class="hidden absolute z-0 inset-0 container default-grid--md md:grid md:visible">
1162        <div class="col-start-4 col-end-8 relative top-1/4 h-[449px]">
1163          <img src="https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=2001&amp;height=3000&amp;name=Variety%20of%20Rum%20at%20EAS.jpg" alt="Variety of Rum at EAS" loading="lazy" class="hidden object-cover w-full h-full md:block md:visible" style="object-position: 50%" width="2001" height="3000" srcset="https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=1001&amp;height=1500&amp;name=Variety%20of%20Rum%20at%20EAS.jpg 1001w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=2001&amp;height=3000&amp;name=Variety%20of%20Rum%20at%20EAS.jpg 2001w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=3002&amp;height=4500&amp;name=Variety%20of%20Rum%20at%20EAS.jpg 3002w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=4002&amp;height=6000&amp;name=Variety%20of%20Rum%20at%20EAS.jpg 4002w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=5003&amp;height=7500&amp;name=Variety%20of%20Rum%20at%20EAS.jpg 5003w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=6003&amp;height=9000&amp;name=Variety%20of%20Rum%20at%20EAS.jpg 6003w" sizes="(max-width: 2001px) 100v
1163w, 2001px">
1164        </div>
1165      </div>
1166    
1167  
1168    </div>
1169
1170    <div class="flex flex-col gap-y-6 relative container pt-4
1171      sm:gap-y-10
1172      default-grid--md md:gap-y-0 md:pt-0
1173    ">
1174      <!-- ? Title -->
1175      
1176    
1177      
1178      
1179      
1180      
1181    
1182
1183
1184    <div id="widget_1675940992590__right__title" class="relative h-fit md:col-span-7 md:top-[30%] md:left-13">
1185      <h2 class=" ml-5 md:ml-[100px] sm:text-[54px] md:text-[72px]">
1186        Consistent
1187      </h2>
1188
1189      <h2 class=" sm:text-[54px] md:text-[72px]">
1190        Rum blends
1191      </h2>
1192
1193      <h2 class=" ml-5 md:ml-[100px] sm:text-[54px] md:text-[72px]">
1194        in all
1195      </h2>
1196
1197      <h2 class=" sm:text-[54px] md:text-[72px]">
1198        volumes
1199      </h2>
1200    </div>
1201  
1202
1203      <div class="relative h-fit md:col-start-9 md:col-end-13 md:top-[40%]">
1204        <!-- ? Glass image -->
1205        
1206    <div class="flex justify-around items-end mb-[22px] md:mb-4">
1207      <div class="flex-1">
1208        <svg width="110" height="6" viewbox="0 0 110 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full">
1209          <path d="M0.690599 2.99902L3 5.30842L5.3094 2.99902L3 0.689622L0.690599 2.99902ZM109.309 2.99902L107 0.689622L104.691 2.99902L107 5.30842L109.309 2.99902ZM3 3.39902H107V2.59902H3V3.39902Z" fill="#B18D68" />
1210        </svg>
1211      </div>
1212
1213      <img src="https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=120&amp;height=116&amp;name=EAS%20glass.png" alt="rum glass" width="120" height="116" class="flex-1 object-contain max-h-[120px]" srcset="https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=60&amp;height=58&amp;name=EAS%20glass.png 60w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=120&amp;height=116&amp;name=EAS%20glass.png 120w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=180&amp;height=174&amp;name=EAS%20glass.png 180w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=240&amp;height=232&amp;name=EAS%20glass.png 240w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=300&amp;height=290&amp;name=EAS%20glass.png 300w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=360&amp;height=348&amp;name=EAS%20glass.png 360w" sizes="(max-width: 120px) 100vw, 120px">
1214
1215      <div class="flex-1">
1216        <svg width="110" height="6" viewbox="0 0 110 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full">
1217          <path d="M0.690599 2.99902L3 5.30842L5.3094 2.99902L3 0.689622L0.690599 2.99902ZM109.309 2.99902L107 0.689622L104.691 2.99902L107 5.30842L109.309 2.99902ZM3 3.39902H107V2.59902H3V3.39902Z" fill="#B18D68" />
1218        </svg>
1219      </div>
1220    </div>
1221  
1222
1223        <!-- ? Right panel rich text -->
1224        
1225    
1226      
1227    
1228
1229    
1230      <div class="text-barrel-brown text-sm leading-[22px] mb-5 md:text-base md:leading-8">
1231        <div id="hs_cos_wrapper_widget_1675940992590_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="right_side.text.richtext_field"><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>Rum comes in </span><span>many variations</span><span> depending on the use of raw material, style of fermentation, distillation, and ageing. While changing conditions mean individual Rums can vary from year to year, our </span><span>comprehensive inventory</span><span> </span><span>and blending </span><span>expertise</span><span> </span><span>allow us to supply your bespoke </span><span>R</span><span>um blend in bulk</span><span>, then</span><span> reproduce it with complete consistency. Time after time.&nbsp;</span></span><span data-ccp-props="{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:257}">&nbsp;</span></div>
1232      </div>
1233    
1234  
1235
1236        <!-- ? CTA -->
1237        
1238    
1239      
1240        
1241      
1242
1243      <div class="btn btn-primary">
1244        <span id="hs_cos_wrapper_widget_1675940992590_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"><!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-f68faeee-d41e-432d-b54e-8076df5dd3cc"><span class="hs-cta-node hs-cta-f68faeee-d41e-432d-b54e-8076df5dd3cc" id="hs-cta-f68faeee-d41e-432d-b54e-8076df5dd3cc"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/25607130/f68faeee-d41e-432d-b54e-8076df5dd3cc"><img class="hs-cta-img" id="hs-cta-img-f68faeee-d41e-432d-b54e-8076df5dd3cc" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/25607130/f68faeee-d41e-432d-b54e-8076df5dd3cc.png" alt="Start Blending Tool"></a></span>
1244<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
1244<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(25607130, 'f68faeee-d41e-432d-b54e-8076df5dd3cc', {"useNewLoader":"true","region":"eu1"}); </script>
1244</span><!-- end HubSpot Call-to-Action Code --></span>
1245      </div>
1246    
1247  
1248      </div>
1249    </div>
1250  </section>
1251</div>
1252
1253
1254
1255
1256
1257
1258
1259
1260</div>
1261
1262</div><!--end widget-span -->
1263</div><!--end row-->
1264</div><!--end row-wrapper -->
1265
1266</div><!--end widget-span -->
1267</div><!--end row-->
1268</div><!--end row-wrapper -->
1269
1270<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-section">
1271<div class="row-fluid ">
1272<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
1273
1274<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row">
1275<div class="row-fluid ">
1276<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1277<div id="hs_cos_wrapper_widget_1745494752365" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  
1278           
1279
1280<section id="widget_1745494752365" class="bg-parsnip-beige
1281rum-types-module relative py-7 md:pt-[120px] md:pb-8">
1282  <div class="absolute z-0 inset-0 rotate-180">
1283    <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg paper" class="w-full h-full object-cover">
1284  </div>
1285  <div class="container default-grid--md relative z-10">
1286    <div class="flex flex-col col-span-full
1287    items-start
1288text-start
1289    ">
1290      <!-- ? Subtitle -->
1291      
1292      <div id="widget_1745494752365__subtitle" class="text-dark-green
1293      font-trebuchet text-sm leading-5 text-center font-bold mb-3 mt-4
1294      md:col-span-full md:text-start md:text-base md:mb-4 md:mt-0">
1295        The global Rum specialist
1296      </div>
1297      
1298
1299      <!-- ? Title -->
1300      
1301      <h2 id="widget_1745494752365__title" class="text-[32px] leading-100 md:text-[56px] text-center mb-3 md:text-start w-fit md:max-w-[90%] md:mb-6 items-start
1302text-start">
1303        Our offerings
1304      </h2>
1305      
1306
1307      <!-- ? Description -->
1308      
1309      <div class="font-trebuchet text-sm md:text-base mb-6 md:w-3/5 md:text-start md:mb-6 [&amp;_*]:text-start items-start
1310text-start" id="widget_1745494752365__description">
1311        <div id="hs_cos_wrapper_widget_1745494752365_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><span>E&amp;A Scheer provides access to an unrivalled selection of Rum, Cachaça, and Batavia Arrack from distilleries across the globe. We offer the complete spectrum of styles and profiles both in bulk and in individual casks. We are unique in offering this breadth of range – and this level of flexibility.</span></div>
1312      </div>
1313    </div>
1314
1315     
1316    <!-- ? Cards -->
1317    <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4">
1318        
1319
1320      <div class="flex flex-col items-center w-full " id="widget_1745494752365__column_1">
1321        <!-- ? Roman number -->
1322        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
1323           
1324
1325          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1326            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1327          </svg>
1328           
1329        </span>
1330
1331        <!-- ? Product image -->
1332        
1333        <div class="w-full h-[211px] md:h-[338px]">
1334          <img src="https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=2685&amp;height=1423&amp;name=Rum%20Room%201-2.jpeg" alt="Rum Room 1-2" class="object-cover w-full h-full" width="2685" height="1423" srcset="https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=1343&amp;height=712&amp;name=Rum%20Room%201-2.jpeg 1343w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=2685&amp;height=1423&amp;name=Rum%20Room%201-2.jpeg 2685w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=4028&amp;height=2135&amp;name=Rum%20Room%201-2.jpeg 4028w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=5370&amp;height=2846&amp;name=Rum%20Room%201-2.jpeg 5370w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=6713&amp;height=3558&amp;name=Rum%20Room%201-2.jpeg 6713w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=8055&amp;height=4269&amp;name=Rum%20Room%201-2.jpeg 8055w" sizes="(max-width: 2685px) 100v
1334w, 2685px">
1335        </div>
1336        
1337
1338        <!-- ? Product info block -->
1339        
1340        <div class="bg-light-beige
1341          mt-[-80px] md:mt-[-120px]
1342          
1343          py-4 px-3 w-[90%] flex flex-col
1344        ">
1345          <!-- ? Product title -->
1346          <h3 class="text-barrel-brown
1347              block text-sm leading-7 font-bold w-fit mb-2
1348              md:text-base md:leading-8 md:mb-1">
1349            Rum, Rhum, Ron
1350          </h3>
1351
1352          <!-- ? Product description -->
1353          
1354          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
1355            Produced from fermented and distilled sugarcane, Rum is one of the world's most diverse and versatile spirits. As such, it showcases a vast array of characters, types, and origins - providing endless possibilities for our master blenders to create your unique and distinctive blend. 
1356          </div>
1357          
1358
1359          <!-- ? Blog post link -->
1360          
1361          <a href="https://www.rum.nl/en/collection/rum?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
1362            <span class="
1363              text-dark-green
1364              font-bold text-sm md:text-base
1365            ">
1366              Learn more
1367            </span>
1368
1369            
1370            <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg">
1371              <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" />
1372            </svg>
1373            
1374          </a>
1375          
1376        </div>
1377        
1378      </div>
1379          
1380
1381      <div class="flex flex-col items-center w-full md:mt-8" id="widget_1745494752365__column_2">
1382        <!-- ? Roman number -->
1383        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
1384           
1385
1386          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1387            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1388          </svg>
1389          
1390
1391          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1392            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1393          </svg>
1394           
1395        </span>
1396
1397        <!-- ? Product image -->
1398        
1399        <div class="w-full h-[211px] md:h-[338px]">
1400          <img src="https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=1000&amp;height=665&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg" alt="Batavia Arak Scheer-jpg" class="object-cover w-full h-full" width="1000" height="665" srcset="https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=500&amp;height=333&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 500w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=1000&amp;height=665&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 1000w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=1500&amp;height=998&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 1500w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=2000&amp;height=1330&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 2000w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=2500&amp;height=1663&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 2500w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=3000&amp;height=1995&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 3000w" sizes="(max-width: 1000px) 100vw, 1000px">
1401        </div>
1402        
1403
1404        <!-- ? Product info block -->
1405        
1406        <div class="bg-light-beige
1407          mt-[-80px] md:mt-[-120px]
1408          
1409          py-4 px-3 w-[90%] flex flex-col
1410        ">
1411          <!-- ? Product title -->
1412          <h3 class="text-barrel-brown
1413              block text-sm leading-7 font-bold w-fit mb-2
1414              md:text-base md:leading-8 md:mb-1">
1415            Batavia Arrack
1416          </h3>
1417
1418          <!-- ? Product description -->
1419          
1420          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
1421            Batavia Arrack is a pot distilled Indonesian Rum produced on the island of Java. The difference lies in the use of local red rice which is added to the molasses. See its potential for your products and markets with our expert guidance.
1422          </div>
1423          
1424
1425          <!-- ? Blog post link -->
1426          
1427          <a href="https://www.rum.nl/en/collection/batavia-arrack?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
1428            <span class="
1429              text-dark-green
1430              font-bold text-sm md:text-base
1431            ">
1432              Learn more
1433            </span>
1434
1435            
1436            <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg">
1437              <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" />
1438            </svg>
1439            
1440          </a>
1441          
1442        </div>
1443        
1444      </div>
1445        
1446
1447      <div class="flex flex-col items-center w-full " id="widget_1745494752365__column_3">
1448        <!-- ? Roman number -->
1449        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
1450           
1451
1452          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1453            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1454          </svg>
1455          
1456
1457          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1458            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1459          </svg>
1460          
1461
1462          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1463            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
1464          </svg>
1465           
1466        </span>
1467
1468        <!-- ? Product image -->
1469        
1470        <div class="w-full h-[211px] md:h-[338px]">
1471          <img src="https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=724&amp;height=483&amp;name=Cachaca.jpg" alt="Cachaca" class="object-cover w-full h-full" width="724" height="483" srcset="https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=362&amp;height=242&amp;name=Cachaca.jpg 362w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=724&amp;height=483&amp;name=Cachaca.jpg 724w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=1086&amp;height=725&amp;name=Cachaca.jpg 1086w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=1448&amp;height=966&amp;name=Cachaca.jpg 1448w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=1810&amp;height=1208&amp;name=Cachaca.jpg 1810w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=2172&amp;height=1449&amp;name=Cachaca.jpg 2172w" sizes="(max-width: 724px) 100vw, 724px">
1472        </div>
1473        
1474
1475        <!-- ? Product info block -->
1476        
1477        <div class="bg-light-beige
1478          mt-[-80px] md:mt-[-120px]
1479          
1480          py-4 px-3 w-[90%] flex flex-col
1481        ">
1482          <!-- ? Product title -->
1483          <h3 class="text-barrel-brown
1484              block text-sm leading-7 font-bold w-fit mb-2
1485              md:text-base md:leading-8 md:mb-1">
1486            Cachaça
1487          </h3>
1488
1489          <!-- ? Product description -->
1490          
1491          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
1492            Cachaça is a Brazilian sugarcane crafted from sugarcane juice rather than syrup or molasses. Discover Cachaca of Brazil, a sugarcane distillate renowned for its unique flavour.
1493          </div>
1494          
1495
1496          <!-- ? Blog post link -->
1497          
1498          <a href="https://www.rum.nl/en/collection/cacha%C3%A7a?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
1499            <span class="
1500              text-dark-green
1501              font-bold text-sm md:text-base
1502            ">
1503              Learn more
1504            </span>
1505
1506            
1507            <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg">
1508              <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" />
1509            </svg>
1510            
1511          </a>
1512          
1513        </div>
1514        
1515      </div>
1516      
1517    </div>
1518    
1519
1520    <!-- ? CTA button -->
1521    
1522  </div>
1523</section></div>
1524
1525</div><!--end widget-span -->
1526</div><!--end row-->
1527</div><!--end row-wrapper -->
1528
1529</div><!--end widget-span -->
1530</div><!--end row-->
1531</div><!--end row-wrapper -->
1532
1533<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-section">
1534<div class="row-fluid ">
1535<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
1536
1537<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-row">
1538<div class="row-fluid ">
1539<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1540<div id="hs_cos_wrapper_widget_1670425928246" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
1541<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button>
1542
1543                     
1544
1545<section id="widget_1670425928246-1" class="relative z-10 pt-7 pb-5 bg-barrel-brown
1546  md:flex md:flex-col md:h-full md:py-[160px]
1547">
1548  <div class="container">
1549    <!-- ? Paper background -->
1550       
1551<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible">
1552  <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-old-paper-dark.png" alt="bg-paper" class="w-full h-full object-cover">
1553
1554  <!-- ? Mobile gradient -->
1555  <div class="custom-gradient absolute inset-0 md:hidden"></div>
1556</div>
1557
1558
1559    <!-- ? BG image plant -->
1560    
1561<img id="widget_1670425928246__bg-image__plant-left" src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/products-bulk-detail/bulk-detail-bg-image-2.png" alt="bg-image" class="absolute z-0 top-[15%] right-[15%]
1562        invert
1563      ">
1564   
1565
1566    <div class="relative container default-grid--md">
1567      <div class="md:gap-x-4 md:h-fit  md:col-span-6  md:grid md:grid-cols-6 ">
1568        <!-- ? Subtitle -->
1569            
1570
1571<p class="text-light-green mt-4 md:mt-0 font-bold mb-4 md:col-span-full font-trebuchet">The Main Rum Company</p>
1572 
1573
1574        <!-- ? Title -->
1575             
1576<h2 id="widget_1670425928246__left__title" class="text-light-beige text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7">
1577  Specialists in rare and aged Rums in cask
1578</h2>
1579  
1580
1581        <!-- ? Rich text -->
1582            
1583
1584<p class="text-light-beige mb-5 md:col-span-6 md:mb-0"><span>Our sister </span><span>company</span><span>, The Main Rum Company, </span><span>
1584offers </span><span>rare and aged Rums in cask. Their impressive selection is sourced from a wide range of origins and distilleries, stored in their cellars for further maturation, and offers a unique opportunity to enter the fast-growing premium Rum market.&nbsp;</span></p>
1585 
1586
1587        <!-- ? USP -->
1588            
1589<div class="flex flex-col gap-y-3 w-4/5 md:col-span-6 md:flex-row md:justify-between md:grid md:grid-cols-3 md:gap-x-4 md:w-full md:mt-7">
1590  
1591  <!-- ? USP item -->
1592  <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]">
1593        
1594    <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]">
1595    
1596
1597    <span class="text-light-beige font-trebuchet text-sm leading-[22px]">
1598      Premium quality rare and aged Rums 
1599    </span>
1600  </div>
1601  
1602  <!-- ? USP item -->
1603  <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]">
1604        
1605    <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]">
1606    
1607
1608    <span class="text-light-beige font-trebuchet text-sm leading-[22px]">
1609      Matured in cask in our own cellars 
1610    </span>
1611  </div>
1612  
1613  <!-- ? USP item -->
1614  <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]">
1615        
1616    <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]">
1617    
1618
1619    <span class="text-light-beige font-trebuchet text-sm leading-[22px]">
1620      Expertise in inventory management  
1621    </span>
1622  </div>
1623  
1624</div>
1625 
1626
1627        <!-- ? Left CTA -->
1628            
1629
1630<div class="col-span-full mt-4">
1631  <div class="btn btn-primary-negative"><span id="hs_cos_wrapper_widget_1670425928246_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"><div class="hs-web-interactive-inline" style="; " data-hubspot-wrapper-cta-id="96090054638"> 
1632 <style data-hubspot-cta-style="hs-inline-web-interactive-96090054638">
1633
1634  a.hs-inline-web-interactive-96090054638 {
1635    cursor: pointer !important;
1636  }
1637
1638  a.hs-inline-web-interactive-96090054638:hover {
1639    
1640  }
1641
1642  a.hs-inline-web-interactive-96090054638:active {
1643    
1644  }
1645
1646  a.hs-inline-web-interactive-96090054638:active:hover {
1647    
1648  }
1649
1650</style> 
1651 <span class="hs-cta-wrapper hs-web-interactive-wrapper"><span class="hs-cta-node hs-web-interactive-node"> <a href="https://cta-eu1.hubspot.com/web-interactives/public/v1/track/click?encryptedPayload=AVxigLJt0QlVOs65RPgs9VxWzU7XrZMYDPXBikLRAVZOv%2F3mutyZKBS%2FH%2FpIIHHgfvaDbYT54X3aheWBcx0SmfEmG5zNMevb5EcJqCKyWQc%2BmPXIS3UxQsYkF5kdpxjX3QgMFckR8YX0uDFlZIC3V3psmy7TPa2%2Ft%2BQBNSk4SorE0j%2FFtInEvg%3D%3D&amp;portalId=25607130" class="hs-inline-web-interactive-96090054638   " data-hubspot-cta-id="96090054638"> Visit The Main Rum Company </a> </span></span> 
1652</div></span></div>
1653</div>
1654 
1655      </div>
1656
1657       
1658      <div class="hidden items-center relative md:flex md:visible col-span-6 col-start-7 ">
1659        <!-- ? Desktop single image -->
1660        <img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1200&amp;height=1800&amp;name=Main%20Rum%20Company-16-1-1.jpg" alt="Main Rum Company-16-1-1" loading="lazy" class="object-cover w-full h-full max-h-[700px]" width="1200" height="1800" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=600&amp;height=900&amp;name=Main%20Rum%20Company-16-1-1.jpg 600w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1200&amp;height=1800&amp;name=Main%20Rum%20Company-16-1-1.jpg 1200w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1800&amp;height=2700&amp;name=Main%20Rum%20Company-16-1-1.jpg 1800w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=2400&amp;height=3600&amp;name=Main%20Rum%20Company-16-1-1.jpg 2400w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=3000&amp;height=4500&amp;name=Main%20Rum%20Company-16-1-1.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=3600&amp;height=5400&amp;name=Main%20Rum%20Company-16-1-1.jpg 3600w" sizes="(max-width: 1200px) 100v
1660w, 1200px">
1661
1662        <!-- ? Desktop pop-up button -->
1663        
1664      </div>
1665       
1666      <!-- ? Mobile single image -->
1667      <div class="flex justify-center relative h-[500px] mt-3 md:hidden">
1668        <img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1200&amp;height=1800&amp;name=Main%20Rum%20Company-16-1-1.jpg" alt="Main Rum Company-16-1-1" loading="lazy" class="object-cover w-full h-full" width="1200" height="1800" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=600&amp;height=900&amp;name=Main%20Rum%20Company-16-1-1.jpg 600w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1200&amp;height=1800&amp;name=Main%20Rum%20Company-16-1-1.jpg 1200w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1800&amp;height=2700&amp;name=Main%20Rum%20Company-16-1-1.jpg 1800w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=2400&amp;height=3600&amp;name=Main%20Rum%20Company-16-1-1.jpg 2400w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=3000&amp;height=4500&amp;name=Main%20Rum%20Company-16-1-1.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=3600&amp;height=5400&amp;name=Main%20Rum%20Company-16-1-1.jpg 3600w" sizes="(max-width: 1200px) 100vw, 1200px">
1669
1670        <!-- ? Mobile pop-up button -->
1671        
1672      </div>
1673         
1674    </div>
1675  </div>
1676</section>
1677
1678
1679
1680<script defer>
1681  // @ts-check
1682  "use strict";
1683
1684  try {
1685    const BREAK_POINT = 1200;
1686
1687    
1688
1689    function animatePopUpOnClick() {
1690      try {
1691        /* Variables and guard clauses start */
1692        const popupButtons = document.querySelectorAll('.widget_1670425928246__popup-button');
1693        if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons);
1694
1695        const popupModal = _getPopupModal();
1696        if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal);
1697
1698        const navigation = document.querySelector('.navigation');
1699        if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation);
1700
1701        const body = document.querySelector('body');
1702        /* Variables and guard clauses end */
1703
1704        popupButtons.forEach(popupButton => {
1705          const popupButton_text = popupButton.querySelector('span');
1706          popupButton.addEventListener('click', () => {
1707            body.classList.add('overflow-y-hidden');
1708            popupButton.style.pointerEvent = 'none';
1709
1710            const tl = gsap.timeline();
1711            tl.add(_animatePopupButton)
1712              .add(_animatePopupContent, 1.5)
1713
1714            function _animatePopupContent() {
1715              try {
1716                const tlContent = gsap.timeline();
1717                tlContent
1718                  .add(() => _setStateImageLeft())
1719                  .add(() => _setStateImageRight())
1720                  .add(() => _setStateChevron())
1721                  .add(() => _setStateSugarCaneImage())
1722                  .add(() => _animateTitleAndText())
1723                  .add(() => _animateSubtitle())
1724                  .add(() => _animateCloseButton())
1725                  .add(() => _animateChevron(), '>0.1')
1726                  .add(() => _animateImageLeft(), '<0.5')
1727                  .add(() => _animateImageRight(), '<')
1728                  .add(() => _animateSugarCaneImage(), '>1')
1729
1730                function _animateTitleAndText() {
1731                  try {
1732                    const title = popupModal.querySelector('.popup-modal__title');
1733                    if (!title) throw new Error('title not found\ntitle:\n', title);
1734
1735                    const text = popupModal.querySelector('.popup-modal__text');
1736                    if (!text) throw new Error('text not found\ntext:\n', text);
1737
1738                    [title, text].forEach((element, index) =>
1739                      gsap.set(element, {
1740                        y: (index + 1) * 1.1 * 50,
1741                        duration: 2,
1742                        ease: Power4,
1743                        opacity: 0.5
1744                      })
1745                    );
1746
1747                    const tlPopupContent = gsap.timeline();
1748                    tlPopupContent.add(() => {
1749                      tlPopupContent
1750                        .to(title, { y: 0, opacity: 1 })
1751                        .to(text, { y: 0, opacity: 1 }, '<')
1752                    })
1753                  } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); }
1754                }
1755
1756                function _animateSubtitle() {
1757                  try {
1758                    const subtitle = popupModal.querySelector('.popup-modal__subtitle');
1759                    if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle);
1760
1761                    gsap.fromTo(subtitle,
1762                      { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 },
1763                      { y: 0, opacity: 1 }
1764                    );
1765                  } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); }
1766                }
1767
1768                function _animateCloseButton() {
1769                  try {
1770                    const closeButton = popupModal.querySelector('.popup-modal__close-button');
1771                    if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
1772
1773                    gsap.fromTo(closeButton,
1774                      { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 },
1775                      { y: 0, opacity: 1 }
1776                    );
1777                  } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); }
1778                }
1779
1780                function _setStateSugarCaneImage() {
1781                  try {
1782                    const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
1783                    if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
1784                    gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 });
1785                  } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); }
1786                }
1787
1788                function _animateSugarCaneImage() {
1789                  try {
1790                    const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
1791                    if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
1792
1793                    gsap.to(sugarCaneImage, { x: 0 });
1794                  } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); }
1795                }
1796
1797                function _setStateChevron() {
1798                  try {
1799                    const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
1800                    if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
1801
1802                    gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 });
1803                  } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); }
1804                }
1805
1806                function _animateChevron() {
1807                  try {
1808                    const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
1809                    if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
1810
1811                    gsap.to(chevron, { scale: 1, rotation: 45 } );
1812                  } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); }
1813                }
1814
1815                function _setStateImageLeft() {
1816                  try {
1817                    const image = popupModal.querySelectorAll('.popup-modal__image')[0];
1818                    if (!image) throw new Error('image not found\nimage:\n', image);
1819
1820                    gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 });
1821                  } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); }
1822                }
1823
1824                function _animateImageLeft() {
1825                  try {
1826                    const image = popupModal.querySelectorAll('.popup-modal__image')[0];
1827                    if (!image) throw new Error('image not found\nimage:\n', image);
1828
1829                    if (window.matchMedia(`(min-width: 1400px)`).matches) {
1830                      gsap.to(image, { xPercent: -10 });
1831                    } else {
1832                      gsap.to(image, { xPercent: -50 });
1833                    }
1834                  } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); }
1835                }
1836
1837                function _setStateImageRight() {
1838                  try {
1839                    const image = popupModal.querySelectorAll('.popup-modal__image')[1];
1840                    if (!image) throw new Error('image not found\nimage:\n', image);
1841
1842                    gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 });
1843                  } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); }
1844                }
1845
1846                function _animateImageRight() {
1847                  try {
1848                    const image = popupModal.querySelectorAll('.popup-modal__image')[1];
1849                    if (!image) throw new Error('image not found\nimage:\n', image);
1850
1851                    if (window.matchMedia(`(min-width: 1400px)`).matches) {
1852                      gsap.to(image, { xPercent: 10 });
1853                    } else {
1854                      gsap.to(image, { xPercent: 50 });
1855                    }
1856                  } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); }
1857                }
1858              } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); }
1859            }
1860
1861            function _animatePopupButton() {
1862              const tlButton = gsap.timeline();
1863              try {
1864                _addEventsOnModalClose();
1865
1866                tlButton
1867                  .to(popupButton_text, {
1868                    /* Fades out the text inside the button */
1869                    duration: .5,
1870                    ease: Power4,
1871                    opacity: 0,
1872                  })
1873                  .to(navigation, {
1874                    duration: 0.5,
1875                    opacity: 0
1876                  })
1877                  .to(popupButton, {
1878                    /* Makes button big until it cover the screen */
1879                    duration: 1.5,
1880                    ease: Power4,
1881                    scale: 20,
1882                  }, '<')
1883                  .add(
1884                    /* Preps the modal for showing */
1885                    () => {
1886                      gsap.set(popupModal, { opacity: 0, height: 0 });
1887                      popupModal.classList.remove('hidden');
1888                    },
1889                    '<'
1890                  )
1891                  /* Shows modal */
1892                  .to(popupModal, {
1893                    duration: 0,
1894                    height: '100%',
1895                  }, '<')
1896                  .to(popupModal, {
1897                    duration: .5,
1898                    opacity: 1
1899                  }, '>1')
1900                  /* Fades out popup button */
1901                  .to(popupButton, { opacity: 0 })
1902                  .add(() => popupButton.classList.add('hidden'));
1903
1904                  function _addEventsOnModalClose() {
1905                    try {
1906                      const closeButton = popupModal.querySelector('.popup-modal__close-button');
1907                      if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
1908                      closeButton.addEventListener('click', () => {
1909                        gsap.set(navigation, { opacity: 1 });
1910                        gsap.set(popupButton, { opacity: 1, scale: 1 });
1911                        popupButton.classList.remove('hidden');
1912                        gsap.set(popupButton_text, { opacity: 1 });
1913                        tlButton.revert();
1914                      });
1915                    } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); }
1916                  }
1917              } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); }
1918            }
1919          });
1920        });
1921
1922        function _getPopupModal() {
1923          try {
1924            let popupModal = [...document.querySelectorAll('.popup-modal')];
1925            if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal);
1926            if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal);
1927            return popupModal[0];
1928          } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); }
1929        }
1930      } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); }
1931    }
1932  } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); }
1933</script>
1933</div>
1934
1935</div><!--end widget-span -->
1936</div><!--end row-->
1937</div><!--end row-wrapper -->
1938
1939</div><!--end widget-span -->
1940</div><!--end row-->
1941</div><!--end row-wrapper -->
1942
1943<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-section">
1944<div class="row-fluid ">
1945<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
1946
1947<div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-row">
1948<div class="row-fluid ">
1949<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1950<div id="hs_cos_wrapper_module_17593162498853" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  
1951           
1952
1953<section id="module_17593162498853" class="bg-white
1954rum-types-module relative py-7 md:pt-[120px] md:pb-8">
1955  <div class="absolute z-0 inset-0 rotate-180">
1956    <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg paper" class="w-full h-full object-cover">
1957  </div>
1958  <div class="container default-grid--md relative z-10">
1959    <div class="flex flex-col col-span-full
1960    items-start
1961text-start
1962    ">
1963      <!-- ? Subtitle -->
1964      
1965      <div id="module_17593162498853__subtitle" class="text-dark-green
1966      font-trebuchet text-sm leading-5 text-center font-bold mb-3 mt-4
1967      md:col-span-full md:text-start md:text-base md:mb-4 md:mt-0">
1968        ESG Certificates
1969      </div>
1970      
1971
1972      <!-- ? Title -->
1973      
1974      <h2 id="module_17593162498853__title" class="text-[32px] leading-100 md:text-[56px] text-center mb-3 md:text-start w-fit md:max-w-[90%] md:mb-6 items-start
1975text-start">
1976        Sustainable Rum Solutions
1977      </h2>
1978      
1979
1980      <!-- ? Description -->
1981      
1982      <div class="font-trebuchet text-sm md:text-base mb-6 md:w-3/5 md:text-start md:mb-6 [&amp;_*]:text-start items-start
1983text-start" id="module_17593162498853__description">
1984        <div id="hs_cos_wrapper_module_17593162498853_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p><span>E&amp;A Scheer offers three distinct sustainable Rum options, supporting our commitment to responsible sourcing. Our selection includes Rums certified by Bonsucro and Fairtrade, both obtained via the Mass Balance system and we offer various Organic Rum.</span></p></div>
1985      </div>
1986    </div>
1987
1988     
1989    <!-- ? Cards -->
1990    <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4">
1991        
1992
1993      <div class="flex flex-col items-center w-full " id="module_17593162498853__column_1">
1994        <!-- ? Roman number -->
1995        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
1996           
1997
1998          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1999            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2000          </svg>
2001           
2002        </span>
2003
2004        <!-- ? Product image -->
2005        
2006        <div class="w-full h-[211px] md:h-[338px]">
2007          <img src="https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=1300&amp;height=650&amp;name=bonsucro.png" alt="bonsucro" class="object-cover w-full h-full" width="1300" height="650" srcset="https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=650&amp;height=325&amp;name=bonsucro.png 650w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=1300&amp;height=650&amp;name=bonsucro.png 1300w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=1950&amp;height=975&amp;name=bonsucro.png 1950w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=2600&amp;height=1300&amp;name=bonsucro.png 2600w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=3250&amp;height=1625&amp;name=bonsucro.png 3250w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=3900&amp;height=1950&amp;
2007name=bonsucro.png 3900w" sizes="(max-width: 1300px) 100vw, 1300px">
2008        </div>
2009        
2010
2011        <!-- ? Product info block -->
2012        
2013        <div class="bg-light-beige
2014          mt-[-80px] md:mt-[-120px]
2015          
2016          py-4 px-3 w-[90%] flex flex-col
2017        ">
2018          <!-- ? Product title -->
2019          <h3 class="text-barrel-brown
2020              block text-sm leading-7 font-bold w-fit mb-2
2021              md:text-base md:leading-8 md:mb-1">
2022            Bonsucro Rum
2023          </h3>
2024
2025          <!-- ? Product description -->
2026          
2027          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
2028            We are proud to have gained Bonsucro Chain of Custody certification in 2017. Bonsucro represents a global non-profit certification for sustainable sugarcane production and processing. 
2029          </div>
2030          
2031
2032          <!-- ? Blog post link -->
2033          
2034          <a href="https://www.rum.nl/en/collection/bonsucro-rum-in-bulk?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
2035            <span class="
2036              text-dark-green
2037              font-bold text-sm md:text-base
2038            ">
2039              Learn more
2040            </span>
2041
2042            
2043            <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2044              <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" />
2045            </svg>
2046            
2047          </a>
2048          
2049        </div>
2050        
2051      </div>
2052          
2053
2054      <div class="flex flex-col items-center w-full md:mt-8" id="module_17593162498853__column_2">
2055        <!-- ? Roman number -->
2056        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
2057           
2058
2059          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2060            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2061          </svg>
2062          
2063
2064          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2065            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2066          </svg>
2067           
2068        </span>
2069
2070        <!-- ? Product image -->
2071        
2072        <div class="w-full h-[211px] md:h-[338px]">
2073          <img src="https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=1280&amp;height=697&amp;name=fairtrade-1280x720-1.jpeg" alt="fairtrade-1280x720-1" class="object-cover w-full h-full" width="1280" height="697" srcset="https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=640&amp;height=349&amp;name=fairtrade-1280x720-1.jpeg 640w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=1280&amp;height=697&amp;name=fairtrade-1280x720-1.jpeg 1280w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=1920&amp;height=1046&amp;name=fairtrade-1280x720-1.jpeg 1920w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=2560&amp;height=1394&amp;name=fairtrade-1280x720-1.jpeg 2560w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=3200&amp;height=1743&amp;name=fairtrade-1280x720-1.jpeg 3200w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=3840&amp;height=2091&amp;name=fairtrade-1280x720-1.jpeg 3840w" sizes="(max-width: 1280px) 100vw, 1280px">
2074        </div>
2075        
2076
2077        <!-- ? Product info block -->
2078        
2079        <div class="bg-light-beige
2080          mt-[-80px] md:mt-[-120px]
2081          
2082          py-4 px-3 w-[90%] flex flex-col
2083        ">
2084          <!-- ? Product title -->
2085          <h3 class="text-barrel-brown
2086              block text-sm leading-7 font-bold w-fit mb-2
2087              md:text-base md:leading-8 md:mb-1">
2088            Fairtrade Rum
2089          </h3>
2090
2091          <!-- ? Product description -->
2092          
2093          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
2094            The Rum is sourced, traded and audited as Fairtrade, ensuring producers receive Fairtrade terms. It opens powerful storytelling opportunities for brands, allowing them to highlight their active support for farmers and communities.
2095          </div>
2096          
2097
2098          <!-- ? Blog post link -->
2099          
2100          <a href="https://www.rum.nl/en/collection/fairtrade-rum-in-bulk?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
2101            <span class="
2102              text-dark-green
2103              font-bold text-sm md:text-base
2104            ">
2105              Learn more
2106            </span>
2107
2108            
2109            <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2110              <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" />
2111            </svg>
2112            
2113          </a>
2114          
2115        </div>
2116        
2117      </div>
2118        
2119
2120      <div class="flex flex-col items-center w-full " id="module_17593162498853__column_3">
2121        <!-- ? Roman number -->
2122        <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4">
2123           
2124
2125          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2126            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2127          </svg>
2128          
2129
2130          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2131            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2132          </svg>
2133          
2134
2135          <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2136            <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" />
2137          </svg>
2138           
2139        </span>
2140
2141        <!-- ? Product image -->
2142        
2143        <div class="w-full h-[211px] md:h-[338px]">
2144          <img src="https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=640&amp;height=480&amp;name=eu-organic-logo.jpg" alt="eu-organic-logo" class="object-cover w-full h-full" width="640" height="480" srcset="https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=320&amp;height=240&amp;name=eu-organic-logo.jpg 320w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=640&amp;height=480&amp;name=eu-organic-logo.jpg 640w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=960&amp;height=720&amp;name=eu-organic-logo.jpg 960w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=1280&amp;height=960&amp;name=eu-organic-logo.jpg 1280w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=1600&amp;height=1200&amp;name=eu-organic-logo.jpg 1600w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=1920&amp;height=1440&amp;name=eu-organic-logo.jpg 1920w" sizes="(max-width: 640px) 100vw, 640px">
2145        </div>
2146        
2147
2148        <!-- ? Product info block -->
2149        
2150        <div class="bg-light-beige
2151          mt-[-80px] md:mt-[-120px]
2152          
2153          py-4 px-3 w-[90%] flex flex-col
2154        ">
2155          <!-- ? Product title -->
2156          <h3 class="text-barrel-brown
2157              block text-sm leading-7 font-bold w-fit mb-2
2158              md:text-base md:leading-8 md:mb-1">
2159            Organic Rum
2160          </h3>
2161
2162          <!-- ? Product description -->
2163          
2164          <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]">
2165            We are certified under the EU Organic Regulation. Offering a range of Organic Rums sourced from certified suppliers worldwide, we can guide you through the certification requirements relevant to your target markets.
2166          </div>
2167          
2168
2169          <!-- ? Blog post link -->
2170          
2171          <a href="https://www.rum.nl/en/collection/organic-rum-in-bulk?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
2172            <span class="
2173              text-dark-green
2174              font-bold text-sm md:text-base
2175            ">
2176              Learn more
2177            </span>
2178
2179            
2180            <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2181              <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" />
2182            </svg>
2183            
2184          </a>
2185          
2186        </div>
2187        
2188      </div>
2189      
2190    </div>
2191    
2192
2193    <!-- ? CTA button -->
2194    
2195  </div>
2196</section></div>
2197
2198</div><!--end widget-span -->
2199</div><!--end row-->
2200</div><!--end row-wrapper -->
2201
2202</div><!--end widget-span -->
2203</div><!--end row-->
2204</div><!--end row-wrapper -->
2205
2206<div class="row-fluid-wrapper row-depth-1 row-number-16 Homepage_blend-row-9-padding dnd-section">
2207<div class="row-fluid ">
2208<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
2209
2210<div class="row-fluid-wrapper row-depth-1 row-number-17 dnd-row">
2211<div class="row-fluid ">
2212<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2213<div id="hs_cos_wrapper_widget_1745495346240" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
2214<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button>
2215
2216                     
2217
2218<section id="widget_1745495346240-1" class="relative z-10 pt-7 pb-5 bg-light-beige
2219  md:flex md:flex-col md:h-full md:py-[160px]
2220">
2221  <div class="container">
2222    <!-- ? Paper background -->
2223       
2224<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible">
2225  <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg-paper" class="w-full h-full object-cover">
2226
2227  <!-- ? Mobile gradient -->
2228  <div class=" absolute inset-0 md:hidden"></div>
2229</div>
2230
2231
2232    <!-- ? BG image plant -->
2233    
2234<img id="widget_1745495346240__bg-image__plant-left" src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/products-bulk-detail/bulk-detail-bg-image-2.png" alt="bg-image" class="absolute z-0 top-[15%] right-[15%]
2235        
2236      ">
2237   
2238
2239    <div class="relative container default-grid--md">
2240      <div class="md:gap-x-4 md:h-fit  md:col-span-6  md:grid md:grid-cols-6 md:order-1 md:col-start-8">
2241        <!-- ? Subtitle -->
2242          
2243
2244        <!-- ? Title -->
2245             
2246<h2 id="widget_1745495346240__left__title" class="text-barrel-brown text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7">
2247  Recognised by the Dutch Royal Court
2248</h2>
2249  
2250
2251        <!-- ? Rich text -->
2252            
2253
2254<p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0">After blending and supplying bulk Rums across the globe over the last three centuries, E&amp;A Scheer was exceptionally proud to be recognised by the Dutch Royal Court in 2017. The right to carry the royal mark is a
2254ppointed only after the most scrupulous selection process and represents industry leadership, an untarnished reputation, and a distinguished track record of quality, reliability and continuity.&nbsp;</p>
2255 
2256
2257        <!-- ? USP -->
2258             
2259
2260        <!-- ? Left CTA -->
2261            
2262
2263<div class="col-span-full mt-4">
2264  <div class="btn btn-primary"><span id="hs_cos_wrapper_widget_1745495346240_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"></span></div>
2265</div>
2266 
2267      </div>
2268
2269       
2270      <div class="hidden items-center relative md:flex md:visible col-span-6 col-start-0 ">
2271        <!-- ? Desktop single image -->
2272        <img src="https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1080&amp;height=718&amp;name=Naamloos%20(26)-2.png" alt="Naamloos (26)-2" loading="lazy" class="object-cover w-full h-full max-h-[700px]" width="1080" height="718" srcset="https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=540&amp;height=359&amp;name=Naamloos%20(26)-2.png 540w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1080&amp;height=718&amp;name=Naamloos%20(26)-2.png 1080w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1620&amp;height=1077&amp;name=Naamloos%20(26)-2.png 1620w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=2160&amp;height=1436&amp;name=Naamloos%20(26)-2.png 2160w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=2700&amp;height=1795&amp;name=Naamloos%20(26)-2.png 2700w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=3240&amp;height=2154&amp;name=Naamloos%20(26)-2.png 3240w" sizes="(max-width: 1080px) 100vw, 1080px">
2273
2274        <!-- ? Desktop pop-up button -->
2275        
2276      </div>
2277       
2278      <!-- ? Mobile single image -->
2279      <div class="flex justify-center relative h-[500px] mt-3 md:hidden">
2280        <img src="https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1080&amp;height=718&amp;name=Naamloos%20(26)-2.png" alt="Naamloos (26)-2" loading="lazy" class="object-cover w-full h-full" width="1080" height="718" srcset="https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=540&amp;height=359&amp;name=Naamloos%20(26)-2.png 540w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1080&amp;height=718&amp;name=Naamloos%20(26)-2.png 1080w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1620&amp;height=1077&amp;name=Naamloos%20(26)-2.png 1620w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=2160&amp;height=1436&amp;name=Naamloos%20(26)-2.png 2160w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=2700&amp;height=1795&amp;name=Naamloos%20(26)-2.png 2700w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=3240&amp;height=2154&amp;name=Naamloos%20(26)-2.png 3240w" sizes="(max-width: 1080px) 100vw, 1080px">
2281
2282        <!-- ? Mobile pop-up button -->
2283        
2284      </div>
2285         
2286    </div>
2287  </div>
2288</section>
2289
2290
2291
2292<script defer>
2293  // @ts-check
2294  "use strict";
2295
2296  try {
2297    const BREAK_POINT = 1200;
2298
2299    
2300
2301    function animatePopUpOnClick() {
2302      try {
2303        /* Variables and guard clauses start */
2304        const popupButtons = document.querySelectorAll('.widget_1745495346240__popup-button');
2305        if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons);
2306
2307        const popupModal = _getPopupModal();
2308        if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal);
2309
2310        const navigation = document.querySelector('.navigation');
2311        if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation);
2312
2313        const body = document.querySelector('body');
2314        /* Variables and guard clauses end */
2315
2316        popupButtons.forEach(popupButton => {
2317          const popupButton_text = popupButton.querySelector('span');
2318          popupButton.addEventListener('click', () => {
2319            body.classList.add('overflow-y-hidden');
2320            popupButton.style.pointerEvent = 'none';
2321
2322            const tl = gsap.timeline();
2323            tl.add(_animatePopupButton)
2324              .add(_animatePopupContent, 1.5)
2325
2326            function _animatePopupContent() {
2327              try {
2328                const tlContent = gsap.timeline();
2329                tlContent
2330                  .add(() => _setStateImageLeft())
2331                  .add(() => _setStateImageRight())
2332                  .add(() => _setStateChevron())
2333                  .add(() => _setStateSugarCaneImage())
2334                  .add(() => _animateTitleAndText())
2335                  .add(() => _animateSubtitle())
2336                  .add(() => _animateCloseButton())
2337                  .add(() => _animateChevron(), '>0.1')
2338                  .add(() => _animateImageLeft(), '<0.5')
2339                  .add(() => _animateImageRight(), '<')
2340                  .add(() => _animateSugarCaneImage(), '>1')
2341
2342                function _animateTitleAndText() {
2343                  try {
2344                    const title = popupModal.querySelector('.popup-modal__title');
2345                    if (!title) throw new Error('title not found\ntitle:\n', title);
2346
2347                    const text = popupModal.querySelector('.popup-modal__text');
2348                    if (!text) throw new Error('text not found\ntext:\n', text);
2349
2350                    [title, text].forEach((element, index) =>
2351                      gsap.set(element, {
2352                        y: (index + 1) * 1.1 * 50,
2353                        duration: 2,
2354                        ease: Power4,
2355                        opacity: 0.5
2356                      })
2357                    );
2358
2359                    const tlPopupContent = gsap.timeline();
2360                    tlPopupContent.add(() => {
2361                      tlPopupContent
2362                        .to(title, { y: 0, opacity: 1 })
2363                        .to(text, { y: 0, opacity: 1 }, '<')
2364                    })
2365                  } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); }
2366                }
2367
2368                function _animateSubtitle() {
2369                  try {
2370                    const subtitle = popupModal.querySelector('.popup-modal__subtitle');
2371                    if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle);
2372
2373                    gsap.fromTo(subtitle,
2374                      { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 },
2375                      { y: 0, opacity: 1 }
2376                    );
2377                  } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); }
2378                }
2379
2380                function _animateCloseButton() {
2381                  try {
2382                    const closeButton = popupModal.querySelector('.popup-modal__close-button');
2383                    if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
2384
2385                    gsap.fromTo(closeButton,
2386                      { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 },
2387                      { y: 0, opacity: 1 }
2388                    );
2389                  } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); }
2390                }
2391
2392                function _setStateSugarCaneImage() {
2393                  try {
2394                    const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
2395                    if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
2396                    gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 });
2397                  } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); }
2398                }
2399
2400                function _animateSugarCaneImage() {
2401                  try {
2402                    const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
2403                    if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
2404
2405                    gsap.to(sugarCaneImage, { x: 0 });
2406                  } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); }
2407                }
2408
2409                function _setStateChevron() {
2410                  try {
2411                    const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
2412                    if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
2413
2414                    gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 });
2415                  } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); }
2416                }
2417
2418                function _animateChevron() {
2419                  try {
2420                    const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
2421                    if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
2422
2423                    gsap.to(chevron, { scale: 1, rotation: 45 } );
2424                  } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); }
2425                }
2426
2427                function _setStateImageLeft() {
2428                  try {
2429                    const image = popupModal.querySelectorAll('.popup-modal__image')[0];
2430                    if (!image) throw new Error('image not found\nimage:\n', image);
2431
2432                    gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 });
2433                  } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); }
2434                }
2435
2436                function _animateImageLeft() {
2437                  try {
2438                    const image = popupModal.querySelectorAll('.popup-modal__image')[0];
2439                    if (!image) throw new Error('image not found\nimage:\n', image);
2440
2441                    if (window.matchMedia(`(min-width: 1400px)`).matches) {
2442                      gsap.to(image, { xPercent: -10 });
2443                    } else {
2444                      gsap.to(image, { xPercent: -50 });
2445                    }
2446                  } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); }
2447                }
2448
2449                function _setStateImageRight() {
2450                  try {
2451                    const image = popupModal.querySelectorAll('.popup-modal__image')[1];
2452                    if (!image) throw new Error('image not found\nimage:\n', image);
2453
2454                    gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 });
2455                  } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); }
2456                }
2457
2458                function _animateImageRight() {
2459                  try {
2460                    const image = popupModal.querySelectorAll('.popup-modal__image')[1];
2461                    if (!image) throw new Error('image not found\nimage:\n', image);
2462
2463                    if (window.matchMedia(`(min-width: 1400px)`).matches) {
2464                      gsap.to(image, { xPercent: 10 });
2465                    } else {
2466                      gsap.to(image, { xPercent: 50 });
2467                    }
2468                  } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); }
2469                }
2470              } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); }
2471            }
2472
2473            function _animatePopupButton() {
2474              const tlButton = gsap.timeline();
2475              try {
2476                _addEventsOnModalClose();
2477
2478                tlButton
2479                  .to(popupButton_text, {
2480                    /* Fades out the text inside the button */
2481                    duration: .5,
2482                    ease: Power4,
2483                    opacity: 0,
2484                  })
2485                  .to(navigation, {
2486                    duration: 0.5,
2487                    opacity: 0
2488                  })
2489                  .to(popupButton, {
2490                    /* Makes button big until it cover the screen */
2491                    duration: 1.5,
2492                    ease: Power4,
2493                    scale: 20,
2494                  }, '<')
2495                  .add(
2496                    /* Preps the modal for showing */
2497                    () => {
2498                      gsap.set(popupModal, { opacity: 0, height: 0 });
2499                      popupModal.classList.remove('hidden');
2500                    },
2501                    '<'
2502                  )
2503                  /* Shows modal */
2504                  .to(popupModal, {
2505                    duration: 0,
2506                    height: '100%',
2507                  }, '<')
2508                  .to(popupModal, {
2509                    duration: .5,
2510                    opacity: 1
2511                  }, '>1')
2512                  /* Fades out popup button */
2513                  .to(popupButton, { opacity: 0 })
2514                  .add(() => popupButton.classList.add('hidden'));
2515
2516                  function _addEventsOnModalClose() {
2517                    try {
2518                      const closeButton = popupModal.querySelector('.popup-modal__close-button');
2519                      if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
2520                      closeButton.addEventListener('click', () => {
2521                        gsap.set(navigation, { opacity: 1 });
2522                        gsap.set(popupButton, { opacity: 1, scale: 1 });
2523                        popupButton.classList.remove('hidden');
2524                        gsap.set(popupButton_text, { opacity: 1 });
2525                        tlButton.revert();
2526                      });
2527                    } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); }
2528                  }
2529              } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); }
2530            }
2531          });
2532        });
2533
2534        function _getPopupModal() {
2535          try {
2536            let popupModal = [...document.querySelectorAll('.popup-modal')];
2537            if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal);
2538            if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal);
2539            return popupModal[0];
2540          } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); }
2541        }
2542      } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); }
2543    }
2544  } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); }
2545</script>
2545</div>
2546
2547</div><!--end widget-span -->
2548</div><!--end row-->
2549</div><!--end row-wrapper -->
2550
2551</div><!--end widget-span -->
2552</div><!--end row-->
2553</div><!--end row-wrapper -->
2554
2555<div class="row-fluid-wrapper row-depth-1 row-number-18 dnd-section">
2556<div class="row-fluid ">
2557<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2558<div id="hs_cos_wrapper_Homepage_default-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="Homepage_default-module-7" class="resources-module pt-8 pb-[160px] md:pt-[128px] md:pb-[138px]">
2559	<div class="container grid grid-cols-4 gap-x-3 md:grid-cols-12 md:gap-x-6">
2560		<!-- ? Title -->
2561		<div class="flex flex-col items-center col-span-3 text-[32px] leading-10 font-bold mb-1
2562			md:col-span-4 md:text-[56px] md:leading-100 md:mb-0
2563		">
2564			<div class="flex flex-col">
2565				
2566					<span class="">
2567						Resources &amp;
2568					</span>
2569				
2570
2571				
2572					<span class="pl-4 md:pl-[104px]">
2573						industry
2574					</span>
2575				
2576
2577				
2578					<span class="">
2579						insights
2580					</span>
2581				
2582			</div>
2583		</div>
2584
2585		<!-- ? Text -->
2586		
2587			<div id="Homepage_default-module-7__text" class="flex justify-end col-span-full mb-6 md:col-start-8 md:w-[80%] md:mt-[100px] md:mb-5">
2588				<div class="w-[75%] md:w-full">
2589					<div id="hs_cos_wrapper_Homepage_default-module-7_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="text.richtext_field"><p><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>Browse the latest resources &amp; industry insights to learn more about our companies and the Rum world in general.</span></span></p>
2590<p>&nbsp;</p></div>
2591				</div>
2592			</div>
2593		
2594
2595		<!-- ? Blog posts -->
2596		<div class="col-span-full flex flex-col gap-y-5 default-grid--md md:flex-row">
2597			
2598				<!-- ? Blog post -->
2599				
2600
2601				
2602				
2603					
2604				
2605
2606				
2607				
2608
2609				<a href="https://www.rum.nl/en/downloads/eascheer/rum-in-bulk?hsLang=en" class="relative mb-5 md:col-span-4 md:mt-8 ">
2610					
2611					
2612						
2613					
2614
2615					<div class="relative md:w-[90%]">
2616						<!-- ? Blog post image -->
2617						<div class="h-[176px] mb-3 md:h-[360px] md:mb-4">
2618							<img src="https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=1200&amp;height=800&amp;name=Rum%20Warehouse.jpg" alt="blog_post.featured_image_alt_text" class="object-cover w-full h-full" width="1200" height="800" srcset="https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=600&amp;height=400&amp;name=Rum%20Warehouse.jpg 600w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=1200&amp;height=800&amp;name=Rum%20Warehouse.jpg 1200w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=1800&amp;height=1200&amp;name=Rum%20Warehouse.jpg 1800w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=2400&amp;height=1600&amp;name=Rum%20Warehouse.jpg 2400w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=3000&amp;height=2000&amp;name=Rum%20Warehouse.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=3600&amp;height=2400&amp;name=Rum%20Warehouse.jpg 3600w" sizes="(max-width: 1200px) 100vw, 1200px">
2619						</div>
2620
2621						<!-- ? Blog post tag -->
2622						
2623							<span class="block font-aurore md:mb-1">
2624								Blog &amp; news
2625							</span>
2626						
2627
2628						<!-- ? Blog post title -->
2629						<div class="flex justify-between items-center">
2630							<h3 class="text-xl leading-8 w-[75%]">
2631								Bulk Rum
2632							</h3>
2633
2634							<div class="rounded-full bg-light-beige p-[15px]">
2635								<svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2636									<path d="M1 11L11 1M11 1H1M11 1V11" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2637								</svg>
2638							</div>
2639						</div>
2640					</div>
2641				</a>
2642			
2643				<!-- ? Blog post -->
2644				
2645
2646				
2647				
2648
2649				
2650				
2651
2652				<a href="https://www.rum.nl/en/downloads/eascheer/the-history-of-rum?hsLang=en" class="relative mb-5 md:col-span-4  ">
2653					
2654					
2655
2656					<div class="relative ">
2657						<!-- ? Blog post image -->
2658						<div class="h-[176px] mb-3 md:h-[360px] md:mb-4">
2659							<img src="https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=2000&amp;height=1334&amp;name=Rums%20history.jpg" alt="blog_post.featured_image_alt_text" class="object-cover w-full h-full" width="2000" height="1334" srcset="https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=1000&amp;height=667&amp;name=Rums%20history.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=2000&amp;height=1334&amp;name=Rums%20history.jpg 2000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=3000&amp;height=2001&amp;name=Rums%20history.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=4000&amp;height=2668&amp;name=Rums%20history.jpg 4000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=5000&amp;height=3335&amp;name=Rums%20history.jpg 5000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=6000&amp;height=4002&amp;
2659name=Rums%20history.jpg 6000w" sizes="(max-width: 2000px) 100vw, 2000px">
2660						</div>
2661
2662						<!-- ? Blog post tag -->
2663						
2664							<span class="block font-aurore md:mb-1">
2665								Blog &amp; news
2666							</span>
2667						
2668
2669						<!-- ? Blog post title -->
2670						<div class="flex justify-between items-center">
2671							<h3 class="text-xl leading-8 w-[75%]">
2672								The History of Rum
2673							</h3>
2674
2675							<div class="rounded-full bg-light-beige p-[15px]">
2676								<svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2677									<path d="M1 11L11 1M11 1H1M11 1V11" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2678								</svg>
2679							</div>
2680						</div>
2681					</div>
2682				</a>
2683			
2684				<!-- ? Blog post -->
2685				
2686
2687				
2688				
2689					
2690				
2691
2692				
2693				
2694					
2695				
2696
2697				<a href="https://www.rum.nl/en/downloads/eascheer/start-supplying-your-rum?hsLang=en" class="relative mb-5 md:col-span-4 md:mt-8 md:flex md:flex-col md:items-end">
2698					
2699					
2700						
2701					
2702
2703					<div class="relative md:w-[90%]">
2704						<!-- ? Blog post image -->
2705						<div class="h-[176px] mb-3 md:h-[360px] md:mb-4">
2706							<img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=1200&amp;height=800&amp;name=Main%20Rum%20Bar%2027-2-1.jpg" alt="blog_post.featured_image_alt_text" class="object-cover w-full h-full" width="1200" height="800" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=600&amp;height=400&amp;name=Main%20Rum%20Bar%2027-2-1.jpg 600w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=1200&amp;height=800&amp;name=Main%20Rum%20Bar%2027-2-1.jpg 1200w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=1800&amp;height=1200&amp;name=Main%20Rum%20Bar%2027-2-1.jpg 1800w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=2400&amp;height=1600&amp;name=Main%20Rum%20Bar%2027-2-1.jpg 2400w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=3000&amp;height=2000&amp;name=Main%20Rum%20Bar%2027-2-1.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=3600&amp;height=2400&amp;name=Main%20Rum%20Bar%2027-2-1.jpg 3600w" sizes="(max-width: 1200px) 100vw, 1200px">
2707						</div>
2708
2709						<!-- ? Blog post tag -->
2710						
2711							<span class="block font-aurore md:mb-1">
2712								Sourcing &amp; purchasing
2713							</span>
2714						
2715
2716						<!-- ? Blog post title -->
2717						<div class="flex justify-between items-center">
2718							<h3 class="text-xl leading-8 w-[75%]">
2719								Sell your Rum
2720							</h3>
2721
2722							<div class="rounded-full bg-light-beige p-[15px]">
2723								<svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2724									<path d="M1 11L11 1M11 1H1M11 1V11" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2725								</svg>
2726							</div>
2727						</div>
2728					</div>
2729				</a>
2730			
2731		</div>
2732	</div>
2733</section>
2734
2735</div>
2736
2737</div><!--end widget-span -->
2738</div><!--end row-->
2739</div><!--end row-wrapper -->
2740
2741<div class="row-fluid-wrapper row-depth-1 row-number-19 dnd-section">
2742<div class="row-fluid ">
2743<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2744<div id="hs_cos_wrapper_Homepage_default-module-8" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><footer id="Homepage_default-module-8" class="relative">
2745	<!-- ? BG Image -->
2746	
2747		<div class="absolute z-0 inset-0">
2748			<img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=4272&amp;height=2848&amp;name=IMG_9599.jpg" alt="IMG_9599" loading="lazy" class="object-cover w-full h-full" width="4272" height="2848" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=2136&amp;height=1424&amp;name=IMG_9599.jpg 2136w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=4272&amp;height=2848&amp;name=IMG_9599.jpg 4272w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=6408&amp;height=4272&amp;name=IMG_9599.jpg 6408w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=8544&amp;height=5696&amp;name=IMG_9599.jpg 8544w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=10680&amp;height=7120&amp;name=IMG_9599.jpg 10680w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=12816&amp;height=8544&amp;name=IMG_9599.jpg 12816w" sizes="(max-width: 4272px) 100vw, 4272px">
2749		</div>
2750	
2751
2752	<div class="container relative z-10">
2753		<!-- ? Main links wrapper -->
2754		<div id="Homepage_default-module-8__main-links" class="rounded-2xl bg-light-beige flex flex-col p-5 translate-y-[-60px]
2755			md:flex-row md:justify-between md:py-8 md:pl-14 md:pr-[151px] md:-translate-y-10
2756		">
2757			<div class="flex flex-col justify-center gap-y-2
2758				max-w-[200px] mx-auto mb-5
2759				md:relative md:-left-3 md:mx-0 md:mb-0
2760			">
2761				<!-- ? Logo -->
2762				<div class="flex justify-center items-center">
2763					<span id="hs_cos_wrapper_Homepage_default-module-8_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://www.rum.nl/en/home/eascheer" id="hs-link-Homepage_default-module-8_" style="border-width:0px;border:0px;"><img src="https://www.rum.nl/hubfs/Logo-1.svg" class="hs-image-widget " height="96" style="height: auto;width:96px;border-width:0px;border:0px;" width="96" alt="E&amp;A Scheer - Making Rum sourcing easy" title="E&amp;A Scheer - Making Rum sourcing easy" loading="lazy"></a></span>
2764				</div>
2765
2766				<!-- ? Social media links -->
2767				
2768					<!-- ? Links -->
2769					<div class="flex flex-col gap-y-1 items-center">
2770						
2771						
2772							
2773							<!-- ? Text link -->
2774								
2775								
2776									
2777								
2778								<a href="mailto:[email protected]" class="font-bold text-bear-brown hover:text-bobby-brown duration-200">
2779									E: [email protected]
2780								</a>
2781							
2782						
2783							
2784								<!-- ? Phone number -->
2785								<a href="" class="font-bold text-bear-brown hover:text-bobby-brown duration-200 Homepage_default-module-8__phone-link-1">
2786									T: +31 20 6243412
2787								</a>
2788
2789								
2789<script defer>
2790									(() => {
2791										insertPhoneNumberToHref('tel:0031206243412');
2792
2793										function insertPhoneNumberToHref(phoneNumber) {
2794											try {
2795												if (!phoneNumber) throw new Error(`phoneNumber  not found\n${phoneNumber} `);
2796												const phoneLinkElement = document.querySelector('.Homepage_default-module-8__phone-link-1');
2797												if (!phoneLinkElement) throw new Error(`phoneLinkElement not found\n${phoneLinkElement}`);
2798												phoneLinkElement.href = phoneNumber;
2799											} catch (e) { console.warn(`%c!!! insertPhoneNumberToHref()\n${e}`, 'background: #faf'); }
2800										}
2801									})();
2802								</script>
2802
2803							
2804						
2805					</div>
2806				
2807
2808				<!-- ? Social media logo links -->
2809				
2810					<div class="flex justify-center items-center gap-x-2 mt-1">
2811						
2812							
2813								<a href="https://www.facebook.com/eascheer1712">
2814									<img src="https://www.rum.nl/hs-fs/hubfs/facebook.png?width=50&amp;height=50&amp;name=facebook.png" alt="facebook-icon" width="50" height="50" class="w-4 h-4" srcset="https://www.rum.nl/hs-fs/hubfs/facebook.png?width=25&amp;height=25&amp;name=facebook.png 25w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=50&amp;height=50&amp;name=facebook.png 50w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=75&amp;height=75&amp;name=facebook.png 75w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=100&amp;height=100&amp;name=facebook.png 100w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=125&amp;height=125&amp;name=facebook.png 125w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=150&amp;height=150&amp;name=facebook.png 150w" sizes="(max-width: 50px) 100vw, 50px">
2815								</a>
2816							
2817						
2818							
2819								<a href="https://www.linkedin.com/company/e%26a-scheer-bv/?viewAsMember=true">
2820									<img src="https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=50&amp;height=50&amp;name=linkedin.png" alt="linkedin" width="50" height="50" class="w-4 h-4" srcset="https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=25&amp;height=25&amp;name=linkedin.png 25w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=50&amp;height=50&amp;name=linkedin.png 50w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=75&amp;height=75&amp;name=linkedin.png 75w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=100&amp;height=100&amp;name=linkedin.png 100w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=125&amp;height=125&amp;name=linkedin.png 125w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=150&amp;height=150&amp;name=linkedin.png 150w" sizes="(max-width: 50px) 100vw, 50px">
2821								</a>
2822							
2823						
2824							
2825								<a href="https://www.instagram.com/eascheeramsterdam/">
2826									<img src="https://www.rum.nl/hs-fs/hubfs/instagram.png?width=50&amp;height=50&amp;name=instagram.png" alt="instagram" width="50" height="50" class="w-4 h-4" srcset="https://www.rum.nl/hs-fs/hubfs/instagram.png?width=25&amp;height=25&amp;name=instagram.png 25w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=50&amp;height=50&amp;name=instagram.png 50w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=75&amp;height=75&amp;name=instagram.png 75w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=100&amp;height=100&amp;name=instagram.png 100w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=125&amp;height=125&amp;name=instagram.png 125w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=150&amp;height=150&amp;name=instagram.png 150w" sizes="(max-width: 50px) 100vw, 50px">
2827								</a>
2828							
2829						
2830					</div>
2831				
2832			</div>
2833
2834			
2835			
2836
2837			<!-- ? Column 1 -->
2838			<div class="mb-3 md:mb-0">
2839				<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2840					Offerings
2841				</span>
2842
2843				<div class="font-trebuchet">
2844					<div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968626396" aria-label="Navigation Menu">
2845 <ul role="menu">
2846  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li>
2847  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/batavia-arrack" role="menuitem">Batavia Arrack</a></li>
2848  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/cachaça" role="menuitem">Cachaça</a></li>
2849  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/single-cask-rum" role="menuitem">Single-cask Rum</a></li>
2850 </ul>
2851</div>
2852				</div>
2853			</div>
2854
2855			<!-- ? Column 2 -->
2856			<div class="mb-3 md:mb-0">
2857				<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2858					Markets
2859				</span>
2860
2861				<div class="font-trebuchet">
2862					<div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyout
2862s hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968707816" aria-label="Navigation Menu">
2863 <ul role="menu">
2864  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/drinks-industry" role="menuitem">Drinks industry</a></li>
2865  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/flavour-fragrance-industry" role="menuitem">Flavour &amp; fragrance industry</a></li>
2866  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/confectionery-industry" role="menuitem">Confectionery industry</a></li>
2867 </ul>
2868</div>
2869				</div>
2870			</div>
2871
2872			<!-- ? Column 3 -->
2873			<div class="mb-3 md:mb-0">
2874				<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2875					Tools
2876				</span>
2877
2878				<div class="font-trebuchet">
2879					<div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968707825" aria-label="Navigation Menu">
2880 <ul role="menu">
2881  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/blending-tool" role="menuitem">Rum Blending Tool</a></li>
2882  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/cask-selector-tool" role="menuitem">Cask Selector Tool</a></li>
2883 </ul>
2884</div>
2885				</div>
2886			</div>
2887
2888			<!-- ? Column 4 -->
2889			<div class="flex flex-col justify-between">
2890				<!-- ? Top row -->
2891				<div class="mb-3 md:mb-0">
2892					<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2893						Company
2894					</span>
2895
2896					<div class="font-trebuchet">
2897						<div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968708032" aria-label="Navigation Menu">
2898 <ul role="menu">
2899  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer" role="menuitem">News &amp; Downloads</a></li>
2900  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/home/mainrum" role="menuitem">The Main Rum Co.</a></li>
2901  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/request/contact" role="menuitem">Contact</a></li>
2902  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/ea-scheer-faq" role="menuitem">FAQ</a></li>
2903  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/vacancies" role="menuitem">Vacancies</a></li>
2904 </ul>
2905</div>
2906					</div>
2907				</div>
2908
2909				<!-- ? Bottom row -->
2910				<div class="">
2911					<span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]">
2912						
2913					</span>
2914
2915					<div class="font-trebuchet">
2916						<ul></ul>
2917					</div>
2918				</div>
2919			</div>
2920		</div>
2921	</div>
2922
2923	<!-- ? Bottom links -->
2924	<div class="container relative z-10 flex flex-col justify-center items-center gap-y-2 bg-barrel-brown text-white py-2 max-w-none
2925		md:flex-row md:gap-x-[76px]
2926	">
2927		<!-- ? Links -->
2928		<div id="#Homepage_default-module-8__bottom-links" class="flex justify-center gap-x-5">
2929			
2930
2931			
2932			<a href="https://www.rum.nl/en/general-conditions/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm">
2933				General conditions
2934			</a>
2935
2936			
2937			
2938			<a href="https://www.rum.nl/en/privacy/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm">
2939				Privacy
2940			</a>
2941
2942			
2943			
2944			<a href="" class="font-trebuchet text-xs leading-6 md:text-sm">
2945				
2946			</a>
2947
2948			
2949			
2950			<a href="" class="font-trebuchet text-xs leading-6 md:text-sm">
2951				
2952			</a>
2953		</div>
2954
2955		<!-- ? Copyright text -->
2956		<span class="block text-sm leading-5 font-bold">
2957			Copyright © E&amp;A Scheer BV. 2026
2958		</span>
2959	</div>
2960</footer>
2961
2962
2963
2964
2965
2966
2967
2968
2969</div>
2970
2971</div><!--end widget-span -->
2972</div><!--end row-->
2973</div><!--end row-wrapper -->
2974
2975</div><!--end widget-span -->
2976</div>
2977</div>
2978</div>
2979
2980      </main>
2981
2982       
2983    </div>
2984
2985      
2986<!-- HubSpot performance collection script -->
2987<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 2987
2987
2988<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53103084746/1789027501941/template_main.min.js"></script>
vendor: 1 bytes, line 2988
2988
2989<script>
2990var hsVars = hsVars || {}; hsVars['language'] = 'en';
2991</script>
2991
2992
2993<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 2993
2993
2994<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
2994
2995
2996  
2996<script defer>
2997    (() => {
2998      // @ts-check
2999
3000      waitForElements('#Homepage_default-module-1 #menu-mobile li.hs-menu-depth-1 ul', () => {
3001        insertLogoIntoMenuDesktop();
3002        addToggleEventToHamburgerButton();
3003        mobileParentMenuItemsLogic();
3004      });
3005
3006
3007      function addToggleEventToHamburgerButton() {
3008        try {
3009          const hamburgerButton = document.querySelector('#Homepage_default-module-1__hamburger');
3010          if (!hamburgerButton)
3011            throw new Error('hamburgerButton not found');
3012
3013          const menuMobile = document.querySelector('#Homepage_default-module-1 #menu-mobile');
3014          if (!menuMobile)
3015            throw new Error('menuMobile not found');
3016
3017          hamburgerButton.addEventListener('click', () => {
3018            _toggleMenuMobile();
3019            _toggleHamburgerSVG();
3020          });
3021
3022          function _toggleMenuMobile() {
3023            try {
3024              const menuMobileIsOpen = !menuMobile.classList.contains('hidden');
3025              const body = document.querySelector('body');
3026
3027              if (menuMobileIsOpen) {
3028                menuMobile.classList.add('hidden');
3029                body.classList.remove('overflow-hidden');
3030              } else {
3031                menuMobile.classList.remove('hidden');
3032                body.classList.add('overflow-hidden');
3033              }
3034            } catch (e) { console.warn(`%c!!! _toggleMenuMobile()\n${e}`, 'background: #faf'); }
3035          }
3036
3037          function _toggleHamburgerSVG() {
3038            try {
3039              const menuMobileIsOpen = !menuMobile.classList.contains('hidden');
3040
3041              const hamburgerSVG = document.querySelector('#Homepage_default-module-1__hamburger__hamburger-svg');
3042              if (!hamburgerSVG)
3043                throw new Error('hamburgerSVG not found');
3044
3045              const xSVG = document.querySelector('#Homepage_default-module-1__hamburger__x-svg');
3046              if (!xSVG)
3047                throw new Error('xSVG not found');
3048
3049              if (menuMobileIsOpen) {
3050                hamburgerSVG.classList.add('hidden');
3051                xSVG.classList.remove('hidden');
3052              } else {
3053                hamburgerSVG.classList.remove('hidden');
3054                xSVG.classList.add('hidden');
3055              }
3056
3057            } catch (e) { console.warn(`%c!!! _toggleHamburgerSVG()\n${e}`, 'background: #faf'); }
3058          }
3059        } catch (e) { console.warn(`%c!!! addToggleEventToHamburgerButton()\n${e}`, 'background: #faf'); }
3060      }
3061
3062
3063      function insertLogoIntoMenuDesktop() {
3064        try {
3065          const menuDesktop = document.querySelector('#Homepage_default-module-1__menu-desktop .hs-menu-wrapper > ul');
3066          if (!menuDesktop) throw new Error('menuDesktop not found');
3067
3068          const correctMenuLength = 4;
3069          if (menuDesktop.children.length !== correctMenuLength)
3070            throw new Error(`menuDesktop length is not ${correctMenuLength}`);
3071
3072          const secondChildItem = menuDesktop.querySelector('li.hs-menu-depth-1:nth-child(2)');
3073          secondChildItem.insertAdjacentHTML('afterend', `
3074  
3075  <span id="hs_cos_wrapper_Homepage_default-module-1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo" ><a href="https://www.rum.nl/en/home/eascheer"  id="hs-link-Homepage_default-module-1_" style="border-width:0px;border:0px;"><img src="https://25607130.fs1.hubspotusercontent-eu1.net/hubfs/25607130/Logo-1.svg" class="hs-image-widget "  height="96" style="height: auto;width:48px;border-width:0px;border:0px;" width="48" alt="E&amp;A Scheer - Making Rum sourcing easy" title="E&amp;A Scheer - Making Rum sourcing easy" loading=""></a></span>
3076`);
3077        } catch (e) { console.warn(`%c!!! insertLogoIntoMenuDesktop()\n${e}`, 'background: #faf'); }
3078      }
3079
3080
3081      function mobileParentMenuItemsLogic() {
3082        // try {
3083          /* Guard clauses and variable declarations - start */
3084          const parentMenuItems = [...document.querySelectorAll('#Homepage_default-module-1 #menu-mobile ul li.hs-item-has-children.hs-menu-depth-1')];
3085          if (parentMenuItems.length < 1) throw new Error(`parentMenuItems n
3085ot found:\n${parentMenuItems}`);
3086
3087          const customSubMenuWrapper = document.querySelector('#Homepage_default-module-1 .menu-mobile__sub-menu');
3088          if (!customSubMenuWrapper) throw new Error(`customSubMenuWrapper not found:\n${customSubMenuWrapper}`);
3089
3090          const subMenuUlElements = [...document.querySelectorAll('#menu-mobile li.hs-menu-depth-1 ul.hs-menu-children-wrapper')];
3091          if (subMenuUlElements.length < 1) throw new Error(`subMenuUlElements not found:\n${subMenuUlElements}`);
3092
3093          const mobileMainMenu = document.querySelector('#menu-mobile .menu-mobile__main-menu');
3094          if (!mobileMainMenu) throw new Error(`mobileMainMenu not found:\n${mobileMainMenu}`);
3095
3096          const closeSubMenuSvg = document.querySelector('.menu-mobile__sub-menu__arrow-svg');
3097          if (!closeSubMenuSvg) throw new Error(`closeSubMenuSvg not found:\n${closeSubMenuSvg}`);
3098
3099          const closeMobileMenuSvg = document.querySelector('#Homepage_default-module-1__hamburger__x-svg');
3100          if (!closeMobileMenuSvg) throw new Error(`closeMobileMenuSvg not found:\n${closeMobileMenuSvg}`);
3101          /* Guard clauses and variable declarations - end */
3102
3103          _moveSubMenuItemsToSubMenuWrapper(parentMenuItems);
3104          _insertArrowsToMobileParentMenuItems(parentMenuItems);
3105          _addCustomClickEventToParentMenuItems(parentMenuItems);
3106
3107          closeSubMenuSvg.addEventListener('click', closeSubMenu);
3108          closeMobileMenuSvg.addEventListener('click', closeSubMenu);
3109
3110
3111          function closeSubMenu() {
3112            // try {
3113              mobileMainMenu.style.display = 'flex';
3114
3115              for (let i = 0; i < subMenuUlElements.length; i++) {
3116                subMenuUlElements[i].style.display = 'none';
3117                customSubMenuWrapper.style.display = 'none';
3118              }
3119            // } catch (e) { console.warn(`%c!!! closeSubMenu()\n${e}`, 'background: #faf'); }
3120          }
3121
3122          function _insertArrowsToMobileParentMenuItems(parentMenuItems) {
3123            // try {
3124              if (!parentMenuItems || parentMenuItems.length < 1)
3125                throw new Error(`parentMenuItems not found:\n${parentMenuItems}`);
3126
3127              const arrowSvg = `
3128                <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"
3129                  style="pointer-events:none;"
3130                >
3131                  <rect width="40" height="40" rx="20" fill="#FDF3E8"/>
3132                  <path d="M14.1074 20.0019H25.8926M25.8926 20.0019L20 14.1094M25.8926 20.0019L20 25.8945" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3133                </svg>
3134              `;
3135
3136              parentMenuItems.forEach(menuItem => {
3137                menuItem.insertAdjacentHTML('beforeend', arrowSvg);
3138              });
3139            // } catch (e) { console.warn(`%c!!! _insertArrowsToMobileParentMenuItems()\n${e}`, 'background: #faf'); }
3140          }
3141
3142          function _addCustomClickEventToParentMenuItems(parentMenuItems) {
3143            // try {
3144              if (!parentMenuItems || parentMenuItems.length < 1)
3145                throw new Error(`parentMenuItems not found:\n${parentMenuItems}`);
3146
3147              parentMenuItems.forEach(menuItem => {
3148                menuItem.addEventListener('click', event => {
3149                  event.preventDefault();
3150                  _openSubMenu();
3151                });
3152              });
3153
3154              function _openSubMenu() {
3155                // try {
3156                  mobileMainMenu.style.display = 'none';
3157
3158                  const currentMenuItem_name = event.target.textContent.trim().toLowerCase();
3159                  for (let i = 0; i < subMenuUlElements.length; i++) {
3160                    const subMenuUlElement = subMenuUlElements[i];
3161                    const subMenuUlElement_name = subMenuUlElement.dataset.name;
3162                    if (subMenuUlElement_name === currentMenuItem_name) {
3163                      subMenuUlElement.style.display = 'block';
3164                      customSubMenuWrapper.style.display = 'block';
3165                      break;
3166                    }
3167                  }
3168                // } catch (e) { console.warn(`%c!!! _openSubMenu()\n${e}`, 'background: #faf'); }
3169              }
3170            // } catch (e) { console.warn(`%c!!! _addCustomClickEventToParentMenuItems()\n${e}`, 'background: #faf'); }
3171          }
3172
3173          /**
3174           * - Moves all sub menu items (ul elements) to the sub menu wrapper.
3175           * - Gives sub menu items (ul elements) a data-name attribute.
3176           * - Gives sub menu items (ul elements) style.display = 'none'.
3177          */
3178          function _moveSubMenuItemsToSubMenuWrapper(parentMenuItems) {
3179            // try {
3180              if (!parentMenuItems || parentMenuItems.length < 1)
3181                throw new Error(`parentMenuItems not found:\n${parentMenuItems}`);
3182
3183              parentMenuItems.forEach((parentMenuItem, index) => {
3184                /* Guard clauses and variable declarations - start */
3185                const parentMenuItem_aTag = parentMenuItem.querySelector('a');
3186                if (!parentMenuItem_aTag) throw new Error(`parentMenuItem_aTag not found:\n${parentMenuItem_aTag}`);
3187
3188                const parentMenuItem_name = parentMenuItem_aTag.textContent.trim().toLowerCase();
3189                if (!parentMenuItem_name) throw new Error(`parentMenuItem_name not found:\n${parentMenuItem_name}`);
3190
3191                const subMenuUlElement = parentMenuItem.querySelector('ul.hs-menu-children-wrapper');
3192                if (!subMenuUlElement) throw new Error(`subMenuUlElement not found:\n${subMenuUlElement}`);
3193                /* Guard clauses and variable declarations - end */
3194
3195                customSubMenuWrapper.insertAdjacentElement('beforeend', subMenuUlElement);
3196                subMenuUlElement.style.display = 'none';
3197                subMenuUlElement.dataset.name = parentMenuItem_name;
3198              });
3199            // } catch (e) { console.warn(`%c!!! _moveSubMenuItemsToSubMenuWrapper()\n${e}`, 'background: #faf'); }
3200          }
3201        // } catch (e) { console.warn(`%c!!! mobileParentMenuItemsLogic()\n${e}`, 'background: #faf'); }
3202      }
3203
3204      /** 
3205       * Keeps searching for elements with the given queries until all are found or iteration limit has been exceeded.
3206       * If all elements are found, invoke given callback. Otherwise log warning.
3207       * 
3208       * @param {string | string[]} elementQueries
3209       * @callback callback
3210       * @param {number} iterationLimit - How many iterations can this function do before aborting?
3211       * @param {number} intervalMs - In miliseconds.
3212      */
3213      function waitForElements(elementQueries, callback, iterationLimit = 50, intervalMs = 100) {
3214        try {
3215          /* Guard clauses - start */
3216          if (!elementQueries
3217            || !Array.isArray(elementQueries) && typeof elementQueries !== 'string'
3218            || elementQueries.length < 1
3219          )
3220            throw new Error(`elementQueries is invalid or empty.\nelementQueries:\n` + Array);
3221      
3222          if (!callback
3223            || typeof callback !== 'function'
3224          )
3225            throw new Error(`callback is invalid.\ncallback:\n` + callback);
3226          /* Guard clauses - end */
3227      
3228          let intervalIterations = 0;
3229          if (typeof elementQueries === 'string') elementQueries = [elementQueries];
3230          const numberOfGivenQueries = elementQueries.length;
3231      
3232          const waitForElement = setInterval(() => {
3233            intervalIterations++;
3234      
3235            let numberOfElementsFound = 0;
3236            for (let i = 0; i < elementQueries.length; i++) {
3237              const element = document.querySelector(elementQueries[i]);
3238              if (element) numberOfElementsFound++;
3239      
3240              const allElementsAreFound = numberOfElementsFound === numberOfGivenQueries;
3241              if (allElementsAreFound) {
3242                callback(element, waitForElement);
3243                clearInterval(waitForElement);
3244              }
3245      
3246              if (intervalIterations > iterationLimit) {
3247                console.warn(`%c!!! waitForElement() intervalIterations has exceeded its limit.`, 'background: #faf');
3248                clearInterval(waitForElement);
3249              }
3250            }
3251          }, intervalMs);
3252        } catch (e) { console.warn(`%c!!! waitForElement()\ne`, 'background: #faf'); }
3253      }
3254    })();
3255  </script>
3255
3256
3257
3258  
3258<script>
3259    (() => {
3260      // @ts-check
3261      "use strict";
3262      try {
3263        const BREAKPOINT = 1200;
3264
3265        animatePopUpOnClick();
3266        slickSliderLogic();
3267        popupLogic();
3268
3269
3270        function hideOrShowSlickArrowsBasedOnCurrentSlideNumber() {
3271          try {
3272            slickSlider.on('beforeChange', (event, slick, currentSlide, nextSlide) => {
3273              const isFirstSlide = nextSlide === 0;
3274              const isLastSlide = slick.$slides.length === nextSlide + 1;
3275
3276              if (isFirstSlide) {
3277                slickPrevElement.style.display = 'none';
3278                slickNextElement.style.display = 'block';
3279              } else if (isLastSlide) {
3280                slickPrevElement.style.display = 'block';
3281                slickNextElement.style.display = 'none';
3282              } else {
3283                slickPrevElement.style.display = 'block';
3284                slickNextElement.style.display = 'block';
3285              }
3286            });
3287          } catch (e) { console.warn(`%c!!! hideOrShowSlickArrowsBasedOnCurrentSlideNumber()\n${e}`, 'background: #faf'); }
3288        }
3289
3290
3291        function slickSliderLogic() {
3292          try {
3293            $(document).ready(() => {
3294              const slickSlider = $('#widget_1675940992590.slick-slider');
3295              _initializeSlickSlider();
3296              _hideOrShowSlickArrowsBasedOnCurrentSlideNumber();
3297
3298              window.addEventListener('resize', () => {
3299                if (isDesktop()) {
3300                  _initializeSlickSlider();
3301                  _hideOrShowSlickArrowsBasedOnCurrentSlideNumber();
3302                }
3303              });
3304
3305
3306              function _initializeSlickSlider() {
3307                try {
3308                  slickSlider.slick({
3309                    responsive: [
3310                      {
3311                        breakpoint: BREAKPOINT,
3312                        settings: 'unslick',
3313                      },
3314                      {
3315                        breakpoint: 9999,
3316                        settings: {
3317                          adaptiveHeight: true,
3318                          dots: true,
3319                          infinite: false,
3320                          prevArrow: `
3321                            <div class="slick-prev slick-arrow">
3322                              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" nighteye="disabled">
3323                                <line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 18 4 12 10 6"/>
3324                              </svg>
3325                            </div>
3326                          `,
3327                          nextArrow: `
3328                            <div class="slick-next slick-arrow">
3329                              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" nighteye="disabled">
3330                                <line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 18 4 12 10 6"/>
3331                              </svg>
3332                            </div>
3333                          `,
3334                        }
3335                      }
3336                    ],
3337                  });
3338                } catch (e) { console.warn(`%c!!! _initializeSlickSlider()\n${e}`, 'background: #faf'); }
3339              }
3340
3341
3342              function _hideOrShowSlickArrowsBasedOnCurrentSlideNumber() {
3343                try {
3344                  /** @type {HTMLButtonElement} */
3345                  const slickPrevElement = document.querySelector('#widget_1675940992590 .slick-prev');
3346                  if (!slickPrevElement) return;
3347                  slickPrevElement.style.display = 'none';
3348
3349                  /** @type {HTMLButtonElement} */
3350                  const slickNextElement = document.querySelector('#widget_1675940992590 .slick-next');
3351                  if (!slickNextElement) return;
3352
3353                  slickSlider.on('beforeChange', (event, slick, currentSlide, nextSlide) => {
3354                    const isFirstSlide = nextSlide === 0;
3355                    const isLastSlide = slick.$slides.length === nextSlide + 1;
3356
3357                    if (isFirstSlide) {
3358                      slickPrevElement.style.display = 'none';
3359                      slickNextElement.style.display = 'block';
3360                    } else if (isLastSlide) {
3361                      slickPrevElement.style.display = 'block';
3362                      slickNextElement.style.display = 'none';
3363                    } else {
3364                      slickPrevElement.style.display = 'block';
3365                      slickNextElement.style.display = 'block';
3366                    }
3367                  });
3368                } catch (e) { console.warn(`%c!!! _hideOrShowSlickArrowsBasedOnCurrentSlideNumber()\n${e}`, 'background: #faf'); }
3369              }
3370
3371
3372              function isDesktop(breakpoint = BREAKPOINT) {
3373                try {
3374                  return window.matchMedia(`(min-width: ${breakpoint}px)`).matches;
3375                } catch (e) { console.warn(`%c!!! isDesktop()\n${e}`, 'background: #faf'); }
3376              }
3377            });
3378          } catch (e) { console.warn(`%c!!! slickSliderLogic()\n${e}`, 'background: #faf'); }
3379        }
3380
3381
3382        function popupLogic() {
3383          try {
3384            waitForElements('#widget_1675940992590 .slick-prev', () => {
3385              /** @type {HTMLButtonElement} */
3386              const slickPrevElement = document.querySelector('#widget_1675940992590 .slick-prev');
3387              if (!slickPrevElement) throw new Error(`slickPrevElement not found\n${slickPrevElement}`);
3388
3389              /** @type {HTMLButtonElement} */
3390              const slickNextElement = document.querySelector('#widget_1675940992590 .slick-next');
3391              if (!slickNextElement) throw new Error(`slickNextElement not found\n${slickNextElement}`);
3392
3393              /** @type {Element[]} */
3394              const slickDots = [...document.querySelectorAll('#widget_1675940992590 .slick-dots button')];
3395              if (slickDots.length < 1) throw new Error(`slickDots not found\n${slickDots}`);
3396
3397              _hideElementsOnPopUpOpen([slickPrevElement, slickNextElement, ...slickDots]);
3398              _showElementsOnPopUpClose([slickPrevElement, slickNextElement, ...slickDots]);
3399            });
3400
3401
3402
3403            function _showElementsOnPopUpClose(elements = []) {
3404              try {
3405                if (elements.length < 1) throw new Error(`"elements" argument not found\n${elements}`);
3406
3407                const popupModalCloseButton = document.querySelector('.popup-modal__close-button');
3408                if (popupModalCloseButton) {
3409                  popupModalCloseButton.addEventListener('click', () => {
3410                    for (let i = 0; i < elements.length; i++) {
3411                      const element = elements[i];
3412                      if (!element) continue;
3413                      if (_isDesktop(BREAKPOINT) === false) break;
3414
3415                      element.style.display = 'block';
3416                      element.style.opacity = '1';
3417
3418                      /* Hides prev arrow on popup close */
3419                      if (element.classList.contains('slick-prev'))
3420                        element.style.display = 'none';
3421                    }
3422                  });
3423                }
3424
3425                function _isDesktop(breakpoint = 1200) {
3426                  try {
3427                    return window.matchMedia(`(min-width: ${breakpoint}px)`).matches;
3428                  } catch (e) { console.warn(`%c!!! _isDesktop()\n${e}`, 'background: #faf'); }
3429                }
3430              } catch (e) { console.warn(`%c!!! _showElementsOnPopUpClose()\n${e}`, 'background: #faf'); }
3431            }
3432
3433
3434            function _hideElementsOnPopUpOpen(elements = []) {
3435              try {
3436                if (elements.length < 1) throw new Error(`"elements" argument not found\n${elements}`);
3437                elements.forEach(element => {
3438                  element.style.transition = 'all 0.3s ease-in-out';
3439                });
3440
3441                const popupButtons = [...document.querySelectorAll('.widget_1675940992590__popup-button')];
3442                if (popupButtons.length > 0) {
3443                  popupButtons.forEach(popupButton => {
3444                    popupButton.addEventListener('click', () => {
3445                      elements.forEach(element => {
3446                        element.style.opacity = '0';
3447
3448                        setTimeout(() => {
3449                          element.style.display = 'none';
3450                        }, 500);
3451                      });
3452                    });
3453                  });
3454                }
3455              } catch (e) { console.warn(`%c!!! _hideElementsOnPopUpOpen()\n${e}`, 'background: #faf'); }
3456            }
3457
3458
3459            /**
3460             * Keeps searching for elements with the given queries until all are found or iteration limit has been exceeded.
3461             * If all elements are found, invoke given callback. Otherwise log warning.
3462             *
3463             * @param {string | string[]} elementQueries
3464             * @callback callback
3465             * @param {number} iterationLimit - How many iterations can this function do before aborting?
3466             * @param {number} intervalMs - In miliseconds.
3467            */
3468            function waitForElements(elementQueries, callback, iterationLimit = 50, intervalMs = 100) {
3469              try {
3470                /* Guard clauses - start */
3471                if (!elementQueries
3472                  || !Array.isArray(elementQueries) && typeof elementQueries !== 'string'
3473                  || elementQueries.length < 1
3474                )
3475                  throw new Error(`elementQueries is invalid or empty.\nelementQueries:\n` + Array);
3476
3477                if (!callback
3478                  || typeof callback !== 'function'
3479                )
3480                  throw new Error(`callback is invalid.\ncallback:\n` + callback);
3481                /* Guard clauses - end */
3482
3483                let intervalIterations = 0;
3484                if (typeof elementQueries === 'string') elementQueries = [elementQueries];
3485                const numberOfGivenQueries = elementQueries.length;
3486
3487                const waitForElement = setInterval(() => {
3488                  intervalIterations++;
3489
3490                  let numberOfElementsFound = 0;
3491                  for (let i = 0; i < elementQueries.length; i++) {
3492                    const element = document.querySelector(elementQueries[i]);
3493                    if (element) numberOfElementsFound++;
3494
3495                    const allElementsAreFound = numberOfElementsFound === numberOfGivenQueries;
3496                    if (allElementsAreFound) {
3497                      callback(element, waitForElement);
3498                      clearInterval(waitForElement);
3499                    }
3500
3501                    if (intervalIterations > iterationLimit) {
3502                      console.warn(`%c!!! waitForElement() intervalIterations has exceeded its limit.`, 'background: #faf');
3503                      clearInterval(waitForElement);
3504                    }
3505                  }
3506                }, intervalMs);
3507              } catch (e) { console.warn(`%c!!! waitForElement()\ne`, 'background: #faf'); }
3508            }
3509          } catch (e) { console.warn(`%c!!! popupLogic()\n${e}`, 'background: #faf'); }
3510        }
3511
3512
3513        function animatePopUpOnClick() {
3514          try {
3515            /* Variables and guard clauses start */
3516            const popupButtons = document.querySelectorAll('.widget_1675940992590__popup-button');
3517            if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons);
3518
3519            const popupModal = _getPopupModal();
3520            if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal);
3521
3522            const navigation = document.querySelector('.navigation');
3523            if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation);
3524
3525            const body = document.querySelector('body');
3526            /* Variables and guard clauses end */
3527
3528            popupButtons.forEach(popupButton => {
3529              const popupButton_text = popupButton.querySelector('span');
3530              popupButton.addEventListener('click', () => {
3531                body.classList.add('overflow-y-hidden');
3532                popupButton.style.pointerEvent = 'none';
3533
3534                const tl = gsap.timeline();
3535                tl.add(_animatePopupButton)
3536                  .add(_animatePopupContent, 1.5)
3537
3538                function _animatePopupContent() {
3539                  try {
3540                    const tlContent = gsap.timeline();
3541                    tlContent
3542                      .add(() => _setStateImageLeft())
3543                      .add(() => _setStateImageRight())
3544                      .add(() => _setStateChevron())
3545                      .add(() => _setStateSugarCaneImage())
3546                      .add(() => _animateTitleAndText())
3547                      .add(() => _animateSubtitle())
3548                      .add(() => _animateCloseButton())
3549                      .add(() => _animateChevron(), '>0.1')
3550                      .add(() => _animateImageLeft(), '<0.5')
3551                      .add(() => _animateImageRight(), '<')
3552                      .add(() => _animateSugarCaneImage(), '>1')
3553
3554                    function _animateTitleAndText() {
3555                      try {
3556                        const title = popupModal.querySelector('.popup-modal__title');
3557                        if (!title) throw new Error('title not found\ntitle:\n', title);
3558
3559                        const text = popupModal.querySelector('.popup-modal__text');
3560                        if (!text) throw new Error('text not found\ntext:\n', text);
3561
3562                        [title, text].forEach((element, index) =>
3563                          gsap.set(element, {
3564                            y: (index + 1) * 1.1 * 50,
3565                            duration: 2,
3566                            ease: Power4,
3567                            opacity: 0.5
3568                          })
3569                        );
3570
3571                        const tlPopupContent = gsap.timeline();
3572                        tlPopupContent.add(() => {
3573                          tlPopupContent
3574                            .to(title, { y: 0, opacity: 1 })
3575                            .to(text, { y: 0, opacity: 1 }, '<')
3576                        })
3577                      } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); }
3578                    }
3579
3580                    function _animateSubtitle() {
3581                      try {
3582                        const subtitle = popupModal.querySelector('.popup-modal__subtitle');
3583                        if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle);
3584
3585                        gsap.fromTo(subtitle,
3586                          { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 },
3587                          { y: 0, opacity: 1 }
3588                        );
3589                      } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); }
3590                    }
3591
3592                    function _animateCloseButton() {
3593                      try {
3594                        const closeButton = popupModal.querySelector('.popup-modal__close-button');
3595                        if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
3596
3597                        gsap.fromTo(closeButton,
3598                          { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 },
3599                          { y: 0, opacity: 1 }
3600                        );
3601                      } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); }
3602                    }
3603
3604                    function _setStateSugarCaneImage() {
3605                      try {
3606                        const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
3607                        if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
3608                        gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 });
3609                      } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); }
3610                    }
3611
3612                    function _animateSugarCaneImage() {
3613                      try {
3614                        const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane');
3615                        if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage);
3616
3617                        gsap.to(sugarCaneImage, { x: 0 });
3618                      } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); }
3619                    }
3620
3621                    function _setStateChevron() {
3622                      try {
3623                        const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
3624                        if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
3625
3626                        gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 });
3627                      } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); }
3628                    }
3629
3630                    function _animateChevron() {
3631                      try {
3632                        const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron');
3633                        if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron);
3634
3635                        gsap.to(chevron, { scale: 1, rotation: 45 } );
3636                      } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); }
3637                    }
3638
3639                    function _setStateImageLeft() {
3640                      try {
3641                        const image = popupModal.querySelectorAll('.popup-modal__image')[0];
3642                        if (!image) throw new Error('image not found\nimage:\n', image);
3643
3644                        gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 });
3645                      } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); }
3646                    }
3647
3648                    function _animateImageLeft() {
3649                      try {
3650                        const image = popupModal.querySelectorAll('.popup-modal__image')[0];
3651                        if (!image) throw new Error('image not found\nimage:\n', image);
3652
3653                        if (window.matchMedia(`(min-width: 1400px)`).matches) {
3654                          gsap.to(image, { xPercent: -10 });
3655                        } else {
3656                          gsap.to(image, { xPercent: -50 });
3657                        }
3658                      } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); }
3659                    }
3660
3661                    function _setStateImageRight() {
3662                      try {
3663                        const image = popupModal.querySelectorAll('.popup-modal__image')[1];
3664                        if (!image) throw new Error('image not found\nimage:\n', image);
3665
3666                        gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 });
3667                      } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); }
3668                    }
3669
3670                    function _animateImageRight() {
3671                      try {
3672                        const image = popupModal.querySelectorAll('.popup-modal__image')[1];
3673                        if (!image) throw new Error('image not found\nimage:\n', image);
3674
3675                        if (window.matchMedia(`(min-width: 1400px)`).matches) {
3676                          gsap.to(image, { xPercent: 10 });
3677                        } else {
3678                          gsap.to(image, { xPercent: 50 });
3679                        }
3680                      } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); }
3681                    }
3682                  } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); }
3683                }
3684
3685                function _animatePopupButton() {
3686                  const tlButton = gsap.timeline();
3687                  try {
3688                    _addEventsOnModalClose();
3689
3690                    tlButton
3691                      .to(popupButton_text, {
3692                        /* Fades out the text inside the button */
3693                        duration: .5,
3694                        ease: Power4,
3695                        opacity: 0,
3696                      })
3697                      .to(navigation, {
3698                        duration: 0.5,
3699                        opacity: 0
3700                      })
3701                      .to(popupButton, {
3702                        /* Makes button big until it cover the screen */
3703                        duration: 1.5,
3704                        ease: Power4,
3705                        scale: 20,
3706                      }, '<')
3707                      .add(
3708                        /* Preps the modal for showing */
3709                        () => {
3710                          gsap.set(popupModal, { opacity: 0, height: 0 });
3711                          popupModal.classList.remove('hidden');
3712                        },
3713                        '<'
3714                      )
3715                      /* Shows modal */
3716                      .to(popupModal, {
3717                        duration: 0,
3718                        height: '100%',
3719                      }, '<')
3720                      .to(popupModal, {
3721                        duration: .5,
3722                        opacity: 1
3723                      }, '>1')
3724                      /* Fades out popup button */
3725                      .to(popupButton, { opacity: 0 })
3726                      .add(() => popupButton.classList.add('hidden'));
3727
3728                      function _addEventsOnModalClose() {
3729                        try {
3730                          const closeButton = popupModal.querySelector('.popup-modal__close-button');
3731                          if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton);
3732                          closeButton.addEventListener('click', () => {
3733                            gsap.set(navigation, { opacity: 1 });
3734                            gsap.set(popupButton, { opacity: 1, scale: 1 });
3735                            popupButton.classList.remove('hidden');
3736                            gsap.set(popupButton_text, { opacity: 1 });
3737                            tlButton.revert();
3738                          });
3739                        } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); }
3740                      }
3741                  } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); }
3742                }
3743              });
3744            });
3745
3746            function _getPopupModal() {
3747              try {
3748                let popupModal = [...document.querySelectorAll('.popup-modal')];
3749                if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal);
3750                if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal);
3751                return popupModal[0];
3752              } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); }
3753            }
3754          } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); }
3755        }
3756      } catch (e) { console.warn(`%c!!! product horizontal scroll detail module ${e}`, 'background: #faf'); }
3757    })();
3758  </script>
3758
3759
3760
3761	
3761<script defer>
3762		// @ts-check
3763		(function changePaddingBottomOfPreviousSection(customClass = 'footer-section') {
3764			// dnd stands for drag 'n drop, a HubSpot feature
3765			const thisSection = document.querySelector('#Homepage_default-module-8');
3766			const thisDndModule = thisSection.closest('.dnd-module');
3767			if (!thisDndModule)
3768				return console.warn(`thisDndModule not found:\n${thisDndModule}`);
3769			thisDndModule.classList.add(customClass);
3770
3771			const allDndModules = [...document.querySelectorAll('.dnd-module')];
3772			let thisDndModuleIndex = 0;
3773			for (let i = 0; i < allDndModules.length; i++) {
3774				const dndModuleContainsCustomClass = allDndModules[i].classList.contains(customClass);
3775				if (dndModuleContainsCustomClass) {
3776					thisDndModuleIndex = i;
3777					break;
3778				}
3779			}
3780
3781			const previousDndModuleIndex = thisDndModuleIndex - 1;
3782			allDndModules.forEach((dndModule, index) => {
3783				if (index === previousDndModuleIndex) {
3784					dndModule.querySelector('section').classList.add('extra-padding-bottom');
3785				}
3786			});
3787		})();
3788	</script>
3788
3789
3790
3791<!-- Start of HubSpot Analytics Code -->
3792<script type="text/javascript">
3793var _hsq = _hsq || [];
3794_hsq.push(["setContentType", "standard-page"]);
3795_hsq.push(["setCanonicalUrl", "https:\/\/www.rum.nl\/en\/home\/eascheer"]);
3796_hsq.push(["setPageId", "57357239791"]);
3797_hsq.push(["setContentMetadata", {
3798    "contentPageId": 57357239791,
3799    "legacyPageId": "57357239791",
3800    "contentFolderId": null,
3801    "contentGroupId": null,
3802    "abTestId": null,
3803    "languageVariantId": 57357239791,
3804    "languageCode": "en",
3805    
3806    
3807}]);
3808</script>
3808
3809
3810<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/25607130.js"></script>
3810
3811<!-- End of HubSpot Analytics Code -->
3812
3813
3814<script type="text/javascript">
3815var hsVars = {
3816    render_id: "3dd4eb13-97d3-4b56-981d-fb9b75cced1f",
3817    ticks: 1789027555438,
3818    page_id: 57357239791,
3819    
3820    content_group_id: 0,
3821    portal_id: 25607130,
3822    app_hs_base_url: "https://app-eu1.hubspot.com",
3823    cp_hs_base_url: "https://cp-eu1.hubspot.com",
3824    language: "en",
3825    analytics_page_type: "standard-page",
3826    scp_content_type: "",
3827    
3828    analytics_page_id: "57357239791",
3829    category_id: 1,
3830    folder_id: 0,
3831    is_hubspot_user: false
3832}
3833</script>
3833
3834
3835
3836<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3836
3837
3838<script>
3839  const target = document.querySelector('nav ul > li.hs-menu-item.hs-menu-depth-1:last-of-type a');
3840if (target) {
3841  const wrapper = document.createElement('div');
3842  wrapper.className = 'btn btn-primary custom-nav-button';
3843  target.parentNode.insertBefore(wrapper, target);
3844  wrapper.appendChild(target);
3845} 
3846</script>
3846
3847
3848<style>
3849  .custom-nav-button a {
3850    padding-top: 10px;
3851    padding-bottom: 10px;
3852  }
3853  .custom-nav-button a:after {
3854    content: '';
3855    height: 12px;
3856    width: 12px;
3857    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.31641%201.59229C6.02344%201.88525%206.05273%202.32471%206.31641%202.61768L9.86133%205.95752H1.45312C1.04297%205.95752%200.75%206.27979%200.75%206.66064V7.59814C0.75%208.0083%201.04297%208.30127%201.45312%208.30127H9.86133L6.31641%2011.6704C6.05273%2011.9634%206.05273%2012.4028%206.31641%2012.6958L6.96094%2013.3403C7.25391%2013.604%207.69336%2013.604%207.95703%2013.3403L13.6699%207.62744C13.9336%207.36377%2013.9336%206.92432%2013.6699%206.63135L7.95703%200.947754C7.69336%200.684082%207.25391%200.684082%206.96094%200.947754L6.31641%201.59229Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
3858    background-size: contain;
3859    background-repeat: no-repeat;
3860    margin-left: 8px;
3861    display: inline-block;
3862  }
3863</style>
3864
3865
3866  
3867</body></html>

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