PageSourceSearch

https://bingoindustries.com.au/who-we-are/about-us

html bingoindustries.com.au collected 2026-10-04 11:55:10 UTC 493,074 bytes, 8,546 lines download raw bytes

1
2
3
4
5<!DOCTYPE html>
6
7<html lang="en">
8<head>
9    <meta charset="UTF-8" />
10    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
11
12    <meta content="Find out about how Bingo is a leader within the waste management and recycling industry, focused on client servicing and zero waste in Australia." name="description" />
13    
14    <title>About Us | A Waste Free Australia | BINGO Industries</title>
15
16    <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg">
17    <link rel="icon" type="image/png" href="/assets/images/favicon.png">
18
19    <link rel="canonical" href="https://bingoindustries.com.au/who-we-are/about-us" />
20
21    
21<script type="text/javascript" src="/kentico.resource/abtest/kenticoabtestlogger/en-us/conversionlogger.js" async></script>
21
22    
22<script type="text/javascript" src="/kentico.resource/activities/kenticoactivitylogger/logger.js?pageIdentifier=447" async></script>
22
23    
23<script type="text/javascript" src="/kentico.resource/webanalytics/logger.js?Culture=en-US&amp;HttpStatus=200&amp;Value=0" async></script>
23
24
25    <meta name="google-site-verification" content="dEkamg87bj-ryPOsC4Ztmf6VJzlKQDwSm-kcfm5mtwY" />
26<script>
vendor: 105 bytes, line 26
26 (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:
261223337
vendor: 222 bytes, line 26
26,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 
26</script>
26
27
28    <!-- Sharing Meta Tags -->
29    <meta property="og:title" content="About Us | A Waste Free Australia" />
30    <!-- Open Graph / Facebook -->
31    <meta property="og:type" content="Website" />
32    <meta property="og:url" content="https://bingoindustries.com.au/who-we-are/about-us" />
33    <!-- url -->
34    <meta property="og:description" content="Find out about how Bingo is a leader within the waste management and recycling industry, focused on client servicing and zero waste in Australia." />
35    <!-- page description -->
36    <meta property="og:image" content="/getattachment/7eda2339-53cb-4cb9-9743-0dd7a1e01c01/about-banner.jpeg" />
37
38    <!-- FONT FACE -->
39    <link rel="preload" href="/assets/dist/fonts/roboto/roboto-v29-latin-regular.woff2?v=zEYyLVxNQdpEfyb3-nFIJ_LsmhEpaMEu9XNsdJSYXso" as="font" type="font/woff2" crossorigin="anonymous" />
40
41    <link rel="preload" href="/assets/dist/fonts/roboto/roboto-v29-latin-700.woff2?v=Dq6ttY5plbqF7MthmKrvd-6x1LZmmeTh8_wQ62rfzbk" as="font" type="font/woff2" crossorigin="anonymous" />
42
43    <link rel="preload" href="/getattachment/7eda2339-53cb-4cb9-9743-0dd7a1e01c01/about-banner.jpeg" as="image" crossorigin="anonymous" />
44
45    <link rel="preload" href="" as="image" crossorigin="anonymous" />
46
47    <link rel="preload" href="/assets/dist/images/top-my-bingo.jpg?v=V8Wgbw7aJjiAHEWMhcAjGO66bQKrdhdNWkxkAlC3_70" as="image" crossorigin="anonymous" />
48
49
50    <!--Non Indexable Rule-->
51
52    <!--stylesheet -->
53    <style>
54
55        @font-face {
56            font-family: 'Roboto';
57            src: url('../assets/dist/fonts/roboto/roboto-v29-latin-regular.woff2') format('woff2'), url('../assets/dist/fonts/roboto/roboto-v29-latin-regular.woff') format('woff');
58            font-weight: normal;
59            font-style: normal;
60            font-display: swap;
61        }
62
63        @font-face {
64            font-family: 'Roboto';
65            src: url('../assets/dist/fonts/roboto/roboto-v29-latin-700.woff2') format('woff2'), url('../assets/dist/fonts/roboto/roboto-v29-latin-700.woff') format('woff');
66            font-weight: bold;
67            font-style: normal;
68            font-display: swap;
69        }
70    </style>
71    
72    <style>
73    :root {
74        --brand-body-color: #404040;
75        --brand-heading-color: #060E1E;
76        --brand-subheading-color: #DC370F;
77        --brand-btn-color: #2359A8;
78        --brand-primary: #2359A8;
79        --stats-border: #F04B23;
80        --stats-caption: #060E1E;
81        --stats-title: #060E1E;
82        --stats-unit: #DDDDDD;
83        --arrow-color: #F04B23;
84        --news-banner: #F7F7F7;
85        --icon-carousel-bg: #FAF3F3;
86    }
87</style>
88
89    <style>
90        [x-cloak] {
91            display: none !important;
92        }
93
94
95        :root {
96            --swiper-theme-color: #007aff
97        }
98
99        .swiper {
100            list-style: none;
101            margin-left: auto;
102            margin-right: auto;
103            overflow: hidden;
104            padding: 0
105        }
106
107        .swiper, .swiper-wrapper {
108            position: relative;
109            z-index: 1
110        }
111
112        .swiper-wrapper {
113            box-sizing: content-box;
114            display: flex;
115            height: 100%;
116            transform: translateZ(0);
117            width: 100%
118        }
119
120        .swiper-slide {
121            flex-shrink: 0;
122            height: 100%;
123            position: relative;
124            width: 100%
125        }
126
127        :root {
128            --swiper-navigation-size: 44px
129        }
130
131        .swiper-pagination {
132            position: absolute;
133            text-align: center;
134            transform: translateZ(0);
135            z-index: 10
136        }
137
138        .c-banner .swiper-pagination {
139            width: auto !important
140        }
141
142        .c-modal {
143            display: none;
144            opacity: 0;
145            visibility: hidden
146        }
147
148        .o-wrapper {
149            display: block;
150            position: relative;
151            width: 100%
152        }
153
154        .o-container {
155            margin-left: auto;
156            margin-right: auto;
157            padding-left: 1rem;
158            padding-right: 1rem;
159            width: 100%
160        }
161
162        @media (min-width:360px) {
163            .o-container {
164                max-width: 1248px !important
165            }
166        }
167
168        @media (min-width:768px) {
169            .o-container {
170                padding-left: 3rem !important;
171                padding-right: 3rem !important
172            }
173        }
174
175        .swiper-wrapper {
176            height: auto !important
177        }
178
179        .c-banner .swiper-pagination {
180            position: static !important
181        }
182
183        .c-banner .swiper-wrapper {
184            height: 41.5rem !important
185        }
186
187        @media (min-width:1024px) {
188            .o-container {
189                padding-left: 1rem !important;
190                padding-right: 1rem !important
191            }
192
193            .c-banner .swiper-wrapper {
194                height: 43.78rem !important
195            }
196        }
197
198        .swiper-slide {
199            height: auto !important
200        }
201
202        .c-cms-content p {
203            margin-bottom: 1.5rem
204        }
205
206        *, :after, :before {
207            border: 0 solid #e5e7eb;
208            box-sizing: border-box
209        }
210
211        :after, :before {
212            --tw-content: ""
213        }
214
215        html {
216            -webkit-text-size-adjust: 100%;
217            font-feature-settings: normal;
218            font-family: Roboto,sans-serif;
219            line-height: 1.5;
220            -moz-tab-size: 4;
221            tab-size: 4
222        }
223
224        body {
225            line-height: inherit;
226            margin: 0
227        }
228
229        hr {
230            border-top-width: 1px;
231            color: inherit;
232            height: 0
233        }
234
235        h1, h2, h3, h4, h5 {
236            font-size: inherit;
237            font-weight: inherit
238        }
239
240        a {
241            color: inherit;
242            text-decoration: inherit
243        }
244
245        strong {
246            font-weight: bolder
247        }
248
249        button, input, select {
250            color: inherit;
251            font-family: inherit;
252            font-size: 100%;
253            font-weight: inherit;
254            line-height: inherit;
255            margin: 0;
256            padding: 0
257        }
258
259        button, select {
260            text-transform: none
261        }
262
263        [type=button], [type=submit], button {
264            -webkit-appearance: button;
265            background-color: transparent;
266            background-image: none
267        }
268
269        :-moz-focusring {
270            outline: auto
271        }
272
273        :-moz-ui-invalid {
274            box-shadow: none
275        }
276
277        ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
278            height: auto
279        }
280
281        ::-webkit-search-decoration {
282            -webkit-appearance: none
283        }
284
285        ::-webkit-file-upload-button {
286            -webkit-appearance: button;
287            font: inherit
288        }
289
290        h1, h2, h3, h4, h5, hr, p, ul {
291            margin: 0
292        }
293
294        ul {
295            list-style: none;
296            padding: 0
297        }
298
299        img, svg {
300            display: block;
301            vertical-align: middle
302        }
303
304        strong {
305            font-weight: 600
306        }
307
308        p {
309            margin-bottom: 1.5rem;
310            margin-top: 0
311        }
312
313            p:last-child {
314                margin-bottom: 0
315            }
316
317        img {
318            display: inline-block;
319            height: auto;
320            max-width: 100%;
321            vertical-align: top
322        }
323
324        body {
325            color: var(--brand-body-color);
326            font-family: Roboto,sans-serif;
327            font-size: 1rem;
328            line-height: 1.5rem;
329            line-height: 1.5
330        }
331
332        banner, footer, header {
333            display: block
334        }
335
336        *, :after, :before {
337            --tw-border-spacing-x: 0;
338            --tw-border-spacing-y: 0;
339            --tw-translate-x: 0;
340            --tw-translate-y: 0;
341            --tw-rotate: 0;
342            --tw-skew-x: 0;
343            --tw-skew-y: 0;
344            --tw-scale-x: 1;
345            --tw-scale-y: 1;
346            --tw-pan-x:;
347            --tw-pan-y:;
348            --tw-pinch-zoom:;
349            --tw-scroll-snap-strictness: proximity;
350            --tw-ordinal:;
351            --tw-slashed-zero:;
352            --tw-numeric-figure:;
353            --tw-numeric-spacing:;
354            --tw-numeric-fraction:;
355            --tw-ring-inset:;
356            --tw-ring-offset-width: 0px;
357            --tw-ring-offset-color: #fff;
358            --tw-ring-color: rgba(59,130,246,.5);
359            --tw-ring-offset-shadow: 0 0 #0000;
360            --tw-ring-shadow: 0 0 #0000;
361            --tw-shadow: 0 0 #0000;
362            --tw-shadow-colored: 0 0 #0000;
363            --tw-blur:;
364            --tw-brightness:;
365            --tw-contrast:;
366            --tw-grayscale:;
367            --tw-hue-rotate:;
368            --tw-invert:;
369            --tw-saturate:;
370            --tw-sepia:;
371            --tw-drop-shadow:;
372            --tw-backdrop-blur:;
373            --tw-backdrop-brightness:;
374            --tw-backdrop-contrast:;
375            --tw-backdrop-grayscale:;
376            --tw-backdrop-hue-rotate:;
377            --tw-backdrop-invert:;
378            --tw-backdrop-opacity:;
379            --tw-backdrop-saturate:;
380            --tw-backdrop-sepia:
381        }
382
383        ::backdrop {
384            --tw-border-spacing-x: 0;
385            --tw-border-spacing-y: 0;
386            --tw-translate-x: 0;
387            --tw-translate-y: 0;
388            --tw-rotate: 0;
389            --tw-skew-x: 0;
390            --tw-skew-y: 0;
391            --tw-scale-x: 1;
392            --tw-scale-y: 1;
393            --tw-pan-x:;
394            --tw-pan-y:;
395            --tw-pinch-zoom:;
396            --tw-scroll-snap-strictness: proximity;
397            --tw-ordinal:;
398            --tw-slashed-zero:;
399            --tw-numeric-figure:;
400            --tw-numeric-spacing:;
401            --tw-numeric-fraction:;
402            --tw-ring-inset:;
403            --tw-ring-offset-width: 0px;
404            --tw-ring-offset-color: #fff;
405            --tw-ring-color: rgba(59,130,246,.5);
406            --tw-ring-offset-shadow: 0 0 #0000;
407            --tw-ring-shadow: 0 0 #0000;
408            --tw-shadow: 0 0 #0000;
409            --tw-shadow-colored: 0 0 #0000;
410            --tw-blur:;
411            --tw-brightness:;
412            --tw-contrast:;
413            --tw-grayscale:;
414            --tw-hue-rotate:;
415            --tw-invert:;
416            --tw-saturate:;
417            --tw-sepia:;
418            --tw-drop-shadow:;
419            --tw-backdrop-blur:;
420            --tw-backdrop-brightness:;
421            --tw-backdrop-contrast:;
422            --tw-backdrop-grayscale:;
423            --tw-backdrop-hue-rotate:;
424            --tw-backdrop-invert:;
425            --tw-backdrop-opacity:;
426            --tw-backdrop-saturate:;
427            --tw-backdrop-sepia:
428        }
429
430        .sr-only {
431            clip: rect(0,0,0,0);
432            border-width: 0;
433            margin: -1px;
434            padding: 0
435        }
436
437        .invisible {
438            visibility: hidden
439        }
440
441        .fixed {
442            position: fixed
443        }
444
445        .absolute {
446            position: absolute
447        }
448
449        .relative {
450            position: relative
451        }
452
453        .inset-0 {
454            left: 0;
455            right: 0
456        }
457
458        .inset-0, .inset-y-0 {
459            bottom: 0;
460            top: 0
461        }
462
463        .inset-x-0 {
464            left: 0;
465            right: 0
466        }
467
468        .right-0 {
469            right: 0
470        }
471
472        .top-full {
473            top: 100%
474        }
475
476        .left-0 {
477            left: 0
478        }
479
480        .top-0 {
481            top: 0
482        }
483
484        .bottom-0 {
485            bottom: 0
486        }
487
488        .top-1\/2 {
489            top: 50%
490        }
491
492        .left-1\/2 {
493            left: 50%
494        }
495
496        .right-4 {
497            right: 1rem
498        }
499
500        .top-2\.5 {
501            top: .625rem
502        }
503
504        .top-44 {
505            top: 11rem
506        }
507
508        .left-4 {
509            left: 1rem
510        }
511
512        .right-9 {
513            right: 2.25rem
514        }
515
516        .top-9 {
517            top: 2.25rem
518        }
519
520        .top-4 {
521            top: 1rem
522        }
523
524        .-top-4 {
525            top: -1rem
526        }
527
528        .-left-4 {
529            left: -1rem
530        }
531
532        .-right-4 {
533            right: -1rem
534        }
535
536        .right-5 {
537            right: 1.25rem
538        }
539
540        .bottom-20 {
541            bottom: 5rem
542        }
543
544        .z-30 {
545            z-index: 30
546        }
547
548        .z-20 {
549            z-index: 20
550        }
551
552        .z-10 {
553            z-index: 10
554        }
555
556        .z-\[60\] {
557            z-index: 60
558        }
559
560        .z-50 {
561            z-index: 50
562        }
563
564        .-z-10 {
565            z-index: -10
566        }
567
568        .-z-99 {
569            z-index: -99
570        }
571
572        .col-span-12 {
573            grid-column: span 12/span 12
574        }
575
576        .col-span-1 {
577            grid-column: span 1/span 1
578        }
579
580        .col-span-full {
581            grid-column: 1/-1
582        }
583
584        .col-span-4 {
585            grid-column: span 4/span 4
586        }
587
588        .col-span-3 {
589            grid-column: span 3/span 3
590        }
591
592        .col-span-6 {
593            grid-column: span 6/span 6
594        }
595
596        .m-0 {
597            margin: 0
598        }
599
600        .my-2 {
601            margin-bottom: .5rem;
602            margin-top: .5rem
603        }
604
605        .my-24 {
606            margin-bottom: 6rem;
607            margin-top: 6rem
608        }
609
610        .my-10 {
611            margin-bottom: 2.5rem;
612            margin-top: 2.5rem
613        }
614
615        .-mx-4 {
616            margin-left: -1rem;
617            margin-right: -1rem
618        }
619
620        .mx-auto {
621            margin-left: auto;
622            margin-right: auto
623        }
624
625        .my-3 {
626            margin-bottom: .75rem;
627            margin-top: .75rem
628        }
629
630        .mx-5 {
631            margin-left: 1.25rem;
632            margin-right: 1.25rem
633        }
634
635        .-mb-px {
636            margin-bottom: -1px
637        }
638
639        .mt-12 {
640            margin-top: 3rem
641        }
642
643        .mt-8 {
644            margin-top: 2rem
645        }
646
647        .ml-6 {
648            margin-left: 1.5rem
649        }
650
651        .mb-8 {
652            margin-bottom: 2rem
653        }
654
655        .mt-1 {
656            margin-top: .25rem
657        }
658
659        .mt-1\.5 {
660            margin-top: .375rem
661        }
662
663        .mt-16 {
664            margin-top: 4rem
665        }
666
667        .mb-1 {
668            margin-bottom: .25rem
669        }
670
671        .mb-10 {
672            margin-bottom: 2.5rem
673        }
674
675        .mb-2 {
676            margin-bottom: .5rem
677        }
678
679        .-mb-44 {
680            margin-bottom: -11rem
681        }
682
683        .mb-12 {
684            margin-bottom: 3rem
685        }
686
687        .mb-4 {
688            margin-bottom: 1rem
689        }
690
691        .mb-6 {
692            margin-bottom: 1.5rem
693        }
694
695        .mt-2 {
696            margin-top: .5rem
697        }
698
699        .ml-3 {
700            margin-left: .75rem
701        }
702
703        .mt-5 {
704            margin-top: 1.25rem
705        }
706
707        .-mt-2 {
708            margin-top: -.5rem
709        }
710
711        .ml-1 {
712            margin-left: .25rem
713        }
714
715        .mb-16 {
716            margin-bottom: 4rem
717        }
718
719        .mt-6 {
720            margin-top: 1.5rem
721        }
722
723        .ml-2 {
724            margin-left: .5rem
725        }
726
727        .ml-8 {
728            margin-left: 2rem
729        }
730
731        .ml-14 {
732            margin-left: 3.5rem
733        }
734
735        .mr-2 {
736            margin-right: .5rem
737        }
738
739        .ml-5 {
740            margin-left: 1.25rem
741        }
742
743        .mt-0\.5 {
744            margin-top: .125rem
745        }
746
747        .mb-7 {
748            margin-bottom: 1.75rem
749        }
750
751        .mt-4 {
752            margin-top: 1rem
753        }
754
755        .mr-4 {
756            margin-right: 1rem
757        }
758
759        .ml-4 {
760            margin-left: 1rem
761        }
762
763        .mb-24 {
764            margin-bottom: 6rem
765        }
766
767        .-mt-20 {
768            margin-top: -5rem
769        }
770
771        .mb-20 {
772            margin-bottom: 5rem
773        }
774
775        .-mt-12 {
776            margin-top: -3rem
777        }
778
779        .mb-0 {
780            margin-bottom: 0
781        }
782
783        .-mb-4 {
784            margin-bottom: -1rem
785        }
786
787        .mr-6 {
788            margin-right: 1.5rem
789        }
790
791        .block {
792            display: block
793        }
794
795        .inline-block {
796            display: inline-block
797        }
798
799        .flex {
800            display: flex
801        }
802
803        .inline-flex {
804            display: inline-flex
805        }
806
807        .grid {
808            display: grid
809        }
810
811        .hidden {
812            display: none
813        }
814
815        .aspect-\[5\/9\] {
816            aspect-ratio: 5/9
817        }
818
819        .aspect-square {
820            aspect-ratio: 1/1
821        }
822
823        .h-full {
824            height: 100%
825        }
826
827        .h-6 {
828            height: 1.5rem
829        }
830
831        .h-2 {
832            height: .5rem
833        }
834
835        .h-96 {
836            height: 24rem
837        }
838
839        .h-16 {
840            height: 4rem
841        }
842
843        .h-12 {
844            height: 3rem
845        }
846
847        .h-3 {
848            height: .75rem
849        }
850
851        .h-\[34px\] {
852            height: 34px
853        }
854
855        .h-10 {
856            height: 2.5rem
857        }
858
859        .h-5 {
860            height: 1.25rem
861        }
862
863        .h-4 {
864            height: 1rem
865        }
866
867        .h-32 {
868            height: 8rem
869        }
870
871        .h-20 {
872            height: 5rem
873        }
874
875        .h-px {
876            height: 1px
877        }
878
879        .h-13 {
880            height: 3.125rem
881        }
882
883        .h-166 {
884            height: 41.5rem
885        }
886
887        .h-1\/2 {
888            height: 50%
889        }
890
891        .h-fit {
892            height: fit-content
893        }
894
895        .h-14 {
896            height: 3.5rem
897        }
898
899        .max-h-60 {
900            max-height: 15rem
901        }
902
903        .max-h-11 {
904            max-height: 2.75rem
905        }
906
907        .max-h-screen {
908            max-height: 100vh
909        }
910
911        .min-h-\[300px\] {
912            min-height: 300px
913        }
914
915        .min-h-\[344px\] {
916            min-height: 344px
917        }
918
919        .min-h-fit {
920            min-height: fit-content
921        }
922
923        .w-full {
924            width: 100%
925        }
926
927        .w-6 {
928            width: 1.5rem
929        }
930
931        .w-3 {
932            width: .75rem
933        }
934
935        .w-1\/2 {
936            width: 50%
937        }
938
939        .w-16 {
940            width: 4rem
941        }
942
943        .w-24 {
944            width: 6rem
945        }
946
947        .w-12 {
948            width: 3rem
949        }
950
951        .w-1\/3 {
952            width: 33.333333%
953        }
954
955        .w-4 {
956            width: 1rem
957        }
958
959        .w-52 {
960            width: 13rem
961        }
962
963        .w-max {
964            width: max-content
965        }
966
967        .w-11\/12 {
968            width: 91.666667%
969        }
970
971        .w-\[86px\] {
972            width: 86px
973        }
974
975        .w-8 {
976            width: 2rem
977        }
978
979        .w-10 {
980            width: 2.5rem
981        }
982
983        .w-5 {
984            width: 1.25rem
985        }
986
987        .w-auto {
988            width: auto
989        }
990
991        .min-w-full {
992            min-width: 100%
993        }
994
995        .min-w-64 {
996            min-width: 16rem
997        }
998
999        .min-w-32 {
1000            min-width: 8rem
1001        }
1002
1003        .max-w-fit {
1004            max-width: fit-content
1005        }
1006
1007        .max-w-full {
1008            max-width: 100%
1009        }
1010
1011        .flex-1 {
1012            flex: 1 1 0%
1013        }
1014
1015        .flex-shrink-0 {
1016            flex-shrink: 0
1017        }
1018
1019        .origin-top {
1020            transform-origin: top
1021        }
1022
1023        .origin-right {
1024            transform-origin: right
1025        }
1026
1027        .-translate-y-3 {
1028            --tw-translate-y: -0.75rem
1029        }
1030
1031        .-translate-x-1\/2, .-translate-y-3 {
1032            transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1033        }
1034
1035        .-translate-x-1\/2 {
1036            --tw-translate-x: -50%
1037        }
1038
1039        .-translate-y-1\/2 {
1040            --tw-translate-y: -50%
1041        }
1042
1043        .-translate-y-1\/2, .rotate-45 {
1044            transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1045        }
1046
1047        .rotate-45 {
1048            --tw-rotate: 45deg
1049        }
1050
1051        .transform {
1052            transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1053        }
1054
1055        @keyframes spin {
1056            to {
1057                transform: rotate(1turn)
1058            }
1059        }
1060
1061        .animate-spin {
1062            animation: spin 1s linear infinite
1063        }
1064
1065        .list-none {
1066            list-style-type: none
1067        }
1068
1069        .appearance-none {
1070            appearance: none
1071        }
1072
1073        .grid-cols-12 {
1074            grid-template-columns: repeat(12,minmax(0,1fr))
1075        }
1076
1077        .flex-col {
1078            flex-direction: column
1079        }
1080
1081        .flex-wrap {
1082            flex-wrap: wrap
1083        }
1084
1085        .items-start {
1086            align-items: flex-start
1087        }
1088
1089        .items-end {
1090            align-items: flex-end
1091        }
1092
1093        .items-center {
1094            align-items: center
1095        }
1096
1097        .justify-start {
1098            justify-content: flex-start
1099        }
1100
1101        .justify-end {
1102            justify-content: flex-end
1103        }
1104
1105        .justify-center {
1106            justify-content: center
1107        }
1108
1109        .justify-between {
1110            justify-content: space-between
1111        }
1112
1113        .gap-8 {
1114            gap: 2rem
1115        }
1116
1117        .gap-4 {
1118            gap: 1rem
1119        }
1120
1121        .gap-y-8 {
1122            row-gap: 2rem
1123        }
1124
1125        .gap-x-2 {
1126            column-gap: .5rem
1127        }
1128
1129        .gap-x-6 {
1130            column-gap: 1.5rem
1131        }
1132
1133        .space-y-8 > :not([hidden]) ~ :not([hidden]) {
1134            --tw-space-y-reverse: 0;
1135            margin-bottom: calc(2rem*var(--tw-space-y-reverse));
1136            margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
1137        }
1138
1139        .space-x-6 > :not([hidden]) ~ :not([hidden]) {
1140            --tw-space-x-reverse: 0;
1141            margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
1142            margin-right: calc(1.5rem*var(--tw-space-x-reverse))
1143        }
1144
1145        .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1146            --tw-space-y-reverse: 0;
1147            margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
1148            margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
1149        }
1150
1151        .space-y-10 > :not([hidden]) ~ :not([hidden]) {
1152            --tw-space-y-reverse: 0;
1153            margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
1154            margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
1155        }
1156
1157        .space-x-8 > :not([hidden]) ~ :not([hidden]) {
1158            --tw-space-x-reverse: 0;
1159            margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
1160            margin-right: calc(2rem*var(--tw-space-x-reverse))
1161        }
1162
1163        .space-y-16 > :not([hidden]) ~ :not([hidden]) {
1164            --tw-space-y-reverse: 0;
1165            margin-bottom: calc(4rem*var(--tw-space-y-reverse));
1166            margin-top: calc(4rem*(1 - var(--tw-space-y-reverse)))
1167        }
1168
1169        .space-x-4 > :not([hidden]) ~ :not([hidden]) {
1170            --tw-space-x-reverse: 0;
1171            margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
1172            margin-right: calc(1rem*var(--tw-space-x-reverse))
1173        }
1174
1175        .overflow-auto {
1176            overflow: auto
1177        }
1178
1179        .overflow-hidden {
1180            overflow: hidden
1181        }
1182
1183        .overflow-y-auto {
1184            overflow-y: auto
1185        }
1186
1187        .truncate {
1188            overflow: hidden;
1189            white-space: nowrap
1190        }
1191
1192        .overflow-ellipsis, .text-ellipsis, .truncate {
1193            text-overflow: ellipsis
1194        }
1195
1196        .whitespace-nowrap {
1197            white-space: nowrap
1198        }
1199
1200        .rounded-md {
1201            border-radius: .375rem
1202        }
1203
1204        .rounded {
1205            border-radius: .25rem
1206        }
1207
1208        .rounded-lg {
1209            border-radius: .5rem
1210        }
1211
1212        .rounded-sm {
1213            border-radius: .125rem
1214        }
1215
1216        .rounded-full {
1217            border-radius: 9999px
1218        }
1219
1220        .rounded-none {
1221            border-radius: 0
1222        }
1223
1224        .rounded-3xl {
1225            border-radius: 1.5rem
1226        }
1227
1228        .rounded-r-none {
1229            border-bottom-right-radius: 0;
1230            border-top-right-radius: 0
1231        }
1232
1233        .rounded-l-none {
1234            border-bottom-left-radius: 0;
1235            border-top-left-radius: 0
1236        }
1237
1238        .border {
1239            border-width: 1px
1240        }
1241
1242        .border-2 {
1243            border-width: 2px
1244        }
1245
1246        .border-b-2 {
1247            border-bottom-width: 2px
1248        }
1249
1250        .border-b {
1251            border-bottom-width: 1px
1252        }
1253
1254        .border-t {
1255            border-top-width: 1px
1256        }
1257
1258        .border-t-2 {
1259            border-top-width: 2px
1260        }
1261
1262        .border-r-2 {
1263            border-right-width: 2px
1264        }
1265
1266        .border-r {
1267            border-right-width: 1px
1268        }
1269
1270        .border-solid {
1271            border-style: solid
1272        }
1273
1274        .border-none {
1275            border-style: none
1276        }
1277
1278        .border-brand-btn {
1279            border-color: var(--brand-btn-color)
1280        }
1281
1282        .border-gray-300 {
1283            --tw-border-opacity: 1;
1284            border-color: rgb(221 221 221/var(--tw-border-opacity))
1285        }
1286
1287        .border-dark-orange {
1288            --tw-border-opacity: 1;
1289            border-color: rgb(220 55 15/var(--tw-border-opacity))
1290        }
1291
1292        .border-gray-500 {
1293            --tw-border-opacity: 1;
1294            border-color: rgb(119 119 119/var(--tw-border-opacity))
1295        }
1296
1297        .border-white {
1298            --tw-border-opacity: 1;
1299            border-color: rgb(255 255 255/var(--tw-border-opacity))
1300        }
1301
1302        .border-brand-primary {
1303            border-color: var(--brand-primary)
1304        }
1305
1306        .border-t-orange-500 {
1307            --tw-border-opacity: 1;
1308            border-top-color: rgb(240 75 35/var(--tw-border-opacity))
1309        }
1310
1311        .border-r-transparent {
1312            border-right-color: transparent
1313        }
1314
1315        .bg-black\/60 {
1316            background-color: rgba(0,0,0,.6)
1317        }
1318
1319        .bg-brand-btn {
1320            background-color: var(--brand-btn-color)
1321        }
1322
1323        .bg-blue {
1324            --tw-bg-opacity: 1;
1325            background-color: rgb(35 89 168/var(--tw-bg-opacity))
1326        }
1327
1328        .bg-gray-100 {
1329            --tw-bg-opacity: 1;
1330            background-color: rgb(247 247 247/var(--tw-bg-opacity))
1331        }
1332
1333        .bg-white {
1334            --tw-bg-opacity: 1;
1335            background-color: rgb(255 255 255/var(--tw-bg-opacity))
1336        }
1337
1338        .bg-gray-200 {
1339            --tw-bg-opacity: 1;
1340            background-color: rgb(229 231 235/var(--tw-bg-opacity))
1341        }
1342
1343        .bg-brand-heading {
1344            background-color: var(--brand-heading-color)
1345        }
1346
1347        .bg-navy\/10 {
1348            background-color: rgba(6,14,30,.1)
1349        }
1350
1351        .bg-blue\/5 {
1352            background-color: rgba(35,89,168,.05)
1353        }
1354
1355        .bg-gray-500 {
1356            --tw-bg-opacity: 1;
1357            background-color: rgb(119 119 119/var(--tw-bg-opacity))
1358        }
1359
1360        .bg-transparent {
1361            background-color: transparent
1362        }
1363
1364        .bg-navy {
1365            --tw-bg-opacity: 1;
1366            background-color: rgb(6 14 30/var(--tw-bg-opacity))
1367        }
1368
1369        .bg-black {
1370            --tw-bg-opacity: 1;
1371            background-color: rgb(0 0 0/var(--tw-bg-opacity))
1372        }
1373
1374        .bg-black\/30 {
1375            background-color: rgba(0,0,0,.3)
1376        }
1377
1378        .bg-brand-subheading {
1379            background-color: var(--brand-subheading-color)
1380        }
1381
1382        .bg-news-banner {
1383            background-color: var(--news-banner)
1384        }
1385
1386        .bg-gradient-to-t {
1387            background-image: linear-gradient(to top,var(--tw-gradient-stops))
1388        }
1389
1390        .from-green-700 {
1391            --tw-gradient-from: #003223;
1392            --tw-gradient-to: rgba(0,50,35,0);
1393            --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
1394        }
1395
1396        .fill-orange-500 {
1397            fill: #f04b23
1398        }
1399
1400        .fill-dark-orange {
1401            fill: #dc370f
1402        }
1403
1404        .stroke-dark-orange {
1405            stroke: #dc370f
1406        }
1407
1408        .stroke-gray-500 {
1409            stroke: #777
1410        }
1411
1412        .object-cover {
1413            object-fit: cover
1414        }
1415
1416        .object-center {
1417            object-position: center
1418        }
1419
1420        .p-8 {
1421            padding: 2rem
1422        }
1423
1424        .p-4 {
1425            padding: 1rem
1426        }
1427
1428        .p-6 {
1429            padding: 1.5rem
1430        }
1431
1432        .p-2 {
1433            padding: .5rem
1434        }
1435
1436        .p-0 {
1437            padding: 0
1438        }
1439
1440        .p-12 {
1441            padding: 3rem
1442        }
1443
1444        .py-3 {
1445            padding-bottom: .75rem;
1446            padding-top: .75rem
1447        }
1448
1449        .px-6 {
1450            padding-left: 1.5rem;
1451            padding-right: 1.5rem
1452        }
1453
1454        .py-8 {
1455            padding-bottom: 2rem;
1456            padding-top: 2rem
1457        }
1458
1459        .px-2 {
1460            padding-left: .5rem;
1461            padding-right: .5rem
1462        }
1463
1464        .py-5 {
1465            padding-bottom: 1.25rem;
1466            padding-top: 1.25rem
1467        }
1468
1469        .py-3\.5 {
1470            padding-bottom: .875rem;
1471            padding-top: .875rem
1472        }
1473
1474        .py-4 {
1475            padding-bottom: 1rem;
1476            padding-top: 1rem
1477        }
1478
1479        .py-2 {
1480            padding-bottom: .5rem;
1481            padding-top: .5rem
1482        }
1483
1484        .py-24 {
1485            padding-bottom: 6rem;
1486            padding-top: 6rem
1487        }
1488
1489        .py-6 {
1490            padding-bottom: 1.5rem;
1491            padding-top: 1.5rem
1492        }
1493
1494        .px-8 {
1495            padding-left: 2rem;
1496            padding-right: 2rem
1497        }
1498
1499        .px-4 {
1500            padding-left: 1rem;
1501            padding-right: 1rem
1502        }
1503
1504        .py-16 {
1505            padding-bottom: 4rem;
1506            padding-top: 4rem
1507        }
1508
1509        .px-7 {
1510            padding-left: 1.75rem;
1511            padding-right: 1.75rem
1512        }
1513
1514        .px-3\.5 {
1515            padding-left: .875rem;
1516            padding-right: .875rem
1517        }
1518
1519        .py-20 {
1520            padding-bottom: 5rem;
1521            padding-top: 5rem
1522        }
1523
1524        .py-14 {
1525            padding-bottom: 3.5rem;
1526            padding-top: 3.5rem
1527        }
1528
1529        .py-12 {
1530            padding-bottom: 3rem;
1531            padding-top: 3rem
1532        }
1533
1534        .py-1\.5 {
1535            padding-bottom: .375rem;
1536            padding-top: .375rem
1537        }
1538
1539        .px-10 {
1540            padding-left: 2.5rem;
1541            padding-right: 2.5rem
1542        }
1543
1544        .pt-3 {
1545            padding-top: .75rem
1546        }
1547
1548        .pl-3 {
1549            padding-left: .75rem
1550        }
1551
1552        .pr-2 {
1553            padding-right: .5rem
1554        }
1555
1556        .pt-2 {
1557            padding-top: .5rem
1558        }
1559
1560        .pl-4 {
1561            padding-left: 1rem
1562        }
1563
1564        .pb-10 {
1565            padding-bottom: 2.5rem
1566        }
1567
1568        .pr-6 {
1569            padding-right: 1.5rem
1570        }
1571
1572        .pl-5 {
1573            padding-left: 1.25rem
1574        }
1575
1576        .pr-4 {
1577            padding-right: 1rem
1578        }
1579
1580        .pt-7 {
1581            padding-top: 1.75rem
1582        }
1583
1584        .pt-1 {
1585            padding-top: .25rem
1586        }
1587
1588        .pb-2 {
1589            padding-bottom: .5rem
1590        }
1591
1592        .pl-8 {
1593            padding-left: 2rem
1594        }
1595
1596        .pt-md {
1597            padding-top: 52.4%
1598        }
1599
1600        .pl-16 {
1601            padding-left: 4rem
1602        }
1603
1604        .pb-16 {
1605            padding-bottom: 4rem
1606        }
1607
1608        .pt-10 {
1609            padding-top: 2.5rem
1610        }
1611
1612        .pt-8 {
1613            padding-top: 2rem
1614        }
1615
1616        .pb-8 {
1617            padding-bottom: 2rem
1618        }
1619
1620        .pr-12 {
1621            padding-right: 3rem
1622        }
1623
1624        .pt-56 {
1625            padding-top: 14rem
1626        }
1627
1628        .pb-20 {
1629            padding-bottom: 5rem
1630        }
1631
1632        .pr-5 {
1633            padding-right: 1.25rem
1634        }
1635
1636        .pl-2 {
1637            padding-left: .5rem
1638        }
1639
1640        .pt-\[65\.937\%\] {
1641            padding-top: 65.937%
1642        }
1643
1644        .pl-6 {
1645            padding-left: 1.5rem
1646        }
1647
1648        .pr-3 {
1649            padding-right: .75rem
1650        }
1651
1652        .pt-12 {
1653            padding-top: 3rem
1654        }
1655
1656        .pb-3\/4 {
1657            padding-bottom: 75%
1658        }
1659
1660        .pt-lg {
1661            padding-top: 64%
1662        }
1663
1664        .pt-24 {
1665            padding-top: 6rem
1666        }
1667
1668        .pr-10 {
1669            padding-right: 2.5rem
1670        }
1671
1672        .pt-20 {
1673            padding-top: 5rem
1674        }
1675
1676        .pb-32 {
1677            padding-bottom: 8rem
1678        }
1679
1680        .pb-xl {
1681            padding-bottom: 72%
1682        }
1683
1684        .pb-9 {
1685            padding-bottom: 2.25rem
1686        }
1687
1688        .pb-12 {
1689            padding-bottom: 3rem
1690        }
1691
1692        .pt-\[50\%\] {
1693            padding-top: 50%
1694        }
1695
1696        .text-left {
1697            text-align: left
1698        }
1699
1700        .text-center {
1701            text-align: center
1702        }
1703
1704        .align-top {
1705            vertical-align: top
1706        }
1707
1708        .font-sans {
1709            font-family: Roboto,sans-serif
1710        }
1711
1712        .text-xs {
1713            font-size: .75rem;
1714            line-height: 1rem
1715        }
1716
1717        .text-lg {
1718            font-size: 1.125rem;
1719            line-height: 1.75rem
1720        }
1721
1722        .text-sm {
1723            font-size: .875rem;
1724            line-height: 1.25rem
1725        }
1726
1727        .text-base {
1728            font-size: 1rem;
1729            line-height: 1.5rem
1730        }
1731
1732        .text-4xl {
1733            font-size: 2.25rem;
1734            line-height: 2.5rem
1735        }
1736
1737        .text-2xl {
1738            font-size: 1.5rem;
1739            line-height: 2rem
1740        }
1741
1742        .text-3xl {
1743            font-size: 1.875rem;
1744            line-height: 2.25rem
1745        }
1746
1747        .text-xl {
1748            font-size: 1.25rem;
1749            line-height: 1.75rem
1750        }
1751
1752        .text-5xl {
1753            font-size: 3rem;
1754            line-height: 1
1755        }
1756
1757        .font-bold {
1758            font-weight: 700
1759        }
1760
1761        .font-medium {
1762            font-weight: 500
1763        }
1764
1765        .font-normal {
1766            font-weight: 400
1767        }
1768
1769        .font-semibold {
1770            font-weight: 600
1771        }
1772
1773        .leading-normal {
1774            line-height: 1.5
1775        }
1776
1777        .leading-tight {
1778            line-height: 1.25
1779        }
1780
1781        .leading-none {
1782            line-height: 1
1783        }
1784
1785        .leading-6 {
1786            line-height: 1.5rem
1787        }
1788
1789        .text-white {
1790            --tw-text-opacity: 1;
1791            color: rgb(255 255 255/var(--tw-text-opacity))
1792        }
1793
1794        .text-gray-900 {
1795            --tw-text-opacity: 1;
1796            color: rgb(17 24 39/var(--tw-text-opacity))
1797        }
1798
1799        .text-navy {
1800            --tw-text-opacity: 1;
1801            color: rgb(6 14 30/var(--tw-text-opacity))
1802        }
1803
1804        .text-gray-400 {
1805            --tw-text-opacity: 1;
1806            color: rgb(107 114 128/var(--tw-text-opacity))
1807        }
1808
1809        .text-gray-700 {
1810            --tw-text-opacity: 1;
1811            color: rgb(64 64 64/var(--tw-text-opacity))
1812        }
1813
1814        .text-red-600 {
1815            --tw-text-opacity: 1;
1816            color: rgb(220 38 38/var(--tw-text-opacity))
1817        }
1818
1819        .text-gray-500 {
1820            --tw-text-opacity: 1;
1821            color: rgb(119 119 119/var(--tw-text-opacity))
1822        }
1823
1824        .text-blue {
1825            --tw-text-opacity: 1;
1826            color: rgb(35 89 168/var(--tw-text-opacity))
1827        }
1828
1829        .text-black {
1830            --tw-text-opacity: 1;
1831            color: rgb(0 0 0/var(--tw-text-opacity))
1832        }
1833
1834        .text-orange-400 {
1835            --tw-text-opacity: 1;
1836            color: rgb(255 107 65/var(--tw-text-opacity))
1837        }
1838
1839        .text-orange-600 {
1840            --tw-text-opacity: 1;
1841            color: rgb(220 55 15/var(--tw-text-opacity))
1842        }
1843
1844        .text-brand-subheading {
1845            color: var(--brand-subheading-color)
1846        }
1847
1848        .text-brand-heading {
1849            color: var(--brand-heading-color)
1850        }
1851
1852        .text-brand-body {
1853            color: var(--brand-body-color)
1854        }
1855
1856        .text-orange-500 {
1857            --tw-text-opacity: 1;
1858            color: rgb(240 75 35/var(--tw-text-opacity))
1859        }
1860
1861        .text-dark-orange {
1862            --tw-text-opacity: 1;
1863            color: rgb(220 55 15/var(--tw-text-opacity))
1864        }
1865
1866        .text-green-300 {
1867            --tw-text-opacity: 1;
1868            color: rgb(111 174 130/var(--tw-text-opacity))
1869        }
1870
1871        .text-brand-primary {
1872            color: var(--brand-primary)
1873        }
1874
1875        .text-gray-300 {
1876            --tw-text-opacity: 1;
1877            color: rgb(221 221 221/var(--tw-text-opacity))
1878        }
1879
1880        .text-brand-btn {
1881            color: var(--brand-btn-color)
1882        }
1883
1884        .text-blueLight {
1885            --tw-text-opacity: 1;
1886            color: rgb(80 162 247/var(--tw-text-opacity))
1887        }
1888
1889        .underline {
1890            text-decoration-line: underline
1891        }
1892
1893        .no-underline {
1894            text-decoration-line: none
1895        }
1896
1897        .opacity-0 {
1898            opacity: 0
1899        }
1900
1901        .opacity-60 {
1902            opacity: .6
1903        }
1904
1905        .shadow-lg {
1906            --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
1907            --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
1908        }
1909
1910        .shadow, .shadow-lg {
1911            box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
1912        }
1913
1914        .shadow {
1915            --tw-shadow: 10px 10px 40px 0 rgba(0,0,0,.15);
1916            --tw-shadow-colored: 10px 10px 40px 0 var(--tw-shadow-color)
1917        }
1918
1919        .shadow-sm {
1920            --tw-shadow: 5px 5px 20px 0 rgba(0,0,0,.1);
1921            --tw-shadow-colored: 5px 5px 20px 0 var(--tw-shadow-color)
1922        }
1923
1924        .shadow-sm, .shadow-xl {
1925            box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
1926        }
1927
1928        .shadow-xl {
1929            --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
1930            --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
1931        }
1932
1933        .ring-1 {
1934            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1935            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1936            box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1936dow,0 0 #0000)
1937        }
1938
1939        .ring-black {
1940            --tw-ring-opacity: 1;
1941            --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
1942        }
1943
1944        .ring-opacity-5 {
1945            --tw-ring-opacity: 0.05
1946        }
1947
1948        .content-\[\'\'\] {
1949            --tw-content: "";
1950            content: var(--tw-content)
1951        }
1952
1953        .sr-only {
1954            clip: rect(0 0 0 0);
1955            clip-path: inset(100%);
1956            height: 1px;
1957            overflow: hidden;
1958            position: absolute;
1959            white-space: nowrap;
1960            width: 1px
1961        }
1962
1963        .before\:absolute:before {
1964            content: var(--tw-content);
1965            position: absolute
1966        }
1967
1968        .before\:left-0:before {
1969            content: var(--tw-content);
1970            left: 0
1971        }
1972
1973        .before\:top-2:before {
1974            content: var(--tw-content);
1975            top: .5rem
1976        }
1977
1978        .before\:top-full:before {
1979            content: var(--tw-content);
1980            top: 100%
1981        }
1982
1983        .before\:right-0:before {
1984            content: var(--tw-content);
1985            right: 0
1986        }
1987
1988        .before\:bottom-0:before {
1989            bottom: 0;
1990            content: var(--tw-content)
1991        }
1992
1993        .before\:top-0:before {
1994            content: var(--tw-content);
1995            top: 0
1996        }
1997
1998        .before\:z-20:before {
1999            content: var(--tw-content);
2000            z-index: 20
2001        }
2002
2003        .before\:block:before {
2004            content: var(--tw-content);
2005            display: block
2006        }
2007
2008        .before\:hidden:before {
2009            content: var(--tw-content);
2010            display: none
2011        }
2012
2013        .before\:h-px:before {
2014            content: var(--tw-content);
2015            height: 1px
2016        }
2017
2018        .before\:h-8:before {
2019            content: var(--tw-content);
2020            height: 2rem
2021        }
2022
2023        .before\:w-12:before {
2024            content: var(--tw-content);
2025            width: 3rem
2026        }
2027
2028        .before\:w-full:before {
2029            content: var(--tw-content);
2030            width: 100%
2031        }
2032
2033        .before\:bg-brand-subheading:before {
2034            background-color: var(--brand-subheading-color);
2035            content: var(--tw-content)
2036        }
2037
2038        .before\:bg-transparent:before {
2039            background-color: transparent;
2040            content: var(--tw-content)
2041        }
2042
2043        .before\:bg-orange-500:before {
2044            --tw-bg-opacity: 1;
2045            background-color: rgb(240 75 35/var(--tw-bg-opacity));
2046            content: var(--tw-content)
2047        }
2048
2049        .before\:bg-black\/40:before {
2050            background-color: rgba(0,0,0,.4);
2051            content: var(--tw-content)
2052        }
2053
2054        .before\:content-\[\'\'\]:before {
2055            --tw-content: "";
2056            content: var(--tw-content)
2057        }
2058
2059        .after\:absolute:after, .after\:pointer-events-none:after {
2060            content: var(--tw-content)
2061        }
2062
2063        .after\:absolute:after {
2064            position: absolute
2065        }
2066
2067        .after\:left-0:after {
2068            content: var(--tw-content);
2069            left: 0
2070        }
2071
2072        .after\:top-full:after {
2073            content: var(--tw-content);
2074            top: 100%
2075        }
2076
2077        .after\:hidden:after {
2078            content: var(--tw-content);
2079            display: none
2080        }
2081
2082        .after\:h-0\.5:after {
2083            content: var(--tw-content);
2084            height: .125rem
2085        }
2086
2087        .after\:h-0:after {
2088            content: var(--tw-content);
2089            height: 0
2090        }
2091
2092        .after\:w-full:after {
2093            content: var(--tw-content);
2094            width: 100%
2095        }
2096
2097        .after\:scale-0:after {
2098            --tw-scale-x: 0;
2099            --tw-scale-y: 0;
2100            content: var(--tw-content);
2101            transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
2102        }
2103
2104        .after\:bg-orange-400:after {
2105            --tw-bg-opacity: 1;
2106            background-color: rgb(255 107 65/var(--tw-bg-opacity));
2107            content: var(--tw-content)
2108        }
2109
2110        .after\:bg-navy\/30:after {
2111            background-color: rgba(6,14,30,.3);
2112            content: var(--tw-content)
2113        }
2114
2115        .after\:delay-500:after, .after\:duration-300:after, .after\:duration-\[3000ms\]:after, .after\:transition-transform:after, .after\:transition:after {
2116            content: var(--tw-content)
2117        }
2118
2119        .last\:mb-0:last-child {
2120            margin-bottom: 0
2121        }
2122
2123        .last\:mr-0:last-child {
2124            margin-right: 0
2125        }
2126
2127        .last-of-type\:pr-0:last-of-type {
2128            padding-right: 0
2129        }
2130
2131        @media (min-width:360px) {
2132            .xs\:aspect-\[5\/7\] {
2133                aspect-ratio: 5/7
2134            }
2135
2136            .xs\:px-8 {
2137                padding-left: 2rem;
2138                padding-right: 2rem
2139            }
2140        }
2141
2142        @media (min-width:640px) {
2143            .sm\:rounded-md {
2144                border-radius: .375rem
2145            }
2146
2147            .sm\:px-6 {
2148                padding-left: 1.5rem;
2149                padding-right: 1.5rem
2150            }
2151
2152            .sm\:py-16 {
2153                padding-bottom: 4rem;
2154                padding-top: 4rem
2155            }
2156
2157            .sm\:text-sm {
2158                font-size: .875rem;
2159                line-height: 1.25rem
2160            }
2161        }
2162
2163        @media (min-width:768px) {
2164            .md\:absolute {
2165                position: absolute
2166            }
2167
2168            .md\:right-0 {
2169                right: 0
2170            }
2171
2172            .md\:left-1\/2 {
2173                left: 50%
2174            }
2175
2176            .md\:bottom-20 {
2177                bottom: 5rem
2178            }
2179
2180            .md\:col-span-1 {
2181                grid-column: span 1/span 1
2182            }
2183
2184            .md\:col-span-4 {
2185                grid-column: span 4/span 4
2186            }
2187
2188            .md\:col-span-6 {
2189                grid-column: span 6/span 6
2190            }
2191
2192            .md\:col-span-5 {
2193                grid-column: span 5/span 5
2194            }
2195
2196            .md\:col-span-8 {
2197                grid-column: span 8/span 8
2198            }
2199
2200            .md\:col-span-10 {
2201                grid-column: span 10/span 10
2202            }
2203
2204            .md\:col-start-1 {
2205                grid-column-start: 1
2206            }
2207
2208            .md\:col-start-7 {
2209                grid-column-start: 7
2210            }
2211
2212            .md\:col-start-2 {
2213                grid-column-start: 2
2214            }
2215
2216            .md\:ml-8 {
2217                margin-left: 2rem
2218            }
2219
2220            .md\:mt-0 {
2221                margin-top: 0
2222            }
2223
2224            .md\:mb-0 {
2225                margin-bottom: 0
2226            }
2227
2228            .md\:mt-6 {
2229                margin-top: 1.5rem
2230            }
2231
2232            .md\:mb-6 {
2233                margin-bottom: 1.5rem
2234            }
2235
2236            .md\:mb-12 {
2237                margin-bottom: 3rem
2238            }
2239
2240            .md\:mt-20 {
2241                margin-top: 5rem
2242            }
2243
2244            .md\:mb-4 {
2245                margin-bottom: 1rem
2246            }
2247
2248            .md\:block {
2249                display: block
2250            }
2251
2252            .md\:inline {
2253                display: inline
2254            }
2255
2256            .md\:flex {
2257                display: flex
2258            }
2259
2260            .md\:hidden {
2261                display: none
2262            }
2263
2264            .md\:aspect-\[8\/5\] {
2265                aspect-ratio: 8/5
2266            }
2267
2268            .md\:h-\[680px\] {
2269                height: 680px
2270            }
2271
2272            .md\:h-\[565px\] {
2273                height: 565px
2274            }
2275
2276            .md\:h-\[356px\] {
2277                height: 356px
2278            }
2279
2280            .md\:w-1\/2 {
2281                width: 50%
2282            }
2283
2284            .md\:w-5\/12 {
2285                width: 41.666667%
2286            }
2287
2288            .md\:w-7\/12 {
2289                width: 58.333333%
2290            }
2291
2292            .md\:w-26 {
2293                width: 6.5rem
2294            }
2295
2296            .md\:max-w-1\/2 {
2297                max-width: 50%
2298            }
2299
2300            .md\:flex-row-reverse {
2301                flex-direction: row-reverse
2302            }
2303
2304            .md\:flex-wrap {
2305                flex-wrap: wrap
2306            }
2307
2308            .md\:place-items-center {
2309                place-items: center
2310            }
2311
2312            .md\:justify-end {
2313                justify-content: flex-end
2314            }
2315
2316            .md\:justify-between {
2317                justify-content: space-between
2318            }
2319
2320            .md\:gap-y-0 {
2321                row-gap: 0
2322            }
2323
2324            .md\:gap-x-8 {
2325                column-gap: 2rem
2326            }
2327
2328            .md\:overflow-hidden {
2329                overflow: hidden
2330            }
2331
2332            .md\:rounded-md {
2333                border-radius: .375rem
2334            }
2335
2336            .md\:p-6 {
2337                padding: 1.5rem
2338            }
2339
2340            .md\:px-8 {
2341                padding-left: 2rem;
2342                padding-right: 2rem
2343            }
2344
2345            .md\:px-12 {
2346                padding-left: 3rem;
2347                padding-right: 3rem
2348            }
2349
2350            .md\:py-0 {
2351                padding-bottom: 0;
2352                padding-top: 0
2353            }
2354
2355            .md\:py-12 {
2356                padding-bottom: 3rem;
2357                padding-top: 3rem
2358            }
2359
2360            .md\:pt-0 {
2361                padding-top: 0
2362            }
2363
2364            .md\:pl-32 {
2365                padding-left: 8rem
2366            }
2367
2368            .md\:pt-48 {
2369                padding-top: 12rem
2370            }
2371
2372            .md\:pl-0 {
2373                padding-left: 0
2374            }
2375
2376            .md\:pt-16 {
2377                padding-top: 4rem
2378            }
2379
2380            .md\:pr-8 {
2381                padding-right: 2rem
2382            }
2383
2384            .md\:pt-28 {
2385                padding-top: 7rem
2386            }
2387
2388            .md\:pb-12 {
2389                padding-bottom: 3rem
2390            }
2391
2392            .md\:pb-0 {
2393                padding-bottom: 0
2394            }
2395
2396            .md\:pb-lg {
2397                padding-bottom: 64%
2398            }
2399
2400            .md\:pb-16 {
2401                padding-bottom: 4rem
2402            }
2403
2404            .md\:pl-4 {
2405                padding-left: 1rem
2406            }
2407
2408            .md\:text-xl {
2409                font-size: 1.25rem;
2410                line-height: 1.75rem
2411            }
2412
2413            .md\:text-5xl {
2414                font-size: 3rem;
2415                line-height: 1
2416            }
2417
2418            .md\:text-7xl {
2419                font-size: 4.5rem;
2420                line-height: 1
2421            }
2422
2423            .md\:text-4xl {
2424                font-size: 2.25rem;
2425                line-height: 2.5rem
2426            }
2427
2428            .md\:leading-tight {
2429                line-height: 1.25
2430            }
2431        }
2432
2433        @media (min-width:1024px) {
2434            .lg\:top-52 {
2435                top: 13rem
2436            }
2437
2438            .lg\:order-last {
2439                order: 9999
2440            }
2441
2442            .lg\:order-first {
2443                order: -9999
2444            }
2445
2446            .lg\:col-span-8 {
2447                grid-column: span 8/span 8
2448            }
2449
2450            .lg\:col-span-4 {
2451                grid-column: span 4/span 4
2452            }
2453
2454            .lg\:col-span-6 {
2455                grid-column: span 6/span 6
2456            }
2457
2458            .lg\:col-span-5 {
2459                grid-column: span 5/span 5
2460            }
2461
2462            .lg\:col-span-7 {
2463                grid-column: span 7/span 7
2464            }
2465
2466            .lg\:col-span-3 {
2467                grid-column: span 3/span 3
2468            }
2469
2470            .lg\:col-span-9 {
2471                grid-column: span 9/span 9
2472            }
2473
2474            .lg\:col-start-1 {
2475                grid-column-start: 1
2476            }
2477
2478            .lg\:col-start-8 {
2479                grid-column-start: 8
2480            }
2481
2482            .lg\:col-start-5 {
2483                grid-column-start: 5
2484            }
2485
2486            .lg\:col-start-4 {
2487                grid-column-start: 4
2488            }
2489
2490            .lg\:row-start-1 {
2491                grid-row-start: 1
2492            }
2493
2494            .lg\:mx-0 {
2495                margin-left: 0;
2496                margin-right: 0
2497            }
2498
2499            .lg\:mx-auto {
2500                margin-left: auto;
2501                margin-right: auto
2502            }
2503
2504            .lg\:mb-14 {
2505                margin-bottom: 3.5rem
2506            }
2507
2508            .lg\:mb-8 {
2509                margin-bottom: 2rem
2510            }
2511
2512            .lg\:mb-0 {
2513                margin-bottom: 0
2514            }
2515
2516            .lg\:mb-10 {
2517                margin-bottom: 2.5rem
2518            }
2519
2520            .lg\:mb-20 {
2521                margin-bottom: 5rem
2522            }
2523
2524            .lg\:mr-10 {
2525                margin-right: 2.5rem
2526            }
2527
2528            .lg\:mb-36 {
2529                margin-bottom: 9rem
2530            }
2531
2532            .lg\:block {
2533                display: block
2534            }
2535
2536            .lg\:grid {
2537                display: grid
2538            }
2539
2540            .lg\:hidden {
2541                display: none
2542            }
2543
2544            .lg\:aspect-auto {
2545                aspect-ratio: auto
2546            }
2547
2548            .lg\:h-197 {
2549                height: 43.78rem
2550            }
2551
2552            .lg\:h-\[416px\] {
2553                height: 416px
2554            }
2555
2556            .lg\:w-8\/12 {
2557                width: 66.666667%
2558            }
2559
2560            .lg\:w-10\/12 {
2561                width: 83.333333%
2562            }
2563
2564            .lg\:w-auto {
2565                width: auto
2566            }
2567
2568            .lg\:w-6\/12 {
2569                width: 50%
2570            }
2571
2572            .lg\:grid-cols-12 {
2573                grid-template-columns: repeat(12,minmax(0,1fr))
2574            }
2575
2576            .lg\:grid-cols-10 {
2577                grid-template-columns: repeat(10,minmax(0,1fr))
2578            }
2579
2580            .lg\:flex-row {
2581                flex-direction: row
2582            }
2583
2584            .lg\:items-center {
2585                align-items: center
2586            }
2587
2588            .lg\:justify-start {
2589                justify-content: flex-start
2590            }
2591
2592            .lg\:justify-around {
2593                justify-content: space-around
2594            }
2595
2596            .lg\:gap-8 {
2597                gap: 2rem
2598            }
2599
2600            .lg\:gap-x-8 {
2601                column-gap: 2rem
2602            }
2603
2604            .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
2605                --tw-space-y-reverse: 0;
2606                margin-bottom: calc(1rem*var(--tw-space-y-reverse));
2607                margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
2608            }
2609
2610            .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
2611                --tw-space-y-reverse: 0;
2612                margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
2613                margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
2614            }
2615
2616            .lg\:bg-transparent {
2617                background-color: transparent
2618            }
2619
2620            .lg\:p-14 {
2621                padding: 3.5rem
2622            }
2623
2624            .lg\:p-0 {
2625                padding: 0
2626            }
2627
2628            .lg\:py-36 {
2629                padding-bottom: 9rem;
2630                padding-top: 9rem
2631            }
2632
2633            .lg\:px-0 {
2634                padding-left: 0;
2635                padding-right: 0
2636            }
2637
2638            .lg\:py-8 {
2639                padding-bottom: 2rem;
2640                padding-top: 2rem
2641            }
2642
2643            .lg\:px-8 {
2644                padding-left: 2rem;
2645                padding-right: 2rem
2646            }
2647
2648            .lg\:py-16 {
2649                padding-bottom: 4rem;
2650                padding-top: 4rem
2651            }
2652
2653            .lg\:pl-5 {
2654                padding-left: 1.25rem
2655            }
2656
2657            .lg\:pb-11 {
2658                padding-bottom: 2.75rem
2659            }
2660
2661            .lg\:pt-0 {
2662                padding-top: 0
2663            }
2664
2665            .lg\:pb-0 {
2666                padding-bottom: 0
2667            }
2668
2669            .lg\:text-4xl {
2670                font-size: 2.25rem;
2671                line-height: 2.5rem
2672            }
2673
2674            .lg\:text-5xl {
2675                font-size: 3rem;
2676                line-height: 1
2677            }
2678
2679            .lg\:text-3xl {
2680                font-size: 1.875rem;
2681                line-height: 2.25rem
2682            }
2683
2684            .lg\:text-7xl {
2685                font-size: 4.5rem;
2686                line-height: 1
2687            }
2688
2689            .lg\:leading-tight {
2690                line-height: 1.25
2691            }
2692        }
2693
2694        @media (min-width:1025px) {
2695            .desk\:my-36 {
2696                margin-bottom: 9rem;
2697                margin-top: 9rem
2698            }
2699
2700            .desk\:ml-8 {
2701                margin-left: 2rem
2702            }
2703
2704            .desk\:ml-0 {
2705                margin-left: 0
2706            }
2707
2708            .desk\:ml-10 {
2709                margin-left: 2.5rem
2710            }
2711
2712            .desk\:mt-36 {
2713                margin-top: 9rem
2714            }
2715
2716            .desk\:mb-36 {
2717                margin-bottom: 9rem
2718            }
2719
2720            .desk\:mb-24 {
2721                margin-bottom: 6rem
2722            }
2723
2724            .desk\:mt-24 {
2725                margin-top: 6rem
2726            }
2727
2728            .desk\:mb-16 {
2729                margin-bottom: 4rem
2730            }
2731
2732            .desk\:block {
2733                display: block
2734            }
2735
2736            .desk\:flex {
2737                display: flex
2738            }
2739
2740            .desk\:hidden {
2741                display: none
2742            }
2743
2744            .desk\:h-\[42px\] {
2745                height: 42px
2746            }
2747
2748            .desk\:w-\[108px\] {
2749                width: 108px
2750            }
2751
2752            .desk\:w-7\/12 {
2753                width: 58.333333%
2754            }
2755
2756            .desk\:w-6\/12 {
2757                width: 50%
2758            }
2759
2760            .desk\:space-x-14 >
2760 :not([hidden]) ~ :not([hidden]) {
2761                --tw-space-x-reverse: 0;
2762                margin-left: calc(3.5rem*(1 - var(--tw-space-x-reverse)));
2763                margin-right: calc(3.5rem*var(--tw-space-x-reverse))
2764            }
2765
2766            .desk\:px-12 {
2767                padding-left: 3rem;
2768                padding-right: 3rem
2769            }
2770
2771            .desk\:py-5 {
2772                padding-bottom: 1.25rem;
2773                padding-top: 1.25rem
2774            }
2775
2776            .desk\:py-6 {
2777                padding-bottom: 1.5rem
2778            }
2779
2780            .desk\:pt-6, .desk\:py-6 {
2781                padding-top: 1.5rem
2782            }
2783        }
2784
2785        @media (min-width:1500px) {
2786            .xxl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
2787                --tw-space-y-reverse: 0;
2788                margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
2789                margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
2790            }
2791
2792            .xxl\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
2793                --tw-space-y-reverse: 0;
2794                margin-bottom: calc(2rem*var(--tw-space-y-reverse));
2795                margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
2796            }
2797
2798            .xxl\:py-16 {
2799                padding-bottom: 4rem;
2800                padding-top: 4rem
2801            }
2802        }
2803
2804            .xxl\:py-16 {
2805                padding-top: 4rem;
2806                padding-bottom: 4rem
2807            }
2808        }
2809    </style>
2810    <link rel="stylesheet" href="/assets/dist/css/main.css?v=fS0I2TzIXiijzoVRrpCti_ITkSMaQjCmz6W6t0hiUQI" media="print" onload="this.media='all'" />
2811
2812
2813
2814
2815    
2816
2817
2818    <!-- Start VWO Async SmartCode -->
2819    <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
2820    
2820<script type="text/javascript" id="vwoCode">
2821        window._vwo_code ||
2822            (function () {
2823                var account_id = 837221,
2824                    version = 2.1,
2825                    settings_tolerance = 2000,
2826                    hide_element = 'body',
2827                    hide_element_style =
2828                        'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
2829                    /* DO NOT EDIT BELOW THIS LINE */
2830                    f = false,
2831                    w = window,
2832                    d = document,
2833                    v = d.querySelector('#vwoCode'),
2834                    cK = '_vwo_' + account_id + '_settings',
2835                    cc = {};
2836                try {
2837                    var c = JSON.parse(
2838                        localStorage.getItem('_vwo_' + account_id + '_config')
2839                    );
2840                    cc = c && typeof c === 'object' ? c : {};
2841                } catch (e) { }
2842                var stT = cc.stT === 'session' ? w.sessionStorage : w.localStorage;
2843                let code = null;
2844                code = {
2845                    use_existing_jquery: function () {
2846                        return typeof use_existing_jquery !== 'undefined'
2847                            ? use_existing_jquery
2848                            : undefined;
2849                    },
2850                    library_tolerance: function () {
2851                        return typeof library_tolerance !== 'undefined'
2852                            ? library_tolerance
2853                            : undefined;
2854                    },
2855                    settings_tolerance: function () {
2856                        return cc.sT || settings_tolerance;
2857                    },
2858                    hide_element_style: function () {
2859                        return '{' + (cc.hES || hide_element_style) + '}';
2860                    },
2861                    hide_element: function () {
2862                        if (performance.getEntriesByName('first-contentful-paint')[0]) {
2863                            return '';
2864                        }
2865                        return typeof cc.hE === 'string' ? cc.hE : hide_element;
2866                    },
2867                    getVersion: function () {
2868                        return version;
2869                    },
2870                    finish: function (e) {
2871                        if (!f) {
2872                            f = true;
2873                            var t = d.getElementById('_vis_opt_path_hides');
2874                            if (t) t.parentNode.removeChild(t);
2875                            if (e)
2876                                new Image().src =
2877                                    'https://dev.visualwebsiteoptimizer.com/ee.gif?a=' +
2878                                    account_id +
2879                                    e;
2880                        }
2881                    },
2882                    finished: function () {
2883                        return f;
2884                    },
2885                    addScript: function (e) {
2886                        var t = d.createElement('script');
2887                        t.type = 'text/javascript';
2888                        if (e.src) {
2889                            t.src = e.src;
2890                        } else {
2891                            t.text = e.text;
2892                        }
2893                        d.getElementsByTagName('head')[0].appendChild(t);
2894                    },
2895                    load: function (e, t) {
2896                        var i = this.getSettings(),
2897                            n = d.createElement('script'),
2898                            r = this;
2899                        t = t || {};
2900                        if (i) {
2901                            n.textContent = i;
2902                            d.getElementsByTagName('head')[0].appendChild(n);
2903                            if (!w.VWO || VWO.caE) {
2904                                stT.removeItem(cK);
2905                                r.load(e);
2906                            }
2907                        } else {
2908                            var o = new XMLHttpRequest();
2909                            o.open('GET', e, true);
2910                            o.withCredentials = !t.dSC;
2911                            o.responseType = t.responseType || 'text';
2912                            o.onload = function () {
2913                                if (t.onloadCb) {
2914                                    return t.onloadCb(o, e);
2915                                }
2916                                if (o.status === 200) {
2917                                    _vwo_code.addScript({ text: o.responseText });
2918                                } else {
2919                                    _vwo_code.finish('&e=loading_failure:' + e);
2920                                }
2921                            };
2922                            o.onerror = function () {
2923                                if (t.onerrorCb) {
2924                                    return t.onerrorCb(e);
2925                                }
2926                                _vwo_code.finish('&e=loading_failure:' + e);
2927                            };
2928                            o.send();
2929                        }
2930                    },
2931                    getSettings: function () {
2932                        try {
2933                            var e = stT.getItem(cK);
2934                            if (!e) {
2935                                return;
2936                            }
2937                            e = JSON.parse(e);
2938                            if (Date.now() > e.e) {
2939                                stT.removeItem(cK);
2940                                return;
2941                            }
2942                            return e.s;
2943                        } catch (e) {
2944                            return;
2945                        }
2946                    },
2947                    init: function () {
2948                        if (d.URL.indexOf('__vwo_disable__') > -1) return;
2949                        var e = this.settings_tolerance();
2950                        w._vwo_settings_timer = setTimeout(function () {
2951                            _vwo_code.finish();
2952                            stT.removeItem(cK);
2953                        }, e);
2954                        var t;
2955                        if (this.hide_element() !== 'body') {
2956                            t = d.createElement('style');
2957                            var i = this.hide_element(),
2958                                n = i ? i + this.hide_element_style() : '',
2959                                r = d.getElementsByTagName('head')[0];
2960                            t.setAttribute('id', '_vis_opt_path_hides');
2961                            v && t.setAttribute('nonce', v.nonce);
2962                            t.setAttribute('type', 'text/css');
2963                            if (t.styleSheet) t.styleSheet.cssText = n;
2964                            else t.appendChild(d.createTextNode(n));
2965                            r.appendChild(t);
2966                        } else {
2967                            t = d.getElementsByTagName('head')[0];
2968                            var n = d.createElement('div');
2969                            n.style.cssText =
2970                                'z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;';
2971                            n.setAttribute('id', '_vis_opt_path_hides');
2972                            n.classList.add('_vis_hide_layer');
2973                            t.parentNode.insertBefore(n, t.nextSibling);
2974                        }
2975                        var o =
2976                            'https://dev.visualwebsiteoptimizer.com/j.php?a=' +
2977                            account_id +
2978                            '&u=' +
2979                            encodeURIComponent(d.URL) +
2980                            '&vn=' +
2981                            version;
2982                        if (w.location.search.indexOf('_vwo_xhr') !== -1) {
2983                            this.addScript({ src: o });
2984                        } else {
2985                            this.load(o + '&x=true');
2986                        }
2987                    }
2988                };
2989                w._vwo_code = code;
2990                code.init();
2991            })();
2992    </script>
2992
2993    <!-- End VWO Async SmartCode -->
2994
2995    <!--Brightedge (Start)-->
2996
2997<!-- be_ixf, sdk, gho-->
2998<meta name="be:sdk" content="dotnet_sdk_1.4.30" />
2999<meta name="be:timer" content="0ms" />
3000<meta name="be:orig_url" content="https%3a%2f%2fbingoindustries.com.au%2fwho-we-are%2fabout-us" />
3001<meta name="be:capsule_url" content="https%3a%2f%2fixfd1-api.bc0a.com%2fapi%2fixf%2f1.0.0%2fget_capsule%2ff00000000304174%2f02057475347" />
3002<meta name="be:norm_url" content="https%3a%2f%2fbingoindustries.com.au%2fwho-we-are%2fabout-us" />
3003<meta name="be:api_dt" content="py_2026; pm_02; pd_24; ph_05; pmh_36; p_epoch:1771940201189" />
3004<meta name="be:mod_dt" content="py_2026; pm_02; pd_24; ph_05; pmh_36; p_epoch:1771940201189" />
3005<meta name="be:messages" content="0" />
3006    <!--Brightedge (End)-->
3007
3008</head>
3009<body>
3010    <!-- thirdParty lazyload -->
3011    <div data-name="3rdPartyScript"
3012         x-title="thirdPartyScript"
3013         x-data='thirdParty({data: [{"script_name":"","script_delay":"","script_content":"\r\n\u003Cscript type=\u0027text/javascript\u0027\u003E(function (c, l, a, r, i, t, y) { c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; t = l.createElement(r); t.async = 1;\r\nt.src = \u0027https://www.clarity.ms/tag/\u0027 \u002B i; y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);\r\n})(window, document, \u0027clarity\u0027, \u0027script\u0027, \u0027g255wpra8j\u0027);\u003C/script\u003E"}] })'>
3014    </div>
3015    <!-- thirdParty lazyload -->
3016        
3017<header class="js-header sticky  w-full z-50 top-0 left-0 c-header"
3018        x-data="header"
3019        x-on:scroll.window="toggleHeaderClass"
3020        x-bind:class="[ isSticky ? 'shadow-xs' : '']">
3021
3022    <div class="px-4 desk:px-12 py-3 desk:py-5 bg-gray-100 w-full flex flex-wrap items-center justify-end relative">
3023        <div class="c-search-toggle hidden desk:block">
3024            <div class="flex items-center">
3025                <button type="button"
3026                        class="flex flex-wrap items-center"
3027                        x-on:click="toggleSearch()">
3028                    <svg xmlns="http://www.w3.org/2000/svg"
3029                         viewBox="0 0 19.5 19.48"
3030                         width="20"
3031                         height="20"
3032                         fill="currentColor"
3033                         class="transition duration-300 desk:hover:fill-dark-orange"
3034                         x-bind:class="[isSearchActive ? 'hidden' : 'flex']">
3035                        <path d="M18.75 19.48c-.19 0-.38-.07-.53-.22l-5.55-5.54a7.73 7.73 0 0 1-4.92 1.77C3.48 15.48 0 12.01 0 7.74S3.48 0 7.75 0s7.75 3.47 7.75 7.74c0 1.86-.66 3.58-1.77 4.91l5.55 5.54c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22ZM7.75 1.5C4.3 1.5 1.5 4.3 1.5 7.74s2.8 6.24 6.25 6.24S14 11.18 14 7.74 11.2 1.5 7.75 1.5Z" />
3036                    </svg>
3037
3038                    <svg xmlns="http://www.w3.org/2000/svg"
3039                         viewBox="0 0 14 14"
3040                         fill="currentColor"
3041                         width="20"
3042                         height="20"
3043                         class="transition duration-300 fill-dark-orange desk:hover:fill-orange-500"
3044                         x-cloak
3045                         x-bind:class="[isSearchActive ? 'flex' : 'hidden']">
3046                        <path d="M13 14c-.26 0-.51-.1-.71-.29L7 8.42l-5.29 5.29A.996.996 0 1 1 .3 12.3L5.59 7 .29 1.71C-.1 1.32-.1.68.29.29s1.03-.39 1.42 0L7 5.59l5.29-5.3A.996.996 0 1 1 13.7 1.7L8.41 6.99l5.29 5.29a.996.996 0 0 1-.71 1.7Z" />
3047                    </svg>
3048                    <span class="ml-2">Search</span>
3049                </button>
3050            </div>
3051        </div>
3052        <!-- ./ Search Toggle Icon -->
3053
3054        <div class="desk:ml-8">
3055            <a href="/book-a-bin"
3056               class="flex items-center border border-dark-orange text-dark-orange px-4 py-2 rounded-full">
3057                <span>
3058                    <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
3059                        <path d="M11.3999 4.17578L11.3999 7.92107" stroke="#F04B23" />
3060                        <path d="M18.6179 4.17578L18.6179 8.07888" stroke="#F04B23" />
3061                        <path d="M4.18188 7.92188H22.628L16.805 16.7251C16.4347 17.285 15.8082 17.6218 15.1369 17.6218H9.18072C8.34515 17.6218 7.59764 17.1023 7.30626 16.3192L4.18188 7.92188Z" stroke="#DC370F" stroke-linejoin="round" />
3062                        <path d="M22.628 7.92265V4.25626M22.628 4.25626V2.37891C22.628 1.82662 22.1803 1.37891 21.628 1.37891L7.16133 1.37891C7.05046 1.37891 6.94366 1.4207 6.86224 1.49594L1.58899 6.36913C1.18752 6.74014 1.12394 7.35154 1.44047 7.79722V7.79722C1.78581 8.28344 2.47857 8.35827 2.91977 7.95701L6.90297 4.3344C6.95825 4.28412 7.03029 4.25626 7.10502 4.25626H22.628Z" stroke="#F04B23" />
3063                    </svg>
3064                </span><span class="pl-2">Book a bin</span>
3065            </a>
3066        </div>
3067        <!-- ./ Header Phone link -->
3068
3069        <div class="md:ml-8 ml-4 relative flex items-center">
3070            <span class="h-6 w-6">
3071                <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3072                    <rect x="-0.00195312" width="24.8276" height="24" fill="url(#pattern0)" />
3073                    <defs>
3074                        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
3075                            <use xlink:href="#image0_5257_12572" transform="matrix(0.00251082 0 0 0.0025974 -0.0122078 0)" />
3076                        </pattern>
3077                        <image id="image0_5257_12572" width="408" height="385" xlink:href="data:image/png;base64,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" />
3078                    </defs>
3079                </svg>
3080
3081            </span>
3082            <span class="block px-2">MyBINGO</span>
3083            <div class="group relative">
3084                <button type="button" class="flex items-center group c-user-toggle-btn">
3085                    <svg xmlns="http://www.w3.org/2000/svg"
3086                         viewBox="0 0 9.86 5.99"
3087                         width="10"
3088                         height="6"
3089                         class="relative transition duration-300 fill-orange-500 ml-1 group-hover:rotate-180">
3090                        <path d="M4.93 5.99 0 1.06 1.06 0l3.87 3.87L8.8 0l1.06 1.06-4.93 4.93z" />
3091                    </svg>
3092
3093                </button>
3094                <!-- ./ User Toggle Button -->
3095
3096                <div class="opacity-0 invisible absolute z-[60] right-0 w-52 top-full pt-3 transition duration-300 -translate-y-3 group-hover:translate-y-0 group-hover:visible group-hover:opacity-100">
3097                    <div class="bg-white rounded-md shadow overflow-hidden">
3098                        <div class="border-b border-gray-300">
3099                            <div class="w-full">
3100                                <ul>
3101                                    <li>
3102                                        <a href="https://www.bingoindustries.com.au/mybingo-registration" target="_blank"
3103                                           class="py-2 px-7 transition duration-300 desk:hover:bg-orange-500 desk:hover:text-white flex text-navy">
3104                                            Register
3105                                        </a>
3106                                    </li>
3107                                    <li>
3108                                        <a href="https://www.mybingo.com.au/login" class="py-2 px-7 transition duration-300 desk:hover:bg-orange-500 desk:hover:text-white flex text-navy">
3109                                            Log in to MyBingo
3110                                        </a>
3111
3112                                    </li>
3113                                </ul>
3114                            </div>
3115                        </div>
3116                        <!-- ./ Main links -->
3117
3118                        <div class="w-full">
3119                            <div class="w-full">
3120                                <ul>
3121                                    <li>
3122                                        <a href="https://www.bingoindustries.com.au/paymybill" target="_blank"
3123                                           class="py-2 px-7 transition duration-300 desk:hover:bg-orange-500 desk:hover:text-white flex text-navy">
3124                                            Pay an invoice
3125                                        </a>
3126                                    </li>
3127                                    <li>
3128                                        <a href="https://partner-centre-442496233588.auth.ap-southeast-2.amazoncognito.com/login?client_id=521prbjotsdc50em7l67vmk60&amp;code_challenge=hfWcuc44znvaL9JsvLw5BMtcnU8KZbksWyGgzea0eMw&amp;code_challenge_method=S256&amp;redirect_uri=https://d3djsfex3cg7iq.cloudfront.net&amp;response_type=code&amp;scope=email&#x2B;openid&#x2B;profile&amp;state=8b7c6dfa51884ae5bfbf8ac6795990bf" target="_blank"
3129                                           class="py-2 px-7 transition duration-300 desk:hover:bg-orange-500 desk:hover:text-white flex text-navy">
3130                                            Partner Centre
3131                                        </a>
3132                                    </li>
3133                                </ul>
3134                            </div>
3135                        </div>
3136                        <!-- ./ Secondary links -->
3137                    </div>
3138                </div>
3139                <!-- ./ User links -->
3140            </div>
3141
3142        </div>
3143    </div>
3144
3145    <div class="js-header-bg-wrap relative px-4 desk:px-8 py-4 desk:py-8 z-50 bg-white text-brand-heading transition-all duration-300 ease-in-out">
3146        <div class="flex justify-between">
3147            <div class="flex items-center c-header-left">
3148                <button type="button" class="text-orange-400 desk:hover:text-white transition duration-300 flex desk:hidden c-hamburger-btn" x-on:click="toggleMobileNav()">
3149                    <span class="sr-only">Open mobile navigation button.</span>
3150                    <svg xmlns="http://www.w3.org/2000/svg"
3151                         class="h-6 w-6"
3152                         fill="none"
3153                         viewBox="0 0 24 24"
3154                         stroke="currentColor"
3155                         stroke-width="2">
3156                        <path stroke-linecap="round"
3157                              stroke-linejoin="round"
3158                              d="M4 6h16M4 12h16M4 18h16" />
3159                    </svg>
3160
3161                </button>
3162                <!-- ./ Hamburger button -->
3163                
3164<div class="ml-8 desk:ml-0 c-logo flex">
3165    <a href="/"
3166       class="flex desk:hover:opacity-70 transition-opacity duration-300">
3167            <picture class="w-full">
3168                <source srcset="/getmedia/e7b70da4-fdb4-4eb9-8e49-88543d47ca20/logo-color.svg?ext=.svg" />
3169                <img src="/getmedia/e7b70da4-fdb4-4eb9-8e49-88543d47ca20/logo-color.svg?ext=.svg"
3170                     alt="LogoImage"
3171                     class="w-[86px] h-[34px] desk:w-[108px] desk:h-[42px]"
3172                     width="86"
3173                     height="34" />
3174            </picture>
3175
3176    </a>
3177</div>
3178                <!-- ./ Logo -->
3179
3180                <div class="ml-14 hidden desk:flex">
3181                    <nav role="navigation">
3182                        <ul class="flex desk:space-x-14">
3183                                <li>
3184                                    <div class="group"
3185                                         x-on:mouseenter="showMegaMenu(182)"
3186                                         x-on:mouseleave="hideMegaMenu()">
3187                                        <button type="button"
3188                                                class="relative flex items-center cursor-pointer focus:outline-none after:absolute after:w-full after:-bottom-[45px] after:left-0 after:h-0.5 after:bg-orange-400 after:transition-transform after:duration-300 after:scale-0 desk:group-hover:after:scale-100 before:absolute before:w-full before:h-8 before:bg-transparent before:top-full before:left-0 before:hidden desk:group-hover:before:block">
3189                                            <span>Our services</span>
3190
3191                                                <span class="ml-2">
3192                                                    <svg xmlns="http://www.w3.org/2000/svg"
3193                                                         viewBox="0 0 9.86 5.99"
3194                                                         width="10"
3195                                                         height="6"
3196                                                         class="relative transition duration-300 fill-orange-500 ml-1 group-hover:rotate-180">
3197                                                        <path d="M4.93 5.99 0 1.06 1.06 0l3.87 3.87L8.8 0l1.06 1.06-4.93 4.93z" />
3198                                                    </svg>
3199
3200                                                </span>
3201                                        </button>
3202                                        <!-- ./ Item -->
3203                                            <div class="text-navy bg-white border-t border-gray-300 -z-10 block absolute transform shadow-xl top-full left-0 right-0 origin-top ease-out after:absolute after:w-full after:left-0 after:h-0 after:hidden after:top-full after:bg-navy/30 after:transition after:duration-[3000ms] desk:group-hover:after:h-screen desk:group-hover:after:block after:delay-500 after:pointer-events-none"
3204                                                 x-transition:enter="transition ease-out duration-200"
3205                                                 x-transition:enter-start="opacity-0 -translate-y-2"
3206                                                 x-transition:enter-end="opacity-100 translate-y-0"
3207                                                 x-transition:leave="transition ease-in duration-150"
3208                                                 x-transition:leave-start="opacity-100 translate-y-0"
3209                                                 x-transition:leave-end="opacity-0 -translate-y-2"
3210                                                 x-show="currentHoveredIndex === 182"
3211                                                 x-cloak>
3212                                                <div class="o-container">
3213                                                    <div class="grid grid-cols-12 gap-8">
3214                                                        <div class="col-span-4 py-16 lg:py-8 xxl:py-16 border-r border-gray-300">
3215                                                            <div class="w-full">
3216                                                                <ul class="flex flex-col space-y-10 lg:space-y-4 xxl:space-y-10">
3217                                                                        <li data-active-index=&#x27;185&#x27;>
3218                                                                            <a href="/our-services/skip-bin-hire"
3219                                                                               x-on:click="$dispatch('push-datalayer-event', {
3220
3221                                                                                                                  event: 'navClick',
3222                                                                                                                  eventInfo: {
3223                                                                                                                    navType: 'Header nav menu',
3224                                                                                                                    elementName: 'Skip bin hire',
3225                                                                                                                    generalCategory: undefined,
3226                                                                                                                       userType: undefined,
3227                                                                                                                        userId: undefined
3228                                                                                                                  }
3229                                                                                                                })"
3230                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
3231                                                                               x-on:mouseover="changeTab(185)">
3232                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
3233                                                                                     x-bind:class="[activeIndex === 185 ? 'bg-orange-100' : 'bg-navy/10']">
3234                                                                                        <img data-src="/getmedia/23a48e83-77e3-4f42-8dcd-762e9c2bf02f/skip.svg?ext=.svg"
3235                                                                                             alt="alt"
3236                                                                                             class="js-lazy w-6" />
3237                                                                                </div>
3238
3239                                                                                <div class="ml-6 flex items-center">
3240                                                                                    <sp
3240an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
3241                                                                                          x-bind:class="[activeIndex === 185 ? 'text-orange-500' : 'text-navy']">
3242                                                                                        Skip bin hire
3243                                                                                    </span>
3244                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
3245                                                                                         viewBox="0 0 5.99 9.86"
3246                                                                                         fill="#ff6b41"
3247                                                                                         width="6"
3248                                                                                         height="10"
3249                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
3250                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
3251                                                                                    </svg>
3252
3253                                                                                </div>
3254                                                                            </a>
3255                                                                        </li>
3256                                                                        <li >
3257                                                                            <a href="/our-services/commercial-waste-services"
3258                                                                               x-on:click="$dispatch('push-datalayer-event', {
3259
3260                                                                                                                  event: 'navClick',
3261                                                                                                                  eventInfo: {
3262                                                                                                                    navType: 'Header nav menu',
3263                                                                                                                    elementName: 'Commercial services',
3264                                                                                                                    generalCategory: undefined,
3265                                                                                                                       userType: undefined,
3266                                                                                                                        userId: undefined
3267                                                                                                                  }
3268                                                                                                                })"
3269                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
3270                                                                               x-on:mouseover="changeTab(188)">
3271                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
3272                                                                                     x-bind:class="[activeIndex === 188 ? 'bg-orange-100' : 'bg-navy/10']">
3273                                                                                        <img data-src="/getmedia/79d03c62-0181-4534-a6c6-add43c4b2747/commercial.svg?ext=.svg"
3274                                                                                             alt="alt"
3275                                                                                             class="js-lazy w-6" />
3276                                                                                </div>
3277
3278                                                                                <div class="ml-6 flex items-center">
3279                                                                                    <sp
3279an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
3280                                                                                          x-bind:class="[activeIndex === 188 ? 'text-orange-500' : 'text-navy']">
3281                                                                                        Commercial services
3282                                                                                    </span>
3283                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
3284                                                                                         viewBox="0 0 5.99 9.86"
3285                                                                                         fill="#ff6b41"
3286                                                                                         width="6"
3287                                                                                         height="10"
3288                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
3289                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
3290                                                                                    </svg>
3291
3292                                                                                </div>
3293                                                                            </a>
3294                                                                        </li>
3295                                                                        <li >
3296                                                                            <a href="/our-services/tip-your-waste"
3297                                                                               x-on:click="$dispatch('push-datalayer-event', {
3298
3299                                                                                                                  event: 'navClick',
3300                                                                                                                  eventInfo: {
3301                                                                                                                    navType: 'Header nav menu',
3302                                                                                                                    elementName: 'Recycling Centres',
3303                                                                                                                    generalCategory: undefined,
3304                                                                                                                       userType: undefined,
3305                                                                                                                        userId: undefined
3306                                                                                                                  }
3307                                                                                                                })"
3308                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
3309                                                                               x-on:mouseover="changeTab(186)">
3310                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
3311                                                                                     x-bind:class="[activeIndex === 186 ? 'bg-orange-100' : 'bg-navy/10']">
3312                                                                                        <img data-src="/getmedia/6369e81a-05cf-4256-a38f-bde302af608f/tip-waste.svg?ext=.svg"
3313                                                                                             alt="alt"
3314                                                                                             class="js-lazy w-6" />
3315                                                                                </div>
3316
3317                                                                                <div class="ml-6 flex items-center">
3318                                                                                    <sp
3318an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
3319                                                                                          x-bind:class="[activeIndex === 186 ? 'text-orange-500' : 'text-navy']">
3320                                                                                        Recycling Centres
3321                                                                                    </span>
3322                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
3323                                                                                         viewBox="0 0 5.99 9.86"
3324                                                                                         fill="#ff6b41"
3325                                                                                         width="6"
3326                                                                                         height="10"
3327                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
3328                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
3329                                                                                    </svg>
3330
3331                                                                                </div>
3332                                                                            </a>
3333                                                                        </li>
3334                                                                        <li >
3335                                                                            <a href="/our-services/eco-products"
3336                                                                               x-on:click="$dispatch('push-datalayer-event', {
3337
3338                                                                                                                  event: 'navClick',
3339                                                                                                                  eventInfo: {
3340                                                                                                                    navType: 'Header nav menu',
3341                                                                                                                    elementName: 'Eco product',
3342                                                                                                                    generalCategory: undefined,
3343                                                                                                                       userType: undefined,
3344                                                                                                                        userId: undefined
3345                                                                                                                  }
3346                                                                                                                })"
3347                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
3348                                                                               x-on:mouseover="changeTab(187)">
3349                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
3350                                                                                     x-bind:class="[activeIndex === 187 ? 'bg-orange-100' : 'bg-navy/10']">
3351                                                                                        <img data-src="/getmedia/7b05df7e-c4a0-4be3-a09e-21f5f35e4c11/recovery.svg?ext=.svg"
3352                                                                                             alt="alt"
3353                                                                                             class="js-lazy w-6" />
3354                                                                                </div>
3355
3356                                                                                <div class="ml-6 flex items-center">
3357                                                                                    <sp
3357an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
3358                                                                                          x-bind:class="[activeIndex === 187 ? 'text-orange-500' : 'text-navy']">
3359                                                                                        Eco product
3360                                                                                    </span>
3361                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
3362                                                                                         viewBox="0 0 5.99 9.86"
3363                                                                                         fill="#ff6b41"
3364                                                                                         width="6"
3365                                                                                         height="10"
3366                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
3367                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
3368                                                                                    </svg>
3369
3370                                                                                </div>
3371                                                                            </a>
3372                                                                        </li>
3373                                                                        <li >
3374                                                                            <a href="/our-services/tyre-mattress-recycling-solutions"
3375                                                                               x-on:click="$dispatch('push-datalayer-event', {
3376
3377                                                                                                                  event: 'navClick',
3378                                                                                                                  eventInfo: {
3379                                                                                                                    navType: 'Header nav menu',
3380                                                                                                                    elementName: 'Tyre &amp; Mattress Recycling',
3381                                                                                                                    generalCategory: undefined,
3382                                                                                                                       userType: undefined,
3383                                                                                                                        userId: undefined
3384                                                                                                                  }
3385                                                                                                                })"
3386                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
3387                                                                               x-on:mouseover="changeTab(3240)">
3388                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
3389                                                                                     x-bind:class="[activeIndex === 3240 ? 'bg-orange-100' : 'bg-navy/10']">
3390                                                                                        <img data-src="/getmedia/b8ccf2df-52da-43e2-8834-fdd0e9e20a1a/tyre-mattress-(1).svg?ext=.svg"
3391                                                                                             alt="alt"
3392                                                                                             class="js-lazy w-6" />
3393                                                                                </div>
3394
3395                                                                                <div class="ml-6 flex items-center">
3396                                                                                    <sp
3396an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
3397                                                                                          x-bind:class="[activeIndex === 3240 ? 'text-orange-500' : 'text-navy']">
3398                                                                                        Tyre &amp; Mattress Recycling
3399                                                                                    </span>
3400                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
3401                                                                                         viewBox="0 0 5.99 9.86"
3402                                                                                         fill="#ff6b41"
3403                                                                                         width="6"
3404                                                                                         height="10"
3405                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
3406                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
3407                                                                                    </svg>
3408
3409                                                                                </div>
3410                                                                            </a>
3411                                                                        </li>
3412                                                                </ul>
3413                                                            </div>
3414                                                        </div>
3415                                                        <!-- ./ L2 links -->
3416
3417                                                        <div class="col-span-1"></div>
3418
3419                                                        <div class="col-span-3 py-16 lg:py-8 xxl:py-16">
3420                                                                <div class="w-full" x-show="activeIndex === 185" x-bind:class="[activeIndex === 185 ? 'o-show' : '']" x-cloak>
3421                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
3422                                                                        <li>
3423                                                                            <a href="/our-services/skip-bin-hire" x-on:click="$dispatch('push-datalayer-event', {
3424
3425                                                                                                                  event: 'navClick',
3426
3427                                                                                                                  eventInfo: {
3428
3429                                                                                                                    navType: 'Header nav menu',
3430
3431                                                                                                                    elementName: 'Skip bin hire',
3432
3433                                                                                                                    generalCategory: undefined,
3434                                                                                                                    userType: undefined,
3435                                                                                                                    userId: undefined
3436
3437                                                                                                                  }
3438
3439                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
3440                                                                               data-datalayertype="navClick">
3441                                                                                Skip bin hire
3442                                                                            </a>
3443                                                                        </li>
3444                                                                            <li>
3445                                                                                <a href="/our-services/skip-bin-hire/where-we-service" x-on:click="$dispatch('push-datalayer-event', {
3446
3447                                                                                                                      event: 'navClick',
3448
3449                                                                                                                      eventInfo: {
3450
3451                                                                                                                        navType: 'Header nav menu',
3452
3453                                                                                                                        elementName: 'Where we service',
3454
3455                                                                                                                        generalCategory: undefined,
3456                                                                                                                        userType: undefined,
3457                                                                                                                        userId: undefined
3458
3459                                                                                                                      }
3460
3461
3462                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3463                                                                                   data-datalayertype="navClick">
3464                                                                                    Where we service
3465                                                                                </a>
3466                                                                            </li>
3467                                                                            <li>
3468                                                                                <a href="/our-services/skip-bin-hire/what-can-go-in-a-bin" x-on:click="$dispatch('push-datalayer-event', {
3469
3470                                                                                                                      event: 'navClick',
3471
3472                                                                                                                      eventInfo: {
3473
3474                                                                                                                        navType: 'Header nav menu',
3475
3476                                                                                                                        elementName: 'What can go in a bin?',
3477
3478                                                                                                                        generalCategory: undefined,
3479                                                                                                                        userType: undefined,
3480                                                                                                                        userId: undefined
3481
3482                                                                                                                      }
3483
3484
3485                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3486                                                                                   data-datalayertype="navClick">
3487                                                                                    What can go in a bin?
3488                                                                                </a>
3489                                                                            </li>
3490                                                                            <li>
3491                                                                                <a href="/our-services/skip-bin-hire/types-sizes-of-skip-bin" x-on:click="$dispatch('push-datalayer-event', {
3492
3493                                                                                                                      event: 'navClick',
3494
3495                                                                                                                      eventInfo: {
3496
3497                                                                                                                        navType: 'Header nav menu',
3498
3499                                                                                                                        elementName: 'Types &amp; sizes',
3500
3501                                                                                                                        generalCategory: undefined,
3502                                                                                                                        userType: undefined,
3503                                                                                                                        userId: undefined
3504
3505                                                                                                                      }
3506
3507
3508                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3509                                                                                   data-datalayertype="navClick">
3510                                                                                    Types &amp; sizes
3511                                                                                </a>
3512                                                                            </li>
3513                                                                            <li>
3514                                                                                <a href="/our-services/skip-bin-hire/council-permits-for-skip-bins" x-on:click="$dispatch('push-datalayer-event', {
3515
3516                                                                                                                      event: 'navClick',
3517
3518                                                                                                                      eventInfo: {
3519
3520                                                                                                                        navType: 'Header nav menu',
3521
3522                                                                                                                        elementName: 'Permits',
3523
3524                                                                                                                        generalCategory: undefined,
3525                                                                                                                        userType: undefined,
3526                                                                                                                        userId: undefined
3527
3528                                                                                                                      }
3529
3530
3531                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3532                                                                                   data-datalayertype="navClick">
3533                                                                                    Permits
3534                                                                                </a>
3535                                                                            </li>
3536                                                                            <li>
3537                                                                                <a href="/paymybill" x-on:click="$dispatch('push-datalayer-event', {
3538
3539                                                                                                                      event: 'navClick',
3540
3541                                                                                                                      eventInfo: {
3542
3543                                                                                                                        navType: 'Header nav menu',
3544
3545                                                                                                                        elementName: 'Pay my invoice',
3546
3547                                                                                                                        generalCategory: undefined,
3548                                                                                                                        userType: undefined,
3549                                                                                                                        userId: undefined
3550
3551                                                                                                                      }
3552
3553
3554                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3555                                                                                   data-datalayertype="navClick">
3556                                                                                    Pay my invoice
3557                                                                                </a>
3558                                                                            </li>
3559                                                                    </ul>
3560                                                                </div>
3561                                                                <div class="w-full" x-show="activeIndex === 188" x-bind:class="[activeIndex === 188 ? 'o-show' : '']" x-cloak>
3562                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
3563                                                                        <li>
3564                                                                            <a href="/our-services/commercial-waste-services" x-on:click="$dispatch('push-datalayer-event', {
3565
3566                                                                                                                  event: 'navClick',
3567
3568                                                                                                                  eventInfo: {
3569
3570                                                                                                                    navType: 'Header nav menu',
3571
3572                                                                                                                    elementName: 'Commercial services',
3573
3574                                                                                                                    generalCategory: undefined,
3575                                                                                                                    userType: undefined,
3576                                                                                                                    userId: undefined
3577
3578                                                                                                                  }
3579
3580                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
3581                                                                               data-datalayertype="navClick">
3582                    
3582                                                            Commercial services
3583                                                                            </a>
3584                                                                        </li>
3585                                                                            <li>
3586                                                                                <a href="/our-services/commercial-waste-services/general-waste" x-on:click="$dispatch('push-datalayer-event', {
3587
3588                                                                                                                      event: 'navClick',
3589
3590                                                                                                                      eventInfo: {
3591
3592                                                                                                                        navType: 'Header nav menu',
3593
3594                                                                                                                        elementName: 'General waste',
3595
3596                                                                                                                        generalCategory: undefined,
3597                                                                                                                        userType: undefined,
3598                                                                                                                        userId: undefined
3599
3600                                                                                                                      }
3601
3602
3603                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3604                                                                                   data-datalayertype="navClick">
3605                                                                                    General waste
3606                                                                                </a>
3607                                                                            </li>
3608                                                                            <li>
3609                                                                                <a href="/our-services/commercial-waste-services/co-mingled" x-on:click="$dispatch('push-datalayer-event', {
3610
3611                                                                                                                      event: 'navClick',
3612
3613                                                                                                                      eventInfo: {
3614
3615                                                                                                                        navType: 'Header nav menu',
3616
3617                                                                                                                        elementName: 'Co-mingled waste',
3618
3619                                                                                                                        generalCategory: undefined,
3620                                                                                                                        userType: undefined,
3621                                                                                                                        userId: undefined
3622
3623                                                                                                                      }
3624
3625
3626                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3627                                                                                   data-datalayertype="navClick">
3628                                                                                    Co-mingled waste
3629                                                                                </a>
3630                                                                            </li>
3631                                                                            <li>
3632                                                                                <a href="/our-services/commercial-waste-services/paper-and-cardboard" x-on:click="$dispatch('push-datalayer-event', {
3633
3634                                                                                                                      event: 'navClick',
3635
3636                                                                                                                      eventInfo: {
3637
3638                                                                                                                        navType: 'Header nav menu',
3639
3640                                                                                                                        elementName: 'Paper &amp; cardboard waste',
3641
3642                                                                                                                        generalCategory: undefined,
3643                                                                                                                        userType: undefined,
3644                                                                                                                        userId: undefined
3645
3646                                                                                                                      }
3647
3648
3649                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3650                                                                                   data-datalayertype="navClick">
3651                                                                                    Paper &amp; cardboard waste
3652                                                                                </a>
3653                                                                            </li>
3654                                                                            <li>
3655                                                                                <a href="/our-services/commercial-waste-services/liquid-waste-management" x-on:click="$dispatch('push-datalayer-event', {
3656
3657                                                                                                                      event: 'navClick',
3658
3659                                                                                                                      eventInfo: {
3660
3661                                                                                                                        navType: 'Header nav menu',
3662
3663                                                                                                                        elementName: 'Liquid and bulk packaged waste',
3664
3665                                                                                                                        generalCategory: undefined,
3666                                                                                                                        userType: undefined,
3667                                                                                                                        userId: undefined
3668
3669                                                                                                                      }
3670
3671
3672                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3673                                                                                   data-datalayertype="navClick">
3674                                                                                    Liquid and bulk packaged waste
3675                                                                                </a>
3676                                                                            </li>
3677                                                                            <li>
3678                                                                                <a href="/our-services/commercial-waste-services/types-and-sizes" x-on:click="$dispatch('push-datalayer-event', {
3679
3680                                                                                                                      event: 'navClick',
3681
3682                                                                                                                      eventInfo: {
3683
3684                                                                                                                        navType: 'Header nav menu',
3685
3686                                                                                                                        elementName: 'Commercial bins and equipment',
3687
3688                                                                                                                        generalCategory: undefined,
3689                                                                                                                        userType: undefined,
3690                                                                                                                        userId: undefined
3691
3692                                                                                                                      }
3693
3694
3695                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3696                                                                                   data-datalayertype="navClick">
3697                                                                                    Commercial bins and equipment
3698                                                                                </a>
3699                                                                            </li>
3700                                                                            <li>
3701                                                                                <a href="/our-services/commercial-waste-services/other-waste-services" x-on:click="$dispatch('push-datalayer-event', {
3702
3703                                                                                                                      event: 'navClick',
3704
3705                                                                                                                      eventInfo: {
3706
3707                                                                                                                        navType: 'Header nav menu',
3708
3709                                                                                                                        elementName: 'Other waste services',
3710
3711                                                                                                                        generalCategory: undefined,
3712                                                                                                                        userType: undefined,
3713                                                                                                                        userId: undefined
3714
3715                                                                                                                      }
3716
3717
3718                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3719                                                                                   data-datalayertype="navClick">
3720                                                                                    Other waste services
3721                                                                                </a>
3722                                                                            </li>
3723                                                                            <li>
3724                                                                                <a href="/our-services/commercial-waste-services/contaminated-soil" x-on:click="$dispatch('push-datalayer-event', {
3725
3726                                                                                                                      event: 'navClick',
3727
3728                                                                                                                      eventInfo: {
3729
3730                                                                                                                        navType: 'Header nav menu',
3731
3732                                                                                                                        elementName: 'Contaminated soil disposal',
3733
3734                                                                                                                        generalCategory: undefined,
3735                                                                                                                        userType: undefined,
3736                                                                                                                        userId: undefined
3737
3738                                                                                                                      }
3739
3740
3741                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3742                                                                                   data-datalayertype="navClick">
3743                                                                                    Contaminated soil disposal
3744                                                                                </a>
3745                                                                            </li>
3746                                                                    </ul>
3747                                                                </div>
3748                                                                <div class="w-full" x-show="activeIndex === 186" x-bind:class="[activeIndex === 186 ? 'o-show' : '']" x-cloak>
3749                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
3750                                                                        <li>
3751                                                                            <a href="/our-services/tip-your-waste" x-on:click="$dispatch('push-datalayer-event', {
3752
3753                                                                                                                  event: 'navClick',
3754
3755                                                                                                                  eventInfo: {
3756
3757                                                                                                                    navType: 'Header nav menu',
3758
3759                                                                                                                    elementName: 'Recycling Centres',
3760
3761                                                                                                                    generalCategory: undefined,
3762                                                                                                                    userType: undefined,
3763                                                                                                                    userId: undefined
3764
3765                                                                                                                  }
3766
3767                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
3768                                                                               data-datalayertype="navClick">
3769         
3769                                                                       Recycling Centres
3770                                                                            </a>
3771                                                                        </li>
3772                                                                            <li>
3773                                                                                <a href="/our-services/tip-your-waste#recycling-centres-map" x-on:click="$dispatch('push-datalayer-event', {
3774
3775                                                                                                                      event: 'navClick',
3776
3777                                                                                                                      eventInfo: {
3778
3779                                                                                                                        navType: 'Header nav menu',
3780
3781                                                                                                                        elementName: 'Metro Recycling Centres',
3782
3783                                                                                                                        generalCategory: undefined,
3784                                                                                                                        userType: undefined,
3785                                                                                                                        userId: undefined
3786
3787                                                                                                                      }
3788
3789
3790                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3791                                                                                   data-datalayertype="navClick">
3792                                                                                    Metro Recycling Centres
3793                                                                                </a>
3794                                                                            </li>
3795                                                                            <li>
3796                                                                                <a href="/our-services/tip-your-waste/bingo-cootamundra-recycling-centre" x-on:click="$dispatch('push-datalayer-event', {
3797
3798                                                                                                                      event: 'navClick',
3799
3800                                                                                                                      eventInfo: {
3801
3802                                                                                                                        navType: 'Header nav menu',
3803
3804                                                                                                                        elementName: 'Regional Recycling Centre',
3805
3806                                                                                                                        generalCategory: undefined,
3807                                                                                                                        userType: undefined,
3808                                                                                                                        userId: undefined
3809
3810                                                                                                                      }
3811
3812
3813                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
3814                                                                                   data-datalayertype="navClick">
3815                                                                                    Regional Recycling Centre
3816                                                                                </a>
3817                                                                            </li>
3818                                                                    </ul>
3819                                                                </div>
3820                                                                <div class="w-full" x-show="activeIndex === 187" x-bind:class="[activeIndex === 187 ? 'o-show' : '']" x-cloak>
3821                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
3822                                                                        <li>
3823                                                                            <a href="/our-services/eco-products" x-on:click="$dispatch('push-datalayer-event', {
3824
3825                                                                                                                  event: 'navClick',
3826
3827                                                                                                                  eventInfo: {
3828
3829                                                                                                                    navType: 'Header nav menu',
3830
3831                                                                                                                    elementName: 'Eco product',
3832
3833                                                                                                                    generalCategory: undefined,
3834                                                                                                                    userType: undefined,
3835                                                                                                                    userId: undefined
3836
3837                                                                                                                  }
3838
3839                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
3840                                                                               data-datalayertype="navClick">
3841                                                                                Eco product
3842                                                                            </a>
3843                                                                        </li>
3844                                                                    </ul>
3845                                                                </div>
3846                                                                <div class="w-full" x-show="activeIndex === 3240" x-bind:class="[activeIndex === 3240 ? 'o-show' : '']" x-cloak>
3847                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
3848                                                                        <li>
3849                                                                            <a href="/our-services/tyre-mattress-recycling-solutions" x-on:click="$dispatch('push-datalayer-event', {
3850
3851                                                                                                                  event: 'navClick',
3852
3853                                                                                                                  eventInfo: {
3854
3855                                                                                                                    navType: 'Header nav menu',
3856
3857                                                                                                                    elementName: 'Tyre &amp; Mattress Recycling',
3858
3859                                                                                                                    generalCategory: undefined,
3860                                                                                                                    userType: undefined,
3861                                                                                                                    userId: undefined
3862
3863                                                                                                                  }
3864
3865                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
3866                                                                               data-datalayertype="navClick">
3867                                                                                Tyre &amp; Mattress Recycling
3868                                                                            </a>
3869                                                                        </li>
3870                                                                    </ul>
3871                                                                </div>
3872                                                        </div>
3873                                                        <!-- ./ L3 links -->
3874
3875                                                        <div class="col-span-4 py-16 lg:py-8 xxl:py-16 lg:pl-5 flex flex-wrap items-start">
3876                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
3877                                                                     x-show="activeIndex === 185"
3878                                                                     x-bind:class="[activeIndex === 185 ? 'o-show' : '']"
3879                                                                     x-cloak>
3880                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
3881                                                                            <picture class="w-full h-full object-cover object-center">
3882                                                                                <source media="(min-width: 640px)"
3883                                                                                        data-srcset="/getmedia/e8204070-262e-41ad-8d6f-23d2674e3b18/skipbinhire_image_header-(3)-(1).png?width=828&amp;height=586&amp;ext=.png" />
3884                                                                                <img data-src="/getmedia/e8204070-262e-41ad-8d6f-23d2674e3b18/skipbinhire_image_header-(3)-(1).png?width=828&amp;height=586&amp;ext=.png"
3885                                                                                     alt="alt"
3886                                                                                     class="js-lazy w-full h-full object-cover object-center" />
3887                                                                            </picture>
3888                                                                        </div>
3889                                                                </div>
3890                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
3891                                                                     x-show="activeIndex === 188"
3892                                                                     x-bind:class="[activeIndex === 188 ? 'o-show' : '']"
3893                                                                     x-cloak>
3894                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
3895                                                                            <picture class="w-full h-full object-cover object-center">
3896                                                                                <source media="(min-width: 640px)"
3897                                                                                        data-srcset="/getmedia/46e25cdd-011b-4aa8-94e1-63d7a755beca/rectangle-15(commercial).jpg?width=362&amp;height=240&amp;ext=.jpg" />
3898                                                                                <img data-src="/getmedia/46e25cdd-011b-4aa8-94e1-63d7a755beca/rectangle-15(commercial).jpg?width=362&amp;height=240&amp;ext=.jpg"
3899                                                                                     alt="alt"
3900                                                                                     class="js-lazy w-full h-full object-cover object-center" />
3901                                                                            </picture>
3902                                                                        </div>
3903                                                                </div>
3904                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
3905                                                                     x-show="activeIndex === 186"
3906                                                                     x-bind:class="[activeIndex === 186 ? 'o-show' : '']"
3907                                                                     x-cloak>
3908                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
3909                                                                            <picture class="w-full h-full object-cover object-center">
3910                                                                                <source media="(min-width: 640px)"
3911                                                                                        data-srcset="/getattachment/0ec29054-1c6f-4e98-a15d-29c3994ead1a/tip-your-waste-image.jpg?lang=en-us&amp;ext=.jpg" />
3912                                                                                <img data-src="/getattachment/0ec29054-1c6f-4e98-a15d-29c3994ead1a/tip-your-waste-image.jpg?lang=en-us&amp;ext=.jpg"
3913                                                                                     alt="alt"
3914                                                                                     class="js-lazy w-full h-full object-cover object-center" />
3915                                                                            </picture>
3916                                                                        </div>
3917                                                                </div>
3918                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
3919                                                                     x-show="activeIndex === 187"
3920                                                                     x-bind:class="[activeIndex === 187 ? 'o-show' : '']"
3921                                                                     x-cloak>
3922                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
3923                                                                            <picture class="w-full h-full object-cover object-center">
3924                                                                                <source media="(min-width: 640px)"
3925                                                                                        data-srcset="/getattachment/64cf2749-e7d6-4326-874a-e17cecdf1244/final-20221123-bingo-eastern-creek-dsc07729_edit_3_1920.jpg?lang=en-us&amp;ext=.jpg" />
3926                                                                                <img data-src="/getattachment/64cf2749-e7d6-4326-874a-e17cecdf1244/final-20221123-bingo-eastern-creek-dsc07729_edit_3_1920.jpg?lang=en-us&amp;ext=.jpg"
3927                                                                                     alt="alt"
3928                                                                                     class="js-lazy w-full h-full object-cover object-center" />
3929                                                                            </picture>
3930                                                                        </div>
3931                                                           
3931     </div>
3932                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
3933                                                                     x-show="activeIndex === 3240"
3934                                                                     x-bind:class="[activeIndex === 3240 ? 'o-show' : '']"
3935                                                                     x-cloak>
3936                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
3937                                                                            <picture class="w-full h-full object-cover object-center">
3938                                                                                <source media="(min-width: 640px)"
3939                                                                                        data-srcset="/getmedia/055e501d-a138-443b-8b7e-b397b3bbf2f7/matt-flock-2.jpg?width=1024&amp;height=576&amp;ext=.jpg" />
3940                                                                                <img data-src="/getmedia/055e501d-a138-443b-8b7e-b397b3bbf2f7/matt-flock-2.jpg?width=1024&amp;height=576&amp;ext=.jpg"
3941                                                                                     alt="alt"
3942                                                                                     class="js-lazy w-full h-full object-cover object-center" />
3943                                                                            </picture>
3944                                                                        </div>
3945                                                                </div>
3946                                                        </div>
3947                                                        <!-- ./ Link image -->
3948                                                    </div>
3949                                                </div>
3950                                            </div>
3951                                            <!-- ./ Dropdown -->
3952                                    </div>
3953                                </li>
3954                                <li>
3955                                    <div class="group"
3956                                         x-on:mouseenter="showMegaMenu(183)"
3957                                         x-on:mouseleave="hideMegaMenu()">
3958                                        <button type="button"
3959                                                class="relative flex items-center cursor-pointer focus:outline-none after:absolute after:w-full after:-bottom-[45px] after:left-0 after:h-0.5 after:bg-orange-400 after:transition-transform after:duration-300 after:scale-0 desk:group-hover:after:scale-100 before:absolute before:w-full before:h-8 before:bg-transparent before:top-full before:left-0 before:hidden desk:group-hover:before:block">
3960                                            <span>Sustainability</span>
3961
3962                                                <span class="ml-2">
3963                                                    <svg xmlns="http://www.w3.org/2000/svg"
3964                                                         viewBox="0 0 9.86 5.99"
3965                                                         width="10"
3966                                                         height="6"
3967                                                         class="relative transition duration-300 fill-orange-500 ml-1 group-hover:rotate-180">
3968                                                        <path d="M4.93 5.99 0 1.06 1.06 0l3.87 3.87L8.8 0l1.06 1.06-4.93 4.93z" />
3969                                                    </svg>
3970
3971                                                </span>
3972                                        </button>
3973                                        <!-- ./ Item -->
3974                                            <div class="text-navy bg-white border-t border-gray-300 -z-10 block absolute transform shadow-xl top-full left-0 right-0 origin-top ease-out after:absolute after:w-full after:left-0 after:h-0 after:hidden after:top-full after:bg-navy/30 after:transition after:duration-[3000ms] desk:group-hover:after:h-screen desk:group-hover:after:block after:delay-500 after:pointer-events-none"
3975                                                 x-transition:enter="transition ease-out duration-200"
3976                                                 x-transition:enter-start="opacity-0 -translate-y-2"
3977                                                 x-transition:enter-end="opacity-100 translate-y-0"
3978                                                 x-transition:leave="transition ease-in duration-150"
3979                                                 x-transition:leave-start="opacity-100 translate-y-0"
3980                                                 x-transition:leave-end="opacity-0 -translate-y-2"
3981                                                 x-show="currentHoveredIndex === 183"
3982                                                 x-cloak>
3983                                                <div class="o-container">
3984                                                    <div class="grid grid-cols-12 gap-8">
3985                                                        <div class="col-span-4 py-16 lg:py-8 xxl:py-16 border-r border-gray-300">
3986                                                            <div class="w-full">
3987                                                                <ul class="flex flex-col space-y-10 lg:space-y-4 xxl:space-y-10">
3988                                                                        <li data-active-index=&#x27;590&#x27;>
3989                                                                            <a href="/sustainability"
3990                                                                               x-on:click="$dispatch('push-datalayer-event', {
3991
3992                                                                                                                  event: 'navClick',
3993                                                                                                                  eventInfo: {
3994                                                                                                                    navType: 'Header nav menu',
3995                                                                                                                    elementName: 'Sustainability',
3996                                                                                                                    generalCategory: undefined,
3997                                                                                                                       userType: undefined,
3998                                                                                                                        userId: undefined
3999                                                                                                                  }
4000                                                                                                                })"
4001                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
4002                                                                               x-on:mouseover="changeTab(590)">
4003                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
4004                                                                                     x-bind:class="[activeIndex === 590 ? 'bg-orange-100' : 'bg-navy/10']">
4005                                                                                        <img data-src="/getmedia/660d812d-96c8-48fa-906e-e8272291e17b/sustainability.svg?ext=.svg"
4006                                                                                             alt="sustainability hub"
4007                                                                                             class="js-lazy w-6" />
4008                                                                                </div>
4009
4010                                                                                <div class="ml-6 flex items-center">
4011                                                                                    <sp
4011an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
4012                                                                                          x-bind:class="[activeIndex === 590 ? 'text-orange-500' : 'text-navy']">
4013                                                                                        Sustainability
4014                                                                                    </span>
4015                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
4016                                                                                         viewBox="0 0 5.99 9.86"
4017                                                                                         fill="#ff6b41"
4018                                                                                         width="6"
4019                                                                                         height="10"
4020                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
4021                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
4022                                                                                    </svg>
4023
4024                                                                                </div>
4025                                                                            </a>
4026                                                                        </li>
4027                                                                        <li >
4028                                                                            <a href="/sustainability/education-hub"
4029                                                                               x-on:click="$dispatch('push-datalayer-event', {
4030
4031                                                                                                                  event: 'navClick',
4032                                                                                                                  eventInfo: {
4033                                                                                                                    navType: 'Header nav menu',
4034                                                                                                                    elementName: 'Education Hub',
4035                                                                                                                    generalCategory: undefined,
4036                                                                                                                       userType: undefined,
4037                                                                                                                        userId: undefined
4038                                                                                                                  }
4039                                                                                                                })"
4040                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
4041                                                                               x-on:mouseover="changeTab(206)">
4042                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
4043                                                                                     x-bind:class="[activeIndex === 206 ? 'bg-orange-100' : 'bg-navy/10']">
4044                                                                                        <img data-src="/getmedia/6b346292-df69-412d-a75f-b739ecfe3c9a/education-hub.svg?ext=.svg"
4045                                                                                             alt="education hub"
4046                                                                                             class="js-lazy w-6" />
4047                                                                                </div>
4048
4049                                                                                <div class="ml-6 flex items-center">
4050                                                                                    <sp
4050an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
4051                                                                                          x-bind:class="[activeIndex === 206 ? 'text-orange-500' : 'text-navy']">
4052                                                                                        Education Hub
4053                                                                                    </span>
4054                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
4055                                                                                         viewBox="0 0 5.99 9.86"
4056                                                                                         fill="#ff6b41"
4057                                                                                         width="6"
4058                                                                                         height="10"
4059                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
4060                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
4061                                                                                    </svg>
4062
4063                                                                                </div>
4064                                                                            </a>
4065                                                                        </li>
4066                                                                </ul>
4067                                                            </div>
4068                                                        </div>
4069                                                        <!-- ./ L2 links -->
4070
4071                                                        <div class="col-span-1"></div>
4072
4073                                                        <div class="col-span-3 py-16 lg:py-8 xxl:py-16">
4074                                                                <div class="w-full" x-show="activeIndex === 590" x-bind:class="[activeIndex === 590 ? 'o-show' : '']" x-cloak>
4075                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
4076                                                                        <li>
4077                                                                            <a href="/sustainability" x-on:click="$dispatch('push-datalayer-event', {
4078
4079                                                                                                                  event: 'navClick',
4080
4081                                                                                                                  eventInfo: {
4082
4083                                                                                                                    navType: 'Header nav menu',
4084
4085                                                                                                                    elementName: 'Sustainability',
4086
4087                                                                                                                    generalCategory: undefined,
4088                                                                                                                    userType: undefined,
4089                                                                                                                    userId: undefined
4090
4091                                                                                                                  }
4092
4093                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
4094                                                                               data-datalayertype="navClick">
4095                                                                                Sustainability
4096                                                                            </a>
4097                                                                        </li>
4098                                                                            <li>
4099                                                                                <a href="/sustainability/sustainability-report-2025" x-on:click="$dispatch('push-datalayer-event', {
4100
4101                                                                                                                      event: 'navClick',
4102
4103                                                                                                                      eventInfo: {
4104
4105                                                                                                                        navType: 'Header nav menu',
4106
4107                                                                                                                        elementName: 'Sustainability Report 2025',
4108
4109                                                                                                                        generalCategory: undefined,
4110                                                                                                                        userType: undefined,
4111                                                                                                                        userId: undefined
4112
4113                                                                                                                      }
4114
4115
4116                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
4117                                                                                   data-datalayertype="navClick">
4118                                                                                    Sustainability Report 2025
4119                                                                                </a>
4120                                                                            </li>
4121                                                                    </ul>
4122                                                                </div>
4123                                                                <div class="w-full" x-show="activeIndex === 206" x-bind:class="[activeIndex === 206 ? 'o-show' : '']" x-cloak>
4124                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
4125                                                                        <li>
4126                                                                            <a href="/sustainability/education-hub" x-on:click="$dispatch('push-datalayer-event', {
4127
4128                                                                                                                  event: 'navClick',
4129
4130                                                                                                                  eventInfo: {
4131
4132                                                                                                                    navType: 'Header nav menu',
4133
4134                                                                                                                    elementName: 'E
4134ducation Hub',
4135
4136                                                                                                                    generalCategory: undefined,
4137                                                                                                                    userType: undefined,
4138                                                                                                                    userId: undefined
4139
4140                                                                                                                  }
4141
4142                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
4143                                                                               data-datalayertype="navClick">
4144                                                                                Education Hub
4145                                                                            </a>
4146                                                                        </li>
4147                                                                    </ul>
4148                                                                </div>
4149                                                        </div>
4150                                                        <!-- ./ L3 links -->
4151
4152                                                        <div class="col-span-4 py-16 lg:py-8 xxl:py-16 lg:pl-5 flex flex-wrap items-start">
4153                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
4154                                                                     x-show="activeIndex === 590"
4155                                                                     x-bind:class="[activeIndex === 590 ? 'o-show' : '']"
4156                                                                     x-cloak>
4157                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
4158                                                                            <picture class="w-full h-full object-cover object-center">
4159                                                                                <source media="(min-width: 640px)"
4160                                                                                        data-srcset="/getmedia/41c73203-2858-4b7f-9384-5175ac1b0321/1fa908a7-d733-453b-80d6-a3e53c34c3ee.jpg?width=1263&amp;height=842&amp;ext=.jpg" />
4161                                                                                <img data-src="/getmedia/41c73203-2858-4b7f-9384-5175ac1b0321/1fa908a7-d733-453b-80d6-a3e53c34c3ee.jpg?width=1263&amp;height=842&amp;ext=.jpg"
4162                                                                                     alt="sustainability hub"
4163                                                                                     class="js-lazy w-full h-full object-cover object-center" />
4164                                                                            </picture>
4165                                                                        </div>
4166                                                                </div>
4167                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
4168                                                                     x-show="activeIndex === 206"
4169                                                                     x-bind:class="[activeIndex === 206 ? 'o-show' : '']"
4170                                                                     x-cloak>
4171                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
4172                                                                            <picture class="w-full h-full object-cover object-center">
4173                                                                                <source media="(min-width: 640px)"
4174                                                                                        data-srcset="/getmedia/89b99a35-95c8-406a-a287-b0d54ffd1a03/unsplash_ek8qn9o0wrk_1.jpg?width=414&amp;height=293&amp;ext=.jpg" />
4175                                                                                <img data-src="/getmedia/89b99a35-95c8-406a-a287-b0d54ffd1a03/unsplash_ek8qn9o0wrk_1.jpg?width=414&amp;height=293&amp;ext=.jpg"
4176                                                                                     alt="education hub"
4177                                                                                     class="js-lazy w-full h-full object-cover object-center" />
4178                                                                            </picture>
4179                                                                        </div>
4180                                                                </div>
4181                                                        </div>
4182                                                        <!-- ./ Link image -->
4183                                                    </div>
4184                                                </div>
4185                                            </div>
4186                                            <!-- ./ Dropdown -->
4187                                    </div>
4188                                </li>
4189                                <li>
4190                                    <div class="group"
4191                                         x-on:mouseenter="showMegaMenu(184)"
4192                                         x-on:mouseleave="hideMegaMenu()">
4193                                        <button type="button"
4194                                                class="relative flex items-center cursor-pointer focus:outline-none after:absolute after:w-full after:-bottom-[45px] after:left-0 after:h-0.5 after:bg-orange-400 after:transition-transform after:duration-300 after:scale-0 desk:group-hover:after:scale-100 before:absolute before:w-full before:h-8 before:bg-transparent before:top-full before:left-0 before:hidden desk:group-hover:before:block">
4195                                            <span>Who we are</span>
4196
4197                                                <span class="ml-2">
4198                                                    <svg xmlns="http://www.w3.org/2000/svg"
4199                                                         viewBox="0 0 9.86 5.99"
4200                                                         width="10"
4201                                                         height="6"
4202                                                         class="relative transition duration-300 fill-orange-500 ml-1 group-hover:rotate-180">
4203                                                        <path d="M4.93 5.99 0 1.06 1.06 0l3.87 3.87L8.8 0l1.06 1.06-4.93 4.93z" />
4204                                                    </svg>
4205
4206                                                </span>
4207                                        </button>
4208                                        <!-- ./ Item -->
4209                                            <div class="text-navy bg-white border-t border-gray-300 -z-10 block absolute transform shadow-xl top-full left-0 right-0 origin-top ease-out after:absolute after:w-full after:left-0 after:h-0 after:hidden after:top-full after:bg-navy/30 after:transition after:duration-[3000ms] desk:group-hover:after:h-screen desk:group-hover:after:block after:delay-500 after:pointer-events-none"
4210                                                 x-transition:enter="transition ease-out duration-200"
4211                                                 x-transition:enter-start="opacity-0 -translate-y-2"
4212                                                 x-transition:enter-end="opacity-100 translate-y-0"
4213                                                 x-transition:leave="transition ease-in duration-150"
4214                                                 x-transition:leave-start="opacity-100 translate-y-0"
4215                                                 x-transition:leave-end="opacity-0 -translate-y-2"
4216                                                 x-show="currentHoveredIndex === 184"
4217                                                 x-cloak>
4218                                                <div class="o-container">
4219                                                    <div class="grid grid-cols-12 gap-8">
4220                                                        <div class="col-span-4 py-16 lg:py-8 xxl:py-16 border-r border-gray-300">
4221                                                            <div class="w-full">
4222                                                                <ul class="flex flex-col space-y-10 lg:space-y-4 xxl:space-y-10">
4223                                                                        <li data-active-index=&#x27;215&#x27;>
4224                                                                            <a href="/who-we-are/about-us"
4225                                                                               x-on:click="$dispatch('push-datalayer-event', {
4226
4227                                                                                                                  event: 'navClick',
4228                                                                                                                  eventInfo: {
4229                                                                                                                    navType: 'Header nav menu',
4230                                                                                                                    elementName: 'About BINGO',
4231                                                                                                                    generalCategory: undefined,
4232                                                                                                                       userType: undefined,
4233                                                                                                                        userId: undefined
4234                                                                                                                  }
4235                                                                                                                })"
4236                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
4237                                                                               x-on:mouseover="changeTab(215)">
4238                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
4239                                                                                     x-bind:class="[activeIndex === 215 ? 'bg-orange-100' : 'bg-navy/10']">
4240                                                                                        <img data-src="/getattachment/40827396-1471-4686-bd95-1676c85e7596/bingo-roundel.png?lang=en-us&amp;ext=.png"
4241                                                                                             alt="alt"
4242                                                                                             class="js-lazy w-6" />
4243                                                                                </div>
4244
4245                                                                                <div class="ml-6 flex items-center">
4246                                                                                    <sp
4246an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
4247                                                                                          x-bind:class="[activeIndex === 215 ? 'text-orange-500' : 'text-navy']">
4248                                                                                        About BINGO
4249                                                                                    </span>
4250                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
4251                                                                                         viewBox="0 0 5.99 9.86"
4252                                                                                         fill="#ff6b41"
4253                                                                                         width="6"
4254                                                                                         height="10"
4255                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
4256                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
4257                                                                                    </svg>
4258
4259                                                                                </div>
4260                                                                            </a>
4261                                                                        </li>
4262                                                                        <li >
4263                                                                            <a href="/who-we-are/regulations-compliance"
4264                                                                               x-on:click="$dispatch('push-datalayer-event', {
4265
4266                                                                                                                  event: 'navClick',
4267                                                                                                                  eventInfo: {
4268                                                                                                                    navType: 'Header nav menu',
4269                                                                                                                    elementName: 'Regulation &amp; compliance',
4270                                                                                                                    generalCategory: undefined,
4271                                                                                                                       userType: undefined,
4272                                                                                                                        userId: undefined
4273                                                                                                                  }
4274                                                                                                                })"
4275                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
4276                                                                               x-on:mouseover="changeTab(830)">
4277                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
4278                                                                                     x-bind:class="[activeIndex === 830 ? 'bg-orange-100' : 'bg-navy/10']">
4279                                                                                        <img data-src="/getattachment/591dfa3f-9ff6-44bc-afa8-27f72d599768/group.png?lang=en-us&amp;ext=.png"
4280                                                                                             alt="alt"
4281                                                                                             class="js-lazy w-6" />
4282                                                                                </div>
4283
4284                                                                                <div class="ml-6 flex items-center">
4285                                                                                    <sp
4285an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
4286                                                                                          x-bind:class="[activeIndex === 830 ? 'text-orange-500' : 'text-navy']">
4287                                                                                        Regulation &amp; compliance
4288                                                                                    </span>
4289                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
4290                                                                                         viewBox="0 0 5.99 9.86"
4291                                                                                         fill="#ff6b41"
4292                                                                                         width="6"
4293                                                                                         height="10"
4294                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
4295                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
4296                                                                                    </svg>
4297
4298                                                                                </div>
4299                                                                            </a>
4300                                                                        </li>
4301                                                                        <li >
4302                                                                            <a href="/who-we-are/community-engagement"
4303                                                                               x-on:click="$dispatch('push-datalayer-event', {
4304
4305                                                                                                                  event: 'navClick',
4306                                                                                                                  eventInfo: {
4307                                                                                                                    navType: 'Header nav menu',
4308                                                                                                                    elementName: 'Community engagement',
4309                                                                                                                    generalCategory: undefined,
4310                                                                                                                       userType: undefined,
4311                                                                                                                        userId: undefined
4312                                                                                                                  }
4313                                                                                                                })"
4314                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
4315                                                                               x-on:mouseover="changeTab(1435)">
4316                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
4317                                                                                     x-bind:class="[activeIndex === 1435 ? 'bg-orange-100' : 'bg-navy/10']">
4318                                                                                        <img data-src="/getattachment/f81807bd-eac0-423d-b6e3-bd14a3048743/star-employee.svg?lang=en-us&amp;ext=.svg"
4319                                                                                             alt="alt"
4320                                                                                             class="js-lazy w-6" />
4321                                                                                </div>
4322
4323                                                                                <div class="ml-6 flex items-center">
4324                                                                                    <sp
4324an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
4325                                                                                          x-bind:class="[activeIndex === 1435 ? 'text-orange-500' : 'text-navy']">
4326                                                                                        Community engagement
4327                                                                                    </span>
4328                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
4329                                                                                         viewBox="0 0 5.99 9.86"
4330                                                                                         fill="#ff6b41"
4331                                                                                         width="6"
4332                                                                                         height="10"
4333                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
4334                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
4335                                                                                    </svg>
4336
4337                                                                                </div>
4338                                                                            </a>
4339                                                                        </li>
4340                                                                        <li >
4341                                                                            <a href="/who-we-are/careers"
4342                                                                               x-on:click="$dispatch('push-datalayer-event', {
4343
4344                                                                                                                  event: 'navClick',
4345                                                                                                                  eventInfo: {
4346                                                                                                                    navType: 'Header nav menu',
4347                                                                                                                    elementName: 'Careers',
4348                                                                                                                    generalCategory: undefined,
4349                                                                                                                       userType: undefined,
4350                                                                                                                        userId: undefined
4351                                                                                                                  }
4352                                                                                                                })"
4353                                                                               class="group-l2-link focus:outline-none cursor-pointer flex items-center"
4354                                                                               x-on:mouseover="changeTab(829)">
4355                                                                                <div class="h-12 w-12 rounded-lg transition flex items-center justify-center bg-navy/10 desk:group-l2-link-hover:bg-orange-100"
4356                                                                                     x-bind:class="[activeIndex === 829 ? 'bg-orange-100' : 'bg-navy/10']">
4357                                                                                        <img data-src="/getattachment/61508e4d-bec6-441d-bc77-a8eea2703151/careers.png?lang=en-us&amp;ext=.png"
4358                                                                                             alt="alt"
4359                                                                                             class="js-lazy w-6" />
4360                                                                                </div>
4361
4362                                                                                <div class="ml-6 flex items-center">
4363                                                                                    <sp
4363an class="mr-2 transiion duration-300 desk:group-l2-link-hover:text-orange-500 text-xl"
4364                                                                                          x-bind:class="[activeIndex === 829 ? 'text-orange-500' : 'text-navy']">
4365                                                                                        Careers
4366                                                                                    </span>
4367                                                                                    <svg xmlns="http://www.w3.org/2000/svg"
4368                                                                                         viewBox="0 0 5.99 9.86"
4369                                                                                         fill="#ff6b41"
4370                                                                                         width="6"
4371                                                                                         height="10"
4372                                                                                         class="relative transition duration-300 desk:group-l2-link-hover:translate-x-1">
4373                                                                                        <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
4374                                                                                    </svg>
4375
4376                                                                                </div>
4377                                                                            </a>
4378                                                                        </li>
4379                                                                </ul>
4380                                                            </div>
4381                                                        </div>
4382                                                        <!-- ./ L2 links -->
4383
4384                                                        <div class="col-span-1"></div>
4385
4386                                                        <div class="col-span-3 py-16 lg:py-8 xxl:py-16">
4387                                                                <div class="w-full" x-show="activeIndex === 215" x-bind:class="[activeIndex === 215 ? 'o-show' : '']" x-cloak>
4388                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
4389                                                                        <li>
4390                                                                            <a href="/who-we-are/about-us" x-on:click="$dispatch('push-datalayer-event', {
4391
4392                                                                                                                  event: 'navClick',
4393
4394                                                                                                                  eventInfo: {
4395
4396                                                                                                                    navType: 'Header nav menu',
4397
4398                                                                                                                    elementName: 'About BINGO',
4399
4400                                                                                                                    generalCategory: undefined,
4401                                                                                                                    userType: undefined,
4402                                                                                                                    userId: undefined
4403
4404                                                                                                                  }
4405
4406                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
4407                                                                               data-datalayertype="navClick">
4408                                                                                About BINGO
4409                                                                            </a>
4410                                                                        </li>
4411                                                                            <li>
4412                                                                                <a href="/who-we-are/about-us/future-and-strategy" x-on:click="$dispatch('push-datalayer-event', {
4413
4414                                                                                                                      event: 'navClick',
4415
4416                                                                                                                      eventInfo: {
4417
4418                                                                                                                        navType: 'Header nav menu',
4419
4420                                                                                                                        elementName: 'Our strategy and future',
4421
4422                                                                                                                        generalCategory: undefined,
4423                                                                                                                        userType: undefined,
4424                                                                                                                        userId: undefined
4425
4426                                                                                                                      }
4427
4428
4429                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
4430                                                                                   data-datalayertype="navClick">
4431                                                                                    Our strategy and future
4432                                                                                </a>
4433                                                                            </li>
4434                                                                            <li>
4435                                                                                <a href="/who-we-are/about-us/our-history" x-on:click="$dispatch('push-datalayer-event', {
4436
4437                                                                                                                      event: 'navClick',
4438
4439                                                                                                                      eventInfo: {
4440
4441                                                                                                                        navType: 'Header nav menu',
4442
4443                                                                                                                        elementName: 'Our history',
4444
4445                                                                                                                        generalCategory: undefined,
4446                                                                                                                        userType: undefined,
4447                                                                                                                        userId: undefined
4448
4449                                                                                                                      }
4450
4451
4452                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
4453                                                                                   data-datalayertype="navClick">
4454                                                                                    Our history
4455                                                                                </a>
4456                                                                            </li>
4457                                                                            <li>
4458                                                                                <a href="/who-we-are/leadership-team" x-on:click="$dispatch('push-datalayer-event', {
4459
4460                                                                                                                      event: 'navClick',
4461
4462                                                                                                                      eventInfo: {
4463
4464                                                                                                                        navType: 'Header nav menu',
4465
4466                                                                                                                        elementName: 'Leadership team',
4467
4468                                                                                                                        generalCategory: undefined,
4469                                                                                                                        userType: undefined,
4470                                                                                                                        userId: undefined
4471
4472                                                                                                                      }
4473
4474
4475                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
4476                                                                                   data-datalayertype="navClick">
4477                                                                                    Leadership team
4478                                                                                </a>
4479                                                                            </li>
4480                                                                    </ul>
4481                                                                </div>
4482                                                                <div class="w-full" x-show="activeIndex === 830" x-bind:class="[activeIndex === 830 ? 'o-show' : '']" x-cloak>
4483                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
4484                                                                        <li>
4485                                                                            <a href="/who-we-are/regulations-compl
4485iance" x-on:click="$dispatch('push-datalayer-event', {
4486
4487                                                                                                                  event: 'navClick',
4488
4489                                                                                                                  eventInfo: {
4490
4491                                                                                                                    navType: 'Header nav menu',
4492
4493                                                                                                                    elementName: 'Regulation &amp; compliance',
4494
4495                                                                                                                    generalCategory: undefined,
4496                                                                                                                    userType: undefined,
4497                                                                                                                    userId: undefined
4498
4499                                                                                                                  }
4500
4501                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
4502                                                                               data-datalayertype="navClick">
4503                                                                                Regulation &amp; compliance
4504                                                                            </a>
4505                                                                        </li>
4506                                                                            <li>
4507                                                                                <a href="/who-we-are/regulations-compliance/recycling-centre-policies" x-on:click="$dispatch('push-datalayer-event', {
4508
4509                                                                                                                      event: 'navClick',
4510
4511                                                                                                                      eventInfo: {
4512
4513                                                                                                                        navType: 'Header nav menu',
4514
4515                                                                                                                        elementName: 'Environmental Management &amp; Site Compliance Documents',
4516
4517                                                                                                                        generalCategory: undefined,
4518                                                                                                                        userType: undefined,
4519                                                                                                                        userId: undefined
4520
4521                                                                                                                      }
4522
4523
4524                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
4525                                                                                   data-datalayertype="navClick">
4526                                                                                    Environmental Management &amp; Site Compliance Documents
4527                                                                                </a>
4528                                                                            </li>
4529                                                                            <li>
4530                                                                                <a href="/who-we-are/regulations-compliance/privacy" x-on:click="$dispatch('push-datalayer-event', {
4531
4532                                                                                                                      event: 'navClick',
4533
4534                                                                                                                      eventInfo: {
4535
4536                                                                                                                        navType: 'Header nav menu',
4537
4538                                                                                                                        elementName: 'Privacy Policy',
4539
4540                                                                                                                        generalCategory: undefined,
4541                                                                                                                        userType: undefined,
4542                                                                                                                        userId: undefined
4543
4544                                                                                                                      }
4545
4546
4547                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
4548                                                                                   data-datalayertype="navClick">
4549                                                                                    Privacy Policy
4550                                                                                </a>
4551                                                                            </li>
4552                                                                            <li>
4553                                                                                <a href="/who-we-are/regulations-compl
4553iance/terms-and-conditions" x-on:click="$dispatch('push-datalayer-event', {
4554
4555                                                                                                                      event: 'navClick',
4556
4557                                                                                                                      eventInfo: {
4558
4559                                                                                                                        navType: 'Header nav menu',
4560
4561                                                                                                                        elementName: 'Terms and conditions',
4562
4563                                                                                                                        generalCategory: undefined,
4564                                                                                                                        userType: undefined,
4565                                                                                                                        userId: undefined
4566
4567                                                                                                                      }
4568
4569
4570                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
4571                                                                                   data-datalayertype="navClick">
4572                                                                                    Terms and conditions
4573                                                                                </a>
4574                                                                            </li>
4575                                                                    </ul>
4576                                                                </div>
4577                                                                <div class="w-full" x-show="activeIndex === 1435" x-bind:class="[activeIndex === 1435 ? 'o-show' : '']" x-cloak>
4578                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
4579                                                                        <li>
4580                                                                            <a href="/who-we-are/community-engagement" x-on:click="$dispatch('push-datalayer-event', {
4581
4582                                                                                                                  event: 'navClick',
4583
4584                                                                                                                  eventInfo: {
4585
4586                                                                                                                    navType: 'Header nav menu',
4587
4588                                                                                                                    elementName: 'Community engagement',
4589
4590                                                                                                                    generalCategory: undefined,
4591                                                                                                                    userType: undefined,
4592                                                                                                                    userId: undefined
4593
4594                                                                                                                  }
4595
4596                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
4597                                                                               data-datalayertype="navClick">
4598                                                                                Community engagement
4599                                                                            </a>
4600                                                                        </li>
4601                                                                            <li>
4602                                                                                <a href="/who-we-are/community-engagement/eastern-creek-ecology-park" x-on:click="$dispatch('push-datalayer-event', {
4603
4604                                                                                                                      event: 'navClick',
4605
4606                                                                                                                      eventInfo: {
4607
4608                                                                                                                        navType: 'Header nav menu',
4609
4610                                                                                                                        elementName: 'Eastern Creek Ecology Park',
4611
4612                                                                                                                        generalCategory: undefined,
4613                                                                                                                        userType: undefined,
4614                                                                                                                        userId: undefined
4615
4616                                                                                                                      }
4617
4618
4619                                                                                                                    })" class="text-lg desk:hover:text-orange-500 duration transition "
4620                                                                                   data-datalayertype="navClick">
4621                                                                                    Eastern Creek Ecology Park
4622                                                                                </a>
4623                                                                            </li>
4624                                                                    </ul>
4625                                                                </div>
4626                                                                <div class="w-full" x-show="activeIndex === 829" x-bind:class="[activeIndex === 829 ? 'o-show' : '']" x-cloak>
4627                                                                    <ul class="flex flex-col space-y-8 lg:space-y-4 xxl:space-y-8">
4628                                                                        <li>
4629                                                                            <a href="/who-we-are/careers" x-on:click="$dispatch('push-datalayer-event', {
4630
4631                                                                                                                  event: 'navClick',
4632
4633                                                                                                                  eventInfo: {
4634
4635                                                                                                                    navType: 'Header nav menu',
4636
4637                                                                                                                    elementName: 'Careers',
4638
4639                                                                                                                    generalCategory: undefined,
4640                                                                                                                    userType: undefined,
4641                                                                                                                    userId: undefined
4642
4643                                                                                                                  }
4644
4645                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition font-bold "
4646                                                                               data-datalayertype="navClick">
4647                                                                                Careers
4648                                                                            </a>
4649                                                                        </li>
4650                                                                    </ul>
4651                                                                </div>
4652                                                        </div>
4653                                                        <!-- ./ L3 links -->
4654
4655                                                        <div class="col-span-4 py-16 lg:py-8 xxl:py-16 lg:pl-5 flex flex-wrap items-start">
4656                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
4657                                                                     x-show="activeIndex === 215"
4658                                                                     x-bind:class="[activeIndex === 215 ? 'o-show' : '']"
4659                                                                     x-cloak>
4660                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
4661                                                                            <picture class="w-full h-full object-cover object-center">
4662                                                                                <source media="(min-width: 640px)"
4663                                                                                        data-srcset="/getattachment/20b7f499-89b5-44fc-9435-e74b18ff6c8a/img-02-(1).jpg?lang=en-us&amp;ext=.jpg" />
4664                                                                                <img data-src="/getattachment/20b7f499-89b5-44fc-9435-e74b18ff6c8a/img-02-(1).jpg?lang=en-us&amp;ext=.jpg"
4665                                                                                     alt="alt"
4666                                                                                     class="js-lazy w-full h-full object-cover object-center" />
4667                                                                            </picture>
4668                                                                        </div>
4669                                                                </div>
4670                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
4671                                                                     x-show="activeIndex === 830"
4672                                                                     x-bind:class="[activeIndex === 830 ? 'o-show' : '']"
4673                                                                     x-cloak>
4674                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
4675                                                                            <picture class="w-full h-full object-cover object-center">
4676                                                                                <source media="(min-width: 640px)"
4677                                                                                        data-srcset="/getmedia/758cab26-55e1-427e-a11c-31f4775a1190/unsplash_ek8qn9o0wrk-(2).jpg?width=384&amp;height=271&amp;ext=.jpg" />
4678                                                                                <img data-src="/getmedia/758cab26-55e1-427e-a11c-31f4775a1190/unsplash_ek8qn9o0wrk-(2).jpg?width=384&amp;height=271&amp;ext=.jpg"
4679                                                                                     alt="alt"
4680                                                                                     class="js-lazy w-full h-full object-cover object-center" />
4681                                                                            </picture>
4682                                                                        </div>
4683                                                                </div>
4684                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
4685                                                                     x-show="activeIndex === 1435"
4686                                                                     x-bind:class="[activeIndex === 1435 ? 'o-show' : '']"
4687                                                                     x-cloak>
4688                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
4689                                                                            <picture class="w-full h-full object-cover object-center">
4690                                                                                <source media="(min-width: 640px)"
4691                                                                                        data-srcset="/getattachment/93b6544f-aabc-424f-a460-8d36c241780c/community-engagement-image-header-(1).jpg?lang=en-us&amp;ext=.jpg" />
4692                                                                                <img data-src="/getattachment/93b6544f-aabc-424f-a460-8d36c241780c/community-engagement-image-header-(1).jpg?lang=en-us&amp;ext=.jpg"
4693                                                                                     alt="alt"
4694                                                                                     class="js-lazy w-full h-full object-cover object-center" />
4695                                                                            </picture>
4696                                                                        </div>
4697                                                                </div>
4698                                                                <div class="w-full rounded-md overflow-hidden relative pt-[65.937%]"
4699                                                                     x-show="activeIndex === 829"
4700                                                                     x-bind:class="[activeIndex === 829 ? 'o-show' : '']"
4701                                                                     x-cloak>
4702                                                                        <div class="absolute left-0 top-0 right-0 bottom-0">
4703                                                                            <picture class="w-full h-full object-cover object-center">
4704                                                                                <source media="(min-width: 640px)"
4705                                                                                        data-srcset="/getmedia/f12fa86f-1925-43f2-aeaf-b122ba98fb74/dsc02205.jpg?width=1200&amp;height=800&amp;ext=.jpg" />
4706                                                                                <img data-src="/getmedia/f12fa86f-1925-43f2-aeaf-b122ba98fb74/dsc02205.jpg?width=1200&amp;height=800&amp;ext=.jpg"
4707                                                                                     alt="alt"
4708                                                                                     class="js-lazy w-full h-full object-cover object-center" />
4709                                                                            </picture>
4710                                                                        </div>
4711                                                                </div>
4712                                                        </div>
4713                                                        <!-- ./ Link image -->
4714                                                    </div>
4715                                                </div>
4716                                            </div>
4717                                            <!-- ./ Dropdown -->
4718                                    </div>
4719                                </li>
4720                        </ul>
4721                    </nav>
4722                </div>
4723                <!-- ./ Desktop Left Links --
4723>
4724            </div>
4725            <!-- ./ Nav left -->
4726            <div class="flex items-center c-header-right">
4727                <div class="hidden desk:flex">
4728                    <ul class="flex space-x-8">
4729                            <li>
4730                                <div class="group flex items-center">
4731                                    <a href="/news"
4732                                       target="_self"
4733                                       x-on:click="$dispatch('push-datalayer-event', {
4734                               event: 'navClick',
4735                               eventInfo: {
4736                                   navType: 'Header nav menu',
4737                                   elementName: 'News &amp; events',
4738                                   generalCategory: undefined
4739                               }
4740                           })"
4741                                       class="relative flex cursor-pointer focus:outline-none after:absolute after:w-full after:-bottom-[45px] after:left-0 after:h-0.5 after:bg-orange-400 after:transition-transform after:duration-300 after:scale-0 desk:group-hover:after:scale-100 before:absolute before:w-full before:h-8 before:bg-transparent before:top-full before:left-0 before:hidden desk:group-hover:before:block">
4742                                        News &amp; events
4743                                    </a>
4744                                </div>
4745                            </li>
4746                            <li>
4747                                <div class="group flex items-center">
4748                                    <a href="/contact-us"
4749                                       target="_self"
4750                                       x-on:click="$dispatch('push-datalayer-event', {
4751                               event: 'navClick',
4752                               eventInfo: {
4753                                   navType: 'Header nav menu',
4754                                   elementName: 'Contact',
4755                                   generalCategory: undefined
4756                               }
4757                           })"
4758                                       class="relative flex cursor-pointer focus:outline-none after:absolute after:w-full after:-bottom-[45px] after:left-0 after:h-0.5 after:bg-orange-400 after:transition-transform after:duration-300 after:scale-0 desk:group-hover:after:scale-100 before:absolute before:w-full before:h-8 before:bg-transparent before:top-full before:left-0 before:hidden desk:group-hover:before:block">
4759                                        Contact
4760                                    </a>
4761                                </div>
4762                            </li>
4763                            <li>
4764                                <div class="group flex items-center">
4765                                    <a href="/paymybill"
4766                                       target="_self"
4767                                       x-on:click="$dispatch('push-datalayer-event', {
4768                               event: 'navClick',
4769                               eventInfo: {
4770                                   navType: 'Header nav menu',
4771                                   elementName: 'Pay my invoice',
4772                                   generalCategory: undefined
4773                               }
4774                           })"
4775                                       class="relative flex cursor-pointer focus:outline-none after:absolute after:w-full after:-bottom-[45px] after:left-0 after:h-0.5 after:bg-orange-400 after:transition-transform after:duration-300 after:scale-0 desk:group-hover:after:scale-100 before:absolute before:w-full before:h-8 before:bg-transparent before:top-full before:left-0 before:hidden desk:group-hover:before:block">
4776                                        Pay my invoice
4777                                    </a>
4778                                </div>
4779                            </li>
4780                            <li>
4781                                <div class="group flex items-center">
4782                                    <span class="mr-1.5 inline-block">
4783                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4784                                            <path d="M0.75 2.33333C0.75 1.59695 1.34695 1 2.08333 1H4.26949C4.55645 1 4.81121 1.18362 4.90195 1.45585L5.90049 4.45147C6.00541 4.76622 5.86292 5.11021 5.56618 5.25858L4.06134 6.011C4.79617 7.64081 6.10919 8.95383 7.739 9.68866L8.49142 8.18382C8.63979 7.88708 8.98378 7.74459 9.29853 7.84951L12.2942 8.84805C12.5664 8.93879 12.75 9.19355 12.75 9.48051V11.6667C12.75 12.403 12.153 13 11.4167 13H10.75C5.22715 13 0.75 8.52285 0.75 3V2.33333Z"
4785                                                  stroke="#F04B23" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
4786                                        </svg>
4787                                    </span>
4788
4789                                    <a href="tel:1300 424 646"
4790                                       class="relative flex cursor-pointer focus:outline-none after:absolute after:w-full after:-bottom-[45px] after:left-0 after:h-0.5 after:bg-orange-400 after:transition-transform after:duration-300 after:scale-0 desk:group-hover:after:scale-100 before:absolute before:w-full before:h-8 before:bg-transparent before:top-full before:left-0 before:hidden desk:group-hover:before:block">
4791                                        1300 424 646
4792                                    </a>
4793                                </div>
4794                            </li>
4795                    </ul>
4796                </div>
4797
4798                <!--- ./ Right Links -->
4799                <!-- /.find a recycling center -->
4800                <div class="ml-5 desk:ml-10">
4801                    <a href=""
4802                       x-on:click="openModal($event)"
4803                       class="group text-base leading-normal font-normal py-3 px-6 rounded-md flex items-center border-2 border-solid border-brand-btn bg-brand-btn text-white js-modal-open-btn"
4804                       data-modal-name="recyclingCenterLocator">
4805                        <span class="pointer-events-none">
4806                            <svg width="24"
4807                                 height="24"
4808                                 viewBox="0 0 24 24"
4809                                 fill="none"
4810                                 xmlns="http://www.w3.org/2000/svg">
4811                                <path d="M12 0.710938C13.9891 0.710938 15.8968 1.50111 17.3033 2.90764C18.7098 4.31416 19.5 6.22181 19.5 8.21094C19.5 11.7579 14 20.5919 12.421 23.0609C12.3758 23.1315 12.3135 23.1896 12.2399 23.2299C12.1664 23.2701 12.0839 23.2912 12 23.2912C11.9161 23.2912 11.8336 23.2701 11.7601 23.2299C11.6865 23.1896 11.6242 23.1315 11.579 23.0609C10 20.5929 4.5 11.7579 4.5 8.21094C4.5 6.22181 5.29018 4.31416 6.6967 2.90764C8.10322 1.50111 10.0109 0.710938 12 0.710938V0.710938Z"
4812                                      stroke="white"
4813                                      stroke-linecap="round"
4814                                      stroke-linejoin="round" />
4815                                <path d="M9 8.21094C9 9.00659 9.31607 9.76965 9.87868 10.3323C10.4413 10.8949 11.2044 11.2109 12 11.2109C12.7956 11.2109 13.5587 10.8949 14.1213 10.3323C14.6839 9.76965 15 9.00659 15 8.21094C15 7.41529 14.6839 6.65223 14.1213 6.08962C13.5587 5.52701 12.7956 5.21094 12 5.21094C11.2044 5.21094 10.4413 5.52701 9.87868 6.08962C9.31607 6.65223 9 7.41529 9 8.21094Z"
4816                                      stroke="white"
4817                                      stroke-linecap="round"
4818                                      stroke-linejoin="round" />
4819                            </svg>
4820                        </span>
4821                        <span class="pl-2 hidden md:block">
4822                            Find a recycling centre
4823                        </span>
4824                    </a>
4825                </div>
4826            </div>
4827            <!-- ./ Nav right -->
4828        </div>
4829        <!-- ./ Left and right main Nav components -->
4830    </div>
4831    <!-- ./ Wrapper -->
4832    <!--search start-->
4833    <div class="js-desktop-search-bar bg-white w-full absolute top-full left-0 border-t border-gray-300 shadow-sm text-navy transition duration-300 c-search-bar"
4834         style="display: none; height: 0px; overflow: hidden"
4835         x-ref="desktopSearchBar"
4836         x-show="isSearchActive"
4837         x-collapse>
4838        <div class="o-container">
4839            <div class="py-8">
4840                <div class="mb-10">
4841                    <div class="w-full">
4842                        <form action="/search" name="query" class="m-0 w-full block" x-on:submit.prevent="fireDatalayer($event)">
4843                            <div class="flex items-center w-full">
4844                                <button type="submit" class="flex">
4845                                    <span class="sr-only">Search button.</span>
4846                                    <svg xmlns="http://www.w3.org/2000/svg"
4847                                         viewBox="0 0 19.5 19.48"
4848                                         width="20"
4849                                         height="20"
4850                                         fill="currentColor"
4851                                         class="transition duration-300 lg:hover:fill-dark-orange">
4852                                        <path d="M18.75 19.48c-.19 0-.38-.07-.53-.22l-5.55-5.54a7.73 7.73 0 0 1-4.92 1.77C3.48 15.48 0 12.01 0 7.74S3.48 0 7.75 0s7.75 3.47 7.75 7.74c0 1.86-.66 3.58-1.77 4.91l5.55 5.54c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22ZM7.75 1.5C4.3 1.5 1.5 4.3 1.5 7.74s2.8 6.24 6.25 6.24S14 11.18 14 7.74 11.2 1.5 7.75 1.5Z" />
4853                                    </svg>
4854
4855                                </button>
4856                                <input type="text" name="searchText"
4857                                       placeholder="Search BINGO Industries..."
4858                                       class="ml-6 placeholder:text-gray-500 text-navy focus:outline-none flex-1"
4859                                       x-ref="desktopSearchInput"
4860                                       x-model="searchText"
4861                                       autofocus />
4862                            </div>
4863                        </form>
4864                    </div>
4865                </div>
4866                <!-- ./ Search input -->
4867
4868                <div class="w-full">
4869                    <div class="flex text-sm">
4870                        <span class="font-bold">Popular Searches</span>
4871
4872                        <div class="ml-6">
4873                            <ul class="flex space-x-6">
4874                                    <li>
4875                                        <a href="/paymybill" class="transition duration-300 flex underline text-blue desk:hover:text-orange-500">
4876                                            How can i pay?
4877                                        </a>
4878                                    </li>
4879                                    <li>
4880                                        <a href="/our-services/tip-your-waste" class="transition duration-300 flex underline text-blue desk:hover:text-orange-500">
4881                                            Opening Hours
4882                                        </a>
4883                                    </li>
4884                                    <li>
4885                                        <a href="/our-services/tip-your-waste" class="transition duration-300 flex underline text-blue desk:hover:text-orange-500">
4886                                            Recycling locations
4887                                        </a>
4888                                    </li>
4889                                    <li>
4890                                        <a href="/our-services/skip-bin-hire/what-can-go-in-a-bin" class="transition duration-300 flex underline text-blue desk:hover:text-orange-500">
4891                                            What can I put a skip bin?
4892                                        </a>
4893                                    </li>
4894                                    <li>
4895                                        <a href="/our-services/commercial-waste-services/types-and-sizes" class="transition duration-300 flex underline text-blue desk:hover:text-orange-500">
4896                                            What commercial bins do you offer
4897                                        </a>
4898                                    </li>
4899                            </ul>
4900                        </div>
4901                    </div>
4902                </div>
4903                <!-- ./ popular links -->
4904            </div>
4905        </div>
4906    </div>
4907
4908    <!-- ./ Desktop Search Bar -->
4909    <!--Mobile Navigation-->
4910    
4911<div class="fixed h-full w-full overflow-y-auto bg-white z-50 top-0 left-0 transition duration-300 origin-right text-navy"
4912     x-ref="mobileNavWrapper"
4913     x-show="isMobileNavOpened"
4914     x-transition:enter="transform transition ease-in-out duration-500"
4915     x-transition:enter-start="translate-x-full"
4916     x-transition:enter-end="translate-x-0"
4917     x-transition:leave="transform transition ease-in-out duration-500"
4918     x-transition:leave-start="translate-x-0"
4919     x-transition:leave-end="translate-x-full"
4920     x-cloak>
4921    <div class="flex flex-col h-full">
4922        <div class="w-full p-6">
4923            <button type="button"
4924                    class="text-orange-400"
4925                    x-on:click="toggleMobileNav()">
4926                <span class="sr-only">Close mobile navigation button</span>
4927                <svg xmlns="http://www.w3.org/2000/svg"
4928                     class="h-6 w-6"
4929                     fill="none"
4930                     viewBox="0 0 24 24"
4931                     stroke="currentColor"
4932                     stroke-width="2">
4933                    <path stroke-linecap="round"
4934                          stroke-linejoin="round"
4935                          d="M6 18L18 6M6 6l12 12" />
4936                </svg>
4937
4938            </button>
4939        </div>
4940        <!-- ./ Close button -->
4941
4942        <div class="w-full flex-1 relative overflow-hidden">
4943            <div class="absolute h-full w-full overflow-y-auto"
4944                 x-show="currentMobileNavLevel === 1"
4945                 x-transition:enter="transform transition ease-in-out duration-500"
4946                 x-transition:enter-start="translate-x-full"
4947                 x-transition:enter-end="translate-x-0"
4948                 x-transition:leave="transform transition ease-in-out duration-500"
4949                 x-transition:leave-start="translate-x-0"
4950                 x-transition:leave-end="translate-x-full">
4951                <div class="w-full">
4952                    <div class="w-full border-t border-b border-gray-300 px-8 py-6">
4953                        <div class="w-full">
4954                            <form action="/search" name="query" class="m-0 w-full block">
4955                                <div class="flex items-center">
4956                                    <button type="submit"
4957                                            class="flex"
4958                                            x-bind:class="[ isMobileSearchFocused ? 'text-orange-500' : '' ]">
4959                                        <span class="sr-only">Search button.</span>
4960                                        <svg xmlns="http://www.w3.org/2000/svg"
4961                                             viewBox="0 0 19.5 19.48"
4962                                             width="20"
4963                                             height="20"
4964                                             fill="currentColor"
4965                                             class="transition duration-300 lg:hover:fill-dark-orange">
4966                                            <path d="M18.75 19.48c-.19 0-.38-.07-.53-.22l-5.55-5.54a7.73 7.73 0 0 1-4.92 1.77C3.48 15.48 0 12.01 0 7.74S3.48 0 7.75 0s7.75 3.47 7.75 7.74c0 1.86-.66 3.58-1.77 4.91l5.55 5.54c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22ZM7.75 1.5C4.3 1.5 1.5 4.3 1.5 7.74s2.8 6.24 6.25 6.24S14 11.18 14 7.74 11.2 1.5 7.75 1.5Z" />
4967                                        </svg>
4968
4969                                    </button>
4970                                    <input type="text" name="searchText"
4971                                           placeholder="Search BINGO Industries..."
4972                                           class="ml-6 placeholder:text-gray-500 text-navy focus:outline-none flex-1"
4973                                           x-ref="mobileSearchInput"
4974                                           x-on:focus="showMobilePopularSearch()"
4975                                           x-on:blur="hideMobilePopularSearch()" />
4976                                </div>
4977                            </form>
4978                        </div>
4979                        <!-- ./ Mobile Search Form -->
4980
4981                        <div class="w-full"
4982                             style="display: none; height: 0px; overflow: hidden"
4983                             x-ref="mobilePopularSearch"
4984                             x-show="isMobileSearchFocused"
4985                             x-collapse.duration.500ms>
4986                            <div class="pt-10 w-full text-sm">
4987                                <span class="font-bold block mb-6">Popular Searches</span>
4988
4989                                <div class="w-full">
4990                                    <ul class="flex flex-col space-y-6">
4991                                            <li>
4992                                                <a href="/paymybill" class="transition duration-300 flex underline text-blue">
4993                                                    How can i pay?
4994                                                </a>
4995                                            </li>
4996                                            <li>
4997                                                <a href="/our-services/tip-your-waste" class="transition duration-300 flex underline text-blue">
4998                                                    Opening Hours
4999                                                </a>
5000                                            </li>
5001                                            <li>
5002                                                <a href="/our-services/tip-your-waste" class="transition duration-300 flex underline text-blue">
5003                                                    Recycling locations
5004                                                </a>
5005                                            </li>
5006                                            <li>
5007                                                <a href="/our-services/skip-bin-hire/what-can-go-in-a-bin" class="transition duration-300 flex underline text-blue">
5008                                                    What can I put a skip bin?
5009                                                </a>
5010                                            </li>
5011                                            <li>
5012                                                <a href="/our-services/commercial-waste-services/types-and-sizes" class="transition duration-300 flex underline text-blue">
5013                                                    What commercial bins do you offer
5014                                                </a>
5015                                            </li>
5016                                    </ul>
5017                                </div>
5018                            </div>
5019                        </div>
5020                        <!-- ./ Mobile Popular Results -->
5021                    </div>
5022                    <!-- ./ Mobile Search -->
5023                    <!-- ./ Mobile search -->
5024                </div>
5025
5026                <div class="w-full">
5027                    <div class="py-20 border-b border-gray-300">
5028                        <ul class="flex flex-col items-center space-y-16">
5029                                <li>
5030                                    <div class="w-full">
5031                                        <button type="button"
5032                                                class="text-lg flex items-center"
5033                                                x-on:click="showNavLevel(2), showSecondLevelNav(182)">
5034                                            <span>Our services</span>
5035                                            <svg xmlns="http://www.w3.org/2000/svg"
5036                                                 viewBox="0 0 5.99 9.86"
5037                                                 fill="#ff6b41"
5038                                                 width="6"
5039                                                 height="10"
5040                                                 class="ml-2">
5041                                                <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5042                                            </svg>
5043                                        </button>
5044                                    </div>
5045                                </li>
5046                                <li>
5047                                    <div class="w-full">
5048                                        <button type="button"
5049                                                class="text-lg flex items-center"
5050                                                x-on:click="showNavLevel(2), showSecondLevelNav(183)">
5051                                            <span>Sustainability</span>
5052                                            <svg xmlns="http://www.w3.org/2000/svg"
5053                                                 viewBox="0 0 5.99 9.86"
5054                                                 fill="#ff6b41"
5055                                                 width="6"
5056                                                 height="10"
5057                                                 class="ml-2">
5058                                                <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5059                                            </svg>
5060                                        </button>
5061                                    </div>
5062                                </li>
5063                                <li>
5064                                    <div class="w-full">
5065                                        <button type="button"
5066                                                class="text-lg flex items-center"
5067                                                x-on:click="showNavLevel(2), showSecondLevelNav(184)">
5068                                            <span>Who we are</span>
5069                                            <svg xmlns="http://www.w3.org/2000/svg"
5070                                                 viewBox="0 0 5.99 9.86"
5071                                                 fill="#ff6b41"
5072                                                 width="6"
5073                                                 height="10"
5074                                                 class="ml-2">
5075                                                <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5076                                            </svg>
5077                                        </button>
5078                                    </div>
5079                                </li>
5080                        </ul>
5081                    </div>
5082                    <!-- ./ Main -->
5083
5084                    <div class="py-14">
5085                        <ul class="flex flex-col items-center space-y-16" data-datalayertype="navClick">
5086                                <li>
5087                                    <a href="/news"
5088                                       target="_self"
5089                                       x-on:click="$dispatch('push-datalayer-event', {
5090                           event: 'navClick',
5091                           eventInfo: {
5092                               navType: 'Header nav menu',
5093                               elementName: 'News &amp; events',
5094                               generalCategory: undefined,
5095                               userType: undefined,
5096                               userId: undefined
5097                           }
5098                       })">
5099                                        News &amp; events
5100                                    </a>
5101                                </li>
5102                                <li>
5103                                    <a href="/contact-us"
5104                                       target="_self"
5105                                       x-on:click="$dispatch('push-datalayer-event', {
5106                           event: 'navClick',
5107                           eventInfo: {
5108                               navType: 'Header nav menu',
5109                               elementName: 'Contact',
5110                               generalCategory: undefined,
5111                               userType: undefined,
5112                               userId: undefined
5113                           }
5114                       })">
5115                                        Contact
5116                                    </a>
5117                                </li>
5118                                <li>
5119                                    <a href="/paymybill"
5120                                       target="_self"
5121                                       x-on:click="$dispatch('push-datalayer-event', {
5122                           event: 'navClick',
5123                           eventInfo: {
5124                               navType: 'Header nav menu',
5125                               elementName: 'Pay my invoice',
5126                               generalCategory: undefined,
5127                               userType: undefined,
5128                               userId: undefined
5129                           }
5130                       })">
5131                                        Pay my invoice
5132                                    </a>
5133                                </li>
5134
5135                                <li class="flex items-center space-x-2">
5136                                    <span class="inline-block">
5137                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5138                                            <path d="M0.75 2.33333C0.75 1.59695 1.34695 1 2.08333 1H4.26949C4.55645 1 4.81121 1.18362 4.90195 1.45585L5.90049 4.45147C6.00541 4.76622 5.86292 5.11021 5.56618 5.25858L4.06134 6.011C4.79617 7.64081 6.10919 8.95383 7.739 9.68866L8.49142 8.18382C8.63979 7.88708 8.98378 7.74459 9.29853 7.84951L12.2942 8.84805C12.5664 8.93879 12.75 9.19355 12.75 9.48051V11.6667C12.75 12.403 12.153 13 11.4167 13H10.75C5.22715 13 0.75 8.52285 0.75 3V2.33333Z"
5139                                                  stroke="#F04B23" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
5140                                        </svg>
5141                                    </span>
5142                                    <a href="tel:1300 424 646">
5143                                        1300 424 646
5144                                    </a>
5145                                </li>
5146                        </ul>
5147                    </div>
5148
5149                    <!-- ./ Secondary -->
5150                </div>
5151            </div>
5152            <!-- First Level -->
5153
5154            <div class="absolute h-full w-full overflow-y-auto bg-white p-12"
5155                 x-show="currentMobileNavLevel === 2"
5156                 x-transition:enter="transform transition ease-in-out duration-500"
5157                 x-transition:enter-start="translate-x-full"
5158                 x-transition:enter-end="translate-x-0"
5159                 x-transition:leave="transform transition ease-in-out duration-500"
5160                 x-transition:leave-start="translate-x-0"
5161                 x-transition:leave-end="translate-x-full">
5162                <div class="mb-12">
5163                    <button type="button" x-on:click="showNavLevel(1)">
5164                        <span class="sr-only">Go back</span>
5165                        <svg xmlns="http://www.w3.org/2000/svg"
5166                             viewBox="0 0 23.41 15.41"
5167                             fill="currentColor"
5168                             width="24"
5169                             height="16">
5170                            <path d="M23.41 6.7H3.82l5.25-5.29L7.65 0 .7 7l-.7.7.7.71 6.95 7L9.07 14 3.81 8.7h19.6v-2z" />
5171                        </svg>
5172
5173                    </button>
5174                </div>
5175                <div class="w-full">
5176                        <div class="w-full" x-show="firstLevelActiveIndex === 182">
5177                            <div class="mb-12">
5178                                <span class="pl-16 md:pl-32 text-sm leading-tight text-orange-500 block mb-4 relative before:absolute before:left-0 before:top-2 before:h-px before:w-12 before:block before:bg-orange-500">
5179                                    Our services
5180                                </span>
5181                            </div>
5182                            <div class="w-full">
5183                                <ul class="flex flex-col space-y-10">
5184                                        <li>
5185                                            <div class="w-full">
5186                                                <button type="button"
5187                                                        class="focus:outline-none cursor-pointer flex items-center"
5188                                                        x-on:click="showNavLevel(3), showThirdLevelNav(182185)">
5189                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5190                                                            <img data-src="/getmedia/23a48e83-77e3-4f42-8dcd-762e9c2bf02f/skip.svg?ext=.svg"
5191                                                                 alt="alt"
5192                                                                 class="js-lazy w-6" />
5193
5194                                                    </div>
5195                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5196
5197                                                        <span class="mr-2 text-xl text-left flex-1">Skip bin hire</span>
5198
5199                                                        <svg xmlns="http://www.w3.org/2000/svg"
5200                                                             viewB
5200ox="0 0 5.99 9.86"
5201                                                             fill="#ff6b41"
5202                                                             width="6"
5203                                                             height="10"
5204                                                             class="relative transition duration-300
5205                                                                    desk:group-l2-link-hover:translate-x-1">
5206                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5207                                                        </svg>
5208                                                    </div>
5209                                                </button>
5210                                            </div>
5211                                        </li>
5212                                        <li>
5213                                            <div class="w-full">
5214                                                <button type="button"
5215                                                        class="focus:outline-none cursor-pointer flex items-center"
5216                                                        x-on:click="showNavLevel(3), showThirdLevelNav(182188)">
5217                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5218                                                            <img data-src="/getmedia/79d03c62-0181-4534-a6c6-add43c4b2747/commercial.svg?ext=.svg"
5219                                                                 alt="alt"
5220                                                                 class="js-lazy w-6" />
5221
5222                                                    </div>
5223                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5224
5225                                                        <span class="mr-2 text-xl text-left flex-1">Commercial services</span>
5226
5227                                                        <svg xmlns="http://www.w3.org/2000/svg"
5228                                                             viewB
5228ox="0 0 5.99 9.86"
5229                                                             fill="#ff6b41"
5230                                                             width="6"
5231                                                             height="10"
5232                                                             class="relative transition duration-300
5233                                                                    desk:group-l2-link-hover:translate-x-1">
5234                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5235                                                        </svg>
5236                                                    </div>
5237                                                </button>
5238                                            </div>
5239                                        </li>
5240                                        <li>
5241                                            <div class="w-full">
5242                                                <button type="button"
5243                                                        class="focus:outline-none cursor-pointer flex items-center"
5244                                                        x-on:click="showNavLevel(3), showThirdLevelNav(182186)">
5245                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5246                                                            <img data-src="/getmedia/6369e81a-05cf-4256-a38f-bde302af608f/tip-waste.svg?ext=.svg"
5247                                                                 alt="alt"
5248                                                                 class="js-lazy w-6" />
5249
5250                                                    </div>
5251                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5252
5253                                                        <span class="mr-2 text-xl text-left flex-1">Recycling Centres</span>
5254
5255                                                        <svg xmlns="http://www.w3.org/2000/svg"
5256                                                             viewB
5256ox="0 0 5.99 9.86"
5257                                                             fill="#ff6b41"
5258                                                             width="6"
5259                                                             height="10"
5260                                                             class="relative transition duration-300
5261                                                                    desk:group-l2-link-hover:translate-x-1">
5262                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5263                                                        </svg>
5264                                                    </div>
5265                                                </button>
5266                                            </div>
5267                                        </li>
5268                                        <li>
5269                                            <div class="w-full">
5270                                                <button type="button"
5271                                                        class="focus:outline-none cursor-pointer flex items-center"
5272                                                        x-on:click="showNavLevel(3), showThirdLevelNav(182187)">
5273                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5274                                                            <img data-src="/getmedia/7b05df7e-c4a0-4be3-a09e-21f5f35e4c11/recovery.svg?ext=.svg"
5275                                                                 alt="alt"
5276                                                                 class="js-lazy w-6" />
5277
5278                                                    </div>
5279                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5280
5281                                                        <span class="mr-2 text-xl text-left flex-1">Eco product</span>
5282
5283                                                        <svg xmlns="http://www.w3.org/2000/svg"
5284                                                             viewB
5284ox="0 0 5.99 9.86"
5285                                                             fill="#ff6b41"
5286                                                             width="6"
5287                                                             height="10"
5288                                                             class="relative transition duration-300
5289                                                                    desk:group-l2-link-hover:translate-x-1">
5290                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5291                                                        </svg>
5292                                                    </div>
5293                                                </button>
5294                                            </div>
5295                                        </li>
5296                                        <li>
5297                                            <div class="w-full">
5298                                                <button type="button"
5299                                                        class="focus:outline-none cursor-pointer flex items-center"
5300                                                        x-on:click="showNavLevel(3), showThirdLevelNav(1823240)">
5301                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5302                                                            <img data-src="/getmedia/b8ccf2df-52da-43e2-8834-fdd0e9e20a1a/tyre-mattress-(1).svg?ext=.svg"
5303                                                                 alt="alt"
5304                                                                 class="js-lazy w-6" />
5305
5306                                                    </div>
5307                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5308
5309                                                        <span class="mr-2 text-xl text-left flex-1">Tyre &amp; Mattress Recycling</span>
5310
5311                                                        <svg xmlns="http://www.w3.org/2000/svg"
5312                                                             viewB
5312ox="0 0 5.99 9.86"
5313                                                             fill="#ff6b41"
5314                                                             width="6"
5315                                                             height="10"
5316                                                             class="relative transition duration-300
5317                                                                    desk:group-l2-link-hover:translate-x-1">
5318                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5319                                                        </svg>
5320                                                    </div>
5321                                                </button>
5322                                            </div>
5323                                        </li>
5324                                </ul>
5325                            </div>
5326                        </div>
5327                        <div class="w-full" x-show="firstLevelActiveIndex === 183">
5328                            <div class="mb-12">
5329                                <span class="pl-16 md:pl-32 text-sm leading-tight text-orange-500 block mb-4 relative before:absolute before:left-0 before:top-2 before:h-px before:w-12 before:block before:bg-orange-500">
5330                                    Sustainability
5331                                </span>
5332                            </div>
5333                            <div class="w-full">
5334                                <ul class="flex flex-col space-y-10">
5335                                        <li>
5336                                            <div class="w-full">
5337                                                <button type="button"
5338                                                        class="focus:outline-none cursor-pointer flex items-center"
5339                                                        x-on:click="showNavLevel(3), showThirdLevelNav(183590)">
5340                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5341                                                            <img data-src="/getmedia/660d812d-96c8-48fa-906e-e8272291e17b/sustainability.svg?ext=.svg"
5342                                                                 alt="sustainability hub"
5343                                                                 class="js-lazy w-6" />
5344
5345                                                    </div>
5346                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5347
5348                                                        <span class="mr-2 text-xl text-left flex-1">Sustainability</span>
5349
5350                                                        <svg xmlns="http://www.w3.org/2000/svg"
5351                                                             viewB
5351ox="0 0 5.99 9.86"
5352                                                             fill="#ff6b41"
5353                                                             width="6"
5354                                                             height="10"
5355                                                             class="relative transition duration-300
5356                                                                    desk:group-l2-link-hover:translate-x-1">
5357                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5358                                                        </svg>
5359                                                    </div>
5360                                                </button>
5361                                            </div>
5362                                        </li>
5363                                        <li>
5364                                            <div class="w-full">
5365                                                <button type="button"
5366                                                        class="focus:outline-none cursor-pointer flex items-center"
5367                                                        x-on:click="showNavLevel(3), showThirdLevelNav(183206)">
5368                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5369                                                            <img data-src="/getmedia/6b346292-df69-412d-a75f-b739ecfe3c9a/education-hub.svg?ext=.svg"
5370                                                                 alt="education hub"
5371                                                                 class="js-lazy w-6" />
5372
5373                                                    </div>
5374                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5375
5376                                                        <span class="mr-2 text-xl text-left flex-1">Education Hub</span>
5377
5378                                                        <svg xmlns="http://www.w3.org/2000/svg"
5379                                                             viewB
5379ox="0 0 5.99 9.86"
5380                                                             fill="#ff6b41"
5381                                                             width="6"
5382                                                             height="10"
5383                                                             class="relative transition duration-300
5384                                                                    desk:group-l2-link-hover:translate-x-1">
5385                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5386                                                        </svg>
5387                                                    </div>
5388                                                </button>
5389                                            </div>
5390                                        </li>
5391                                </ul>
5392                            </div>
5393                        </div>
5394                        <div class="w-full" x-show="firstLevelActiveIndex === 184">
5395                            <div class="mb-12">
5396                                <span class="pl-16 md:pl-32 text-sm leading-tight text-orange-500 block mb-4 relative before:absolute before:left-0 before:top-2 before:h-px before:w-12 before:block before:bg-orange-500">
5397                                    Who we are
5398                                </span>
5399                            </div>
5400                            <div class="w-full">
5401                                <ul class="flex flex-col space-y-10">
5402                                        <li>
5403                                            <div class="w-full">
5404                                                <button type="button"
5405                                                        class="focus:outline-none cursor-pointer flex items-center"
5406                                                        x-on:click="showNavLevel(3), showThirdLevelNav(184215)">
5407                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5408                                                            <img data-src="/getattachment/40827396-1471-4686-bd95-1676c85e7596/bingo-roundel.png?lang=en-us&amp;ext=.png"
5409                                                                 alt="alt"
5410                                                                 class="js-lazy w-6" />
5411
5412                                                    </div>
5413                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5414
5415                                                        <span class="mr-2 text-xl text-left flex-1">About BINGO</span>
5416
5417                                                        <svg xmlns="http://www.w3.org/2000/svg"
5418                                                             viewB
5418ox="0 0 5.99 9.86"
5419                                                             fill="#ff6b41"
5420                                                             width="6"
5421                                                             height="10"
5422                                                             class="relative transition duration-300
5423                                                                    desk:group-l2-link-hover:translate-x-1">
5424                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5425                                                        </svg>
5426                                                    </div>
5427                                                </button>
5428                                            </div>
5429                                        </li>
5430                                        <li>
5431                                            <div class="w-full">
5432                                                <button type="button"
5433                                                        class="focus:outline-none cursor-pointer flex items-center"
5434                                                        x-on:click="showNavLevel(3), showThirdLevelNav(184830)">
5435                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5436                                                            <img data-src="/getattachment/591dfa3f-9ff6-44bc-afa8-27f72d599768/group.png?lang=en-us&amp;ext=.png"
5437                                                                 alt="alt"
5438                                                                 class="js-lazy w-6" />
5439
5440                                                    </div>
5441                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5442
5443                                                        <span class="mr-2 text-xl text-left flex-1">Regulation &amp; compliance</span>
5444
5445                                                        <svg xmlns="http://www.w3.org/2000/svg"
5446                                                             viewB
5446ox="0 0 5.99 9.86"
5447                                                             fill="#ff6b41"
5448                                                             width="6"
5449                                                             height="10"
5450                                                             class="relative transition duration-300
5451                                                                    desk:group-l2-link-hover:translate-x-1">
5452                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5453                                                        </svg>
5454                                                    </div>
5455                                                </button>
5456                                            </div>
5457                                        </li>
5458                                        <li>
5459                                            <div class="w-full">
5460                                                <button type="button"
5461                                                        class="focus:outline-none cursor-pointer flex items-center"
5462                                                        x-on:click="showNavLevel(3), showThirdLevelNav(1841435)">
5463                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5464                                                            <img data-src="/getattachment/f81807bd-eac0-423d-b6e3-bd14a3048743/star-employee.svg?lang=en-us&amp;ext=.svg"
5465                                                                 alt="alt"
5466                                                                 class="js-lazy w-6" />
5467
5468                                                    </div>
5469                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5470
5471                                                        <span class="mr-2 text-xl text-left flex-1">Community engagement</span>
5472
5473                                                        <svg xmlns="http://www.w3.org/2000/svg"
5474                                                             viewB
5474ox="0 0 5.99 9.86"
5475                                                             fill="#ff6b41"
5476                                                             width="6"
5477                                                             height="10"
5478                                                             class="relative transition duration-300
5479                                                                    desk:group-l2-link-hover:translate-x-1">
5480                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5481                                                        </svg>
5482                                                    </div>
5483                                                </button>
5484                                            </div>
5485                                        </li>
5486                                        <li>
5487                                            <div class="w-full">
5488                                                <button type="button"
5489                                                        class="focus:outline-none cursor-pointer flex items-center"
5490                                                        x-on:click="showNavLevel(3), showThirdLevelNav(184829)">
5491                                                    <div class="h-12 w-12 rounded-lg flex items-center justify-center bg-navy/10">
5492                                                            <img data-src="/getattachment/61508e4d-bec6-441d-bc77-a8eea2703151/careers.png?lang=en-us&amp;ext=.png"
5493                                                                 alt="alt"
5494                                                                 class="js-lazy w-6" />
5495
5496                                                    </div>
5497                                                    <div class="pl-6 flex flex-wrap items-center flex-1 text-left">
5498
5499                                                        <span class="mr-2 text-xl text-left flex-1">Careers</span>
5500
5501                                                        <svg xmlns="http://www.w3.org/2000/svg"
5502                                                             viewB
5502ox="0 0 5.99 9.86"
5503                                                             fill="#ff6b41"
5504                                                             width="6"
5505                                                             height="10"
5506                                                             class="relative transition duration-300
5507                                                                    desk:group-l2-link-hover:translate-x-1">
5508                                                            <path d="M1.06 9.86 0 8.8l3.87-3.87L0 1.06 1.06 0l4.93 4.93-4.93 4.93z" />
5509                                                        </svg>
5510                                                    </div>
5511                                                </button>
5512                                            </div>
5513                                        </li>
5514                                </ul>
5515                            </div>
5516                        </div>
5517                </div>
5518            </div>
5519            <!-- Second level -->
5520
5521            <div class="absolute h-full w-full overflow-y-auto bg-white p-12"
5522                 x-show="currentMobileNavLevel === 3"
5523                 x-transition:enter="transform transition ease-in-out duration-500"
5524                 x-transition:enter-start="translate-x-full"
5525                 x-transition:enter-end="translate-x-0"
5526                 x-transition:leave="transform transition ease-in-out duration-500"
5527                 x-transition:leave-start="translate-x-0"
5528                 x-transition:leave-end="translate-x-full">
5529                <div class="mb-12">
5530                    <button type="button" x-on:click="showNavLevel(2)">
5531                        <span class="sr-only">Go back</span>
5532                        <svg xmlns="http://www.w3.org/2000/svg"
5533                             viewBox="0 0 23.41 15.41"
5534                             fill="currentColor"
5535                             width="24"
5536                             height="16">
5537                            <path d="M23.41 6.7H3.82l5.25-5.29L7.65 0 .7 7l-.7.7.7.71 6.95 7L9.07 14 3.81 8.7h19.6v-2z" />
5538                        </svg>
5539
5540                    </button>
5541                </div>
5542                        <div class="w-full" x-show="secondLevelActiveIndex === 182185">
5543                            <ul class="mb-6 flex flex-col space-y-10">
5544                                <li>
5545                                    <a href="/our-services/skip-bin-hire" x-on:click="$dispatch('push-datalayer-event', {
5546
5547                                                                                                              event: 'navClick',
5548
5549                                                                                                              eventInfo: {
5550
5551                                                                                                                navType: 'Header nav menu',
5552
5553                                                                                                                elementName: 'Skip bin hire',
5554                                                                                                              pageCategory: undefined
5555
5556
5557                                                                                                              }
5558
5559                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
5560                                        Skip bin hire
5561                                    </a>
5562                                </li>
5563                                    <li>
5564                                        <a href="/our-services/skip-bin-hire/where-we-service" x-on:click="$dispatch('push-datalayer-event', {
5565
5566                                                                                                                  event: 'navClick',
5567
5568                                                                                                                  eventInfo: {
5569
5570                                                                                                                    navType: 'Header nav menu',
5571
5572                                                                                                                    elementName: 'Where we service',
5573
5574                                                                                                                    pageCategory: undefined
5575
5576
5577                                                                                                                  }
5578
5579                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5580                                            Where we service
5581                                        </a>
5582                                    </li>
5583                                    <li>
5584                                        <a href="/our-services/skip-bin-hire/what-can-go-in-a-bin" x-on:click="$dispatch('push-datalayer-event', {
5585
5586                                                                                                                  event: 'navClick',
5587
5588                                                                                                                  eventInfo: {
5589
5590                                                                                                                    navType: 'Header nav menu',
5591
5592                                                                                                                    elementName: 'What can go in a bin?',
5593
5594                                                                                                                    pageCategory: undefined
5595
5596
5597                                                                                                                  }
5598
5599                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5600                                            What can go in a bin?
5601                                        </a>
5602                                    </li>
5603                                    <li>
5604                                        <a href="/our-services/skip-bin-hire/types-sizes-of-skip-bin" x-on:click="$dispatch('push-datalayer-event', {
5605
5606                                                                                                                  event: 'navClick',
5607
5608                                                                                                                  eventInfo: {
5609
5610                                                                                                                    navType: 'Header nav menu',
5611
5612                                                                                                                    elementName: 'Types &amp; sizes',
5613
5614                                                                                                                    pageCategory: undefined
5615
5616
5617                                                                                                                  }
5618
5619                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5620                                            Types &amp; sizes
5621                                        </a>
5622                                    </li>
5623                                    <li>
5624                                        <a href="/our-services/skip-bin-hire/council-permits-for-skip-bins" x-on:click="$dispatch('push-datalayer-event', {
5625
5626                                                                                                                  event: 'navClick',
5627
5628                                                                                                                  eventInfo: {
5629
5630                                                                                                                    navType: 'Header nav menu',
5631
5632                                                                                                                    elementName: 'Permits',
5633
5634                                                                                                                    pageCategory: undefined
5635
5636
5637                                                                                                                  }
5638
5639                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5640                                            Permits
5641                                        </a>
5642                                    </li>
5643                                    <li>
5644                                        <a href="/paymybill" x-on:click="$dispatch('push-datalayer-event', {
5645
5646                                                                                                                  event: 'navClick',
5647
5648                                                                                                                  eventInfo: {
5649
5650                                                                                                                    navType: 'Header nav menu',
5651
5652                                                                                                                    elementName: 'Pay my invoice',
5653
5654                                                                                                                    pageCategory: undefined
5655
5656
5657                                                                                                                  }
5658
5659                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5660                                            Pay my invoice
5661                                        </a>
5662                                    </li>
5663                            </ul>
5664                        </div>
5665                        <div class="w-full" x-show="secondLevelActiveIndex === 182188">
5666                            <ul class="mb-6 flex flex-col space-y-10">
5667                                <li>
5668                                    <a href="/our-services/commercial-waste-services" x-on:click="$dispatch('push-datalayer-event', {
5669
5670                                                                                                              event: 'navClick',
5671
5672                                                                                                              eventInfo: {
5673
5674                                                                                                                navType: 'Header nav menu',
5675
5676                                                                                                                elementName: 'Commercial services',
5677                                                                                                              pageCategory: undefined
5678
5679
5680                                                                                                              }
5681
5682                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
5683                                        Commercial services
5684                                    </a>
5685                                </li>
5686                                    <li>
5687                                        <a href="/our-services/commercial-waste-services/general-waste" x-on:click="$dispatch('push-datalayer-event', {
5688
5689                                                                                                                  event: 'navClick',
5690
5691                                                                                                                  eventInfo: {
5692
5693                                                                                                                    navType: 'Header nav menu',
5694
5695                                                                                                                    elementName: 'General waste',
5696
5697                                                                                                                    pageCategory: undefined
5698
5699
5700                                                                                                                  }
5701
5702                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5703                                            General waste
5704                                        </a>
5705                                    </li>
5706                                    <li>
5707                                        <a href="/our-services/commercial-waste-services/co-mingled" x-on:click="$dispatch('push-datalayer-event', {
5708
5709                                                                                                                  event: 'navClick',
5710
5711                                                                                                                  eventInfo: {
5712
5713                                                                                                                    navType: 'Header nav menu',
5714
5715                                                                                                                    elementName: 'Co-mingled waste',
5716
5717                                                                                                                    pageCategory: undefined
5718
5719
5720                                                                                                                  }
5721
5722                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5723                                            Co-mingled waste
5724                                        </a>
5725                                    </li>
5726                                    <li>
5727                                        <a href="/our-services/commercial-waste-services/paper-and-cardboard" x-on:click="$dispatch('push-datalayer-event', {
5728
5729                                                                                                                  event: 'navClick',
5730
5731                                                                                                                  eventInfo: {
5732
5733                                                                                                                    navType: 'Header nav menu',
5734
5735                                                                                                                    elementName: 'Paper &amp; cardboard waste',
5736
5737                                                                                                                    pageCategory: undefined
5738
5739
5740                                                                                                                  }
5741
5742                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5743                                            Paper &amp; cardboard waste
5744                                        </a>
5745                                    </li>
5746                                    <li>
5747                                        <a href="/our-services/commercial-waste-services/liquid-waste-management" x-on:click="$dispatch('push-datalayer-event', {
5748
5749                                                                                                                  event: 'navClick',
5750
5751                                                                                                                  eventInfo: {
5752
5753                                                                                                                    navType: 'Header nav menu',
5754
5755                                                                                                                    elementName: 'Liquid and bulk packaged waste',
5756
5757                                                                                                                    pageCategory: undefined
5758
5759
5760                                                                                                                  }
5761
5762                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5763                                            Liquid and bulk packaged waste
5764                                        </a>
5765                                    </li>
5766                                    <li>
5767                                        <a href="/our-services/commercial-waste-services/types-and-sizes" x-on:click="$dispatch('push-datalayer-event', {
5768
5769                                                                                                                  event: 'navClick',
5770
5771                                                                                                                  eventInfo: {
5772
5773                                                                                                                    navType: 'Header nav menu',
5774
5775                                                                                                                    elementName: 'Commercial bins and equipment',
5776
5777         
5777                                                                                                           pageCategory: undefined
5778
5779
5780                                                                                                                  }
5781
5782                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5783                                            Commercial bins and equipment
5784                                        </a>
5785                                    </li>
5786                                    <li>
5787                                        <a href="/our-services/commercial-waste-services/other-waste-services" x-on:click="$dispatch('push-datalayer-event', {
5788
5789                                                                                                                  event: 'navClick',
5790
5791                                                                                                                  eventInfo: {
5792
5793                                                                                                                    navType: 'Header nav menu',
5794
5795                                                                                                                    elementName: 'Other waste services',
5796
5797                                                                                                                    pageCategory: undefined
5798
5799
5800                                                                                                                  }
5801
5802                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5803                                            Other waste services
5804                                        </a>
5805                                    </li>
5806                                    <li>
5807                                        <a href="/our-services/commercial-waste-services/contaminated-soil" x-on:click="$dispatch('push-datalayer-event', {
5808
5809                                                                                                                  event: 'navClick',
5810
5811                                                                                                                  eventInfo: {
5812
5813                                                                                                                    navType: 'Header nav menu',
5814
5815                                                                                                                    elementName: 'Contaminated soil disposal',
5816
5817                                                                                                                    pageCategory: undefined
5818
5819
5820                                                                                                                  }
5821
5822                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5823                                            Contaminated soil disposal
5824                                        </a>
5825                                    </li>
5826                            </ul>
5827                        </div>
5828                        <div class="w-full" x-show="secondLevelActiveIndex === 182186">
5829                            <ul class="mb-6 flex flex-col space-y-10">
5830                                <li>
5831                                    <a href="/our-services/tip-your-waste" x-on:click="$dispatch('push-datalayer-event', {
5832
5833                                                                                                              event: 'navClick',
5834
5835                                                                                                              eventInfo: {
5836
5837                                                                                                                navType: 'Header nav menu',
5838
5839                                                                                                                elementName: 'Recycling Centres',
5840                                                                                                              pageCategory: undefined
5841
5842
5843                                                                                                              }
5844
5845                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
5846                                        Recycling Centres
5847                                    </a>
5848                                </li>
5849                                    <li>
5850                                        <a href="/our-services/tip-your-waste#recycling-centres-map" x-on:click="$dispatch('push-datalayer-event', {
5851
5852                                                                                                                  event: 'navClick',
5853
5854                                                                                                                  eventInfo: {
5855
5856                                                                                                                    navType: 'Header nav menu',
5857
5858                                                                                                                    elementName: 'Metro Recycling Centres',
5859
5860                                                                                                                    pageCategory: undefined
5861
5862
5863                                                                                                                  }
5864
5865                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5866                                            Metro Recycling Centres
5867                                        </a>
5868                                    </li>
5869                                    <li>
5870                                        <a href="/our-services/tip-your-waste/bingo-cootamundra-recycling-centre" x-on:click="$dispatch('push-datalayer-event', {
5871
5872                                                                                                                  event: 'navClick',
5873
5874                                                                                                                  eventInfo: {
5875
5876                                                                                                                    navType: 'Header nav menu',
5877
5878                                                                                                                    elementName: 'Regional Recycling Centre',
5879
5880                                                                                                                    pageCategory: undefined
5881
5882
5883                                                                                                                  }
5884
5885                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5886                                            Regional Recycling Centre
5887                                        </a>
5888                                    </li>
5889                            </ul>
5890                        </div>
5891                        <div class="w-full" x-show="secondLevelActiveIndex === 182187">
5892                            <ul class="mb-6 flex flex-col space-y-10">
5893                                <li>
5894                                    <a href="/our-services/eco-products" x-on:click="$dispatch('push-datalayer-event', {
5895
5896                                                                                                              event: 'navClick',
5897
5898                                                                                                              eventInfo: {
5899
5900                                                                                                                navType: 'Header nav menu',
5901
5902                                                                                                                elementName: 'Eco product',
5903                                                                                                              pageCategory: undefined
5904
5905
5906                                                                                                              }
5907
5908                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
5909                                        Eco product
5910                                    </a>
5911                                </li>
5912                            </ul>
5913                        </div>
5914                        <div class="w-full" x-show="secondLevelActiveIndex === 1823240">
5915                            <ul class="mb-6 flex flex-col space-y-10">
5916                                <li>
5917                                    <a href="/our-services/tyre-mattress-recycling-solutions" x-on:click="$dispatch('push-datalayer-event', {
5918
5919                                                                                                              event: 'navClick',
5920
5921                                                                                                              eventInfo: {
5922
5923                                                                                                                navType: 'Header nav menu',
5924
5925                                                                                                                elementName: 'Tyre &amp; Mattress Recycling',
5926                                                                                                              pageCategory: undefined
5927
5928
5929                                                                                                              }
5930
5931                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
5932                                        Tyre &amp; Mattress Recycling
5933                                    </a>
5934                                </li>
5935                            </ul>
5936                        </div>
5937                        <div class="w-full" x-show="secondLevelActiveIndex === 183590">
5938                            <ul class="mb-6 flex flex-col space-y-10">
5939                                <li>
5940                                    <a href="/sustainability" x-on:click="$dispatch('push-datalayer-event', {
5941
5942                                                                                                              event: 'navClick',
5943
5944                                                                                                              eventInfo: {
5945
5946                                                                                                                navType: 'Header nav menu',
5947
5948                                                                                                                elementName: 'Sustainability',
5949                                                                                                              pageCategory: undefined
5950
5951
5952                                                                                                              }
5953
5954                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
5955                                        Sustainability
5956                                    </a>
5957                                </li>
5958                                    <li>
5959                                        <a href="/sustainability/sustainability-report-2025" x-on:click="$dispatch('push-datalayer-event', {
5960
5961                                                                                                                  event: 'navClick',
5962
5963                                                                                                                  eventInfo: {
5964
5965                                                                                                                    navType: 'Header nav menu',
5966
5967                                                                                                                    elementName: 'Sustainability Report 2025',
5968
5969                                                                                                                    pageCategory: undefined
5970
5971
5972                                                                                                                  }
5973
5974                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
5975                                            Sustainability Report 2025
5976                                        </a>
5977                                    </li>
5978                            </ul>
5979                        </div>
5980                        <div class="w-full" x-show="secondLevelActiveIndex === 183206">
5981                            <ul class="mb-6 flex flex-col space-y-10">
5982                                <li>
5983                                    <a href="/sustainability/education-hub" x-on:click="$dispatch('push-datalayer-event', {
5984
5985                                                                                                              event: 'navClick',
5986
5987                                                                                                              eventInfo: {
5988
5989                                                                                                                navType: 'Header nav menu',
5990
5991                                                                                                                elementName: 'E
5991ducation Hub',
5992                                                                                                              pageCategory: undefined
5993
5994
5995                                                                                                              }
5996
5997                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
5998                                        Education Hub
5999                                    </a>
6000                                </li>
6001                            </ul>
6002                        </div>
6003                        <div class="w-full" x-show="secondLevelActiveIndex === 184215">
6004                            <ul class="mb-6 flex flex-col space-y-10">
6005                                <li>
6006                                    <a href="/who-we-are/about-us" x-on:click="$dispatch('push-datalayer-event', {
6007
6008                                                                                                              event: 'navClick',
6009
6010                                                                                                              eventInfo: {
6011
6012                                                                                                                navType: 'Header nav menu',
6013
6014                                                                                                                elementName: 'About BINGO',
6015                                                                                                              pageCategory: undefined
6016
6017
6018                                                                                                              }
6019
6020                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
6021                                        About BINGO
6022                                    </a>
6023                                </li>
6024                                    <li>
6025                                        <a href="/who-we-are/about-us/future-and-strategy" x-on:click="$dispatch('push-datalayer-event', {
6026
6027                                                                                                                  event: 'navClick',
6028
6029                                                                                                                  eventInfo: {
6030
6031                                                                                                                    navType: 'Header nav menu',
6032
6033                                                                                                                    elementName: 'Our strategy and future',
6034
6035                                                                                                                    pageCategory: undefined
6036
6037
6038                                                                                                                  }
6039
6040                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
6041                                            Our strategy and future
6042                                        </a>
6043                                    </li>
6044                                    <li>
6045                                        <a href="/who-we-are/about-us/our-history" x-on:click="$dispatch('push-datalayer-event', {
6046
6047                                                                                                                  event: 'navClick',
6048
6049                                                                                                                  eventInfo: {
6050
6051                                                                                                                    navType: 'Header nav menu',
6052
6053                                                                                                                    elementName: 'Our history',
6054
6055                                                                                                                    pageCategory: undefined
6056
6057
6058                                                                                                                  }
6059
6060                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
6061                                            Our history
6062                                        </a>
6063                                    </li>
6064                                    <li>
6065                                        <a href="/who-we-are/leadership-team" x-on:click="$dispatch('push-datalayer-event', {
6066
6067                                                                                                                  event: 'navClick',
6068
6069                                                                                                                  eventInfo: {
6070
6071                                                                                                                    navType: 'Header nav menu',
6072
6073                                                                                                                    elementName: 'Leadership team',
6074
6075                                                                                                                    pageCategory: undefined
6076
6077
6078                                                                                                                  }
6079
6080                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
6081                                            Leadership team
6082                                        </a>
6083                                    </li>
6084                            </ul>
6085                        </div>
6086                        <div class="w-full" x-show="secondLevelActiveIndex === 184830">
6087                            <ul class="mb-6 flex flex-col space-y-10">
6088                                <li>
6089                                    <a href="/who-we-are/regulations-compl
6089iance" x-on:click="$dispatch('push-datalayer-event', {
6090
6091                                                                                                              event: 'navClick',
6092
6093                                                                                                              eventInfo: {
6094
6095                                                                                                                navType: 'Header nav menu',
6096
6097                                                                                                                elementName: 'Regulation &amp; compliance',
6098                                                                                                              pageCategory: undefined
6099
6100
6101                                                                                                              }
6102
6103                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
6104                                        Regulation &amp; compliance
6105                                    </a>
6106                                </li>
6107                                    <li>
6108                                        <a href="/who-we-are/regulations-compliance/recycling-centre-policies" x-on:click="$dispatch('push-datalayer-event', {
6109
6110                                                                                                                  event: 'navClick',
6111
6112                                                                                                                  eventInfo: {
6113
6114                                                                                                                    navType: 'Header nav menu',
6115
6116                                                                                                                    elementName: 'Environmental Management &amp; Site Compliance Documents',
6117
6118                                                                                                                    pageCategory: undefined
6119
6120
6121                                                                                                                  }
6122
6123                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
6124                                            Environmental Management &amp; Site Compliance Documents
6125                                        </a>
6126                                    </li>
6127                                    <li>
6128                                        <a href="/who-we-are/regulations-compliance/privacy" x-on:click="$dispatch('push-datalayer-event', {
6129
6130                                                                                                                  event: 'navClick',
6131
6132                                                                                                                  eventInfo: {
6133
6134                                                                                                                    navType: 'Header nav menu',
6135
6136                                                                                                                    elementName: 'Privacy Policy',
6137
6138                                                                                                                    pageCategory: undefined
6139
6140
6141                                                                                                                  }
6142
6143                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
6144                                            Privacy Policy
6145                                        </a>
6146                                    </li>
6147                                    <li>
6148                                        <a href="/who-we-are/regulations-compl
6148iance/terms-and-conditions" x-on:click="$dispatch('push-datalayer-event', {
6149
6150                                                                                                                  event: 'navClick',
6151
6152                                                                                                                  eventInfo: {
6153
6154                                                                                                                    navType: 'Header nav menu',
6155
6156                                                                                                                    elementName: 'Terms and conditions',
6157
6158                                                                                                                    pageCategory: undefined
6159
6160
6161                                                                                                                  }
6162
6163                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
6164                                            Terms and conditions
6165                                        </a>
6166                                    </li>
6167                            </ul>
6168                        </div>
6169                        <div class="w-full" x-show="secondLevelActiveIndex === 1841435">
6170                            <ul class="mb-6 flex flex-col space-y-10">
6171                                <li>
6172                                    <a href="/who-we-are/community-engagement" x-on:click="$dispatch('push-datalayer-event', {
6173
6174                                                                                                              event: 'navClick',
6175
6176                                                                                                              eventInfo: {
6177
6178                                                                                                                navType: 'Header nav menu',
6179
6180                                                                                                                elementName: 'Community engagement',
6181                                                                                                              pageCategory: undefined
6182
6183
6184                                                                                                              }
6185
6186                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
6187                                        Community engagement
6188                                    </a>
6189                                </li>
6190                                    <li>
6191                                        <a href="/who-we-are/community-engagement/eastern-creek-ecology-park" x-on:click="$dispatch('push-datalayer-event', {
6192
6193                                                                                                                  event: 'navClick',
6194
6195                                                                                                                  eventInfo: {
6196
6197                                                                                                                    navType: 'Header nav menu',
6198
6199                                                                                                                    elementName: 'Eastern Creek Ecology Park',
6200
6201                                                                                                                    pageCategory: undefined
6202
6203
6204                                                                                                                  }
6205
6206                                                                                                                })" class="text-lg desk:hover:text-orange-500 duration transition">
6207                                            Eastern Creek Ecology Park
6208                                        </a>
6209                                    </li>
6210                            </ul>
6211                        </div>
6212                        <div class="w-full" x-show="secondLevelActiveIndex === 184829">
6213                            <ul class="mb-6 flex flex-col space-y-10">
6214                                <li>
6215                                    <a href="/who-we-are/careers" x-on:click="$dispatch('push-datalayer-event', {
6216
6217                                                                                                              event: 'navClick',
6218
6219                                                                                                              eventInfo: {
6220
6221                                                                                                                navType: 'Header nav menu',
6222
6223                                                                                                                elementName: 'Careers',
6224                                                                                                              pageCategory: undefined
6225
6226
6227                                                                                                              }
6228
6229                                                                                                            })" class="text-lg desk:hover:text-orange-500 duration transition font-bold">
6230                                        Careers
6231                                    </a>
6232                                </li>
6233                            </ul>
6234                        </div>
6235            </div>
6236            <!-- Third level -->
6237        </div>
6238    </div>
6239</div>
6240    <!-- ./ Mobile Navigation -->
6241</header>
6242<div class="absolute top-44 lg:top-52 right-0 z-20 w-full">
6243    
6244
6245
6246</div>
6247        <main class="o-wrapper ">
6248    <nav class="w-full block o-container mt-2 mb-6" aria-label="Breadcrumb">
6249        <div class="">
6250            <ul class="flex justify-start overflow-hidden overflow-ellipsis whitespace-nowrap">
6251                <li class="flex justify-start">
6252                    <a href="/" class="text-sm text-gray-500 hover:text-black font-medium">
6253                        Home
6254                    </a>
6255                    <svg class="flex-shrink-0 h-5 w-5 text-gray-300"
6256                     xmlns="http://www.w3.org/2000/svg"
6257                     fill="currentColor"
6258                     viewBox="0 0 20 20"
6259                     aria-hidden="true">
6260                        <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z" />
6261                    </svg>
6262                </li>
6263                            <li class="flex justify-start">
6264                                <a href="/who-we-are" class="text-sm text-gray-500 hover:text-black font-medium">
6265                                    Who we are
6266                                </a>
6267                                <svg class="flex-shrink-0 h-5 w-5 text-gray-300"
6268                     xmlns="http://www.w3.org/2000/svg"
6269                     fill="currentColor"
6270                     viewBox="0 0 20 20"
6271                     aria-hidden="true">
6272                                    <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z" />
6273                                </svg>
6274                            </li>
6275                            <li class="text-sm text-gray-700 font-medium w-full overflow-hidden text-ellipsis whitespace-nowrap">
6276                                About us
6277                            </li>
6278            </ul>
6279        </div>
6280    </nav>
6281
6282        <!--Defining widget zone for section-->
6283
6284
6285<!--Defining widget zone for section-->
6286
6287
6288
6289
6290
6291
6292
6293<section class="c-banner desk:px-12 desk:pt-6 mb-20">
6294    <div class="relative w-full md:overflow-hidden md:h-[565px] flex flex-wrap items-center">
6295        <div class="w-full relative md:absolute h-full pb-xl md:pb-0">
6296            <div class="w-full absolute inset-0 md:rounded-md overflow-hidden">
6297
6298                    <picture class="w-full h-full object-cover object-center js-lazy min-h-[300px]">
6299                        <source media="(max-width:640px)" srcset="">
6300                        <source media="(max-width:767px)" srcset="">
6301                        <source media="(max-width:1024px)" srcset="/getattachment/7eda2339-53cb-4cb9-9743-0dd7a1e01c01/about-banner.jpeg">
6302                        <img src="/getattachment/7eda2339-53cb-4cb9-9743-0dd7a1e01c01/about-banner.jpeg" alt="About us" class="w-full h-full block js-lazy  object-cover object-center" width="414" height="293">
6303                    </picture>
6304
6305            </div>
6306        </div>
6307        <!-- ./ Banner Image -->
6308
6309        <div class="o-container">
6310            <div class="relative flex flex-wrap -mt-12 md:-mt-0 justify-end">
6311                <div class="w-full desk:w-6/12">
6312                    <div class="bg-white shadow rounded-md px-6 md:px-12 py-8 md:py-12">
6313                        <div class="w-full">
6314                            <h1 class="text-brand-heading text-4xl md:text-5xl leading-tight md:leading-tight mb-4
6315 ">
6316                                About us
6317                            </h1>
6318
6319                            
6320                            
6321                             
6322                        </div>
6323                    </div>
6324                </div>
6325            </div>
6326        </div>
6327
6328    </div>
6329</section>
6330
6331    
6332
6333
6334<section class="my-24 desk:my-36   " id="" style="background-color:">
6335    <div class="o-container">
6336
6337        <div class="grid grid-cols-12  lg:gap-x-8 gap-y-8 ">
6338            <div class="col-span-12 lg:col-span-6 h-full">
6339                
6340
6341
6342
6343
6344
6345<div class="w-full">
6346    <div class="mb-4">
6347        <div class="flex flex-wrap items-center">
6348                <div class="w-12 md:w-26 h-px bg-brand-subheading"></div>
6349                    <span class="text-sm ml-4 text-brand-subheading">Our vision</span>
6350        </div>
6351    </div>
6352</div>
6353
6354    
6355
6356
6357
6358
6359
6360
6361        <h3 class="text-3xl lg:text-4xl leading-tight lg:leading-tight text-brand-heading">
6362            Pushing for a waste free Australia
6363        </h3>
6364
6365    
6366
6367
6368
6369
6370
6371
6372
6373
6374<div class="mb-6">   
6375</div>
6376    
6377
6378
6379
6380
6381
6382
6383
6384        <div class="c-cms-content">
6385            <p id="isPasted">BINGO is one of Australia&rsquo;s leading recycling and waste management companies with operations in the building &amp; demolition and commercial &amp; industrial sectors across the east coast of Australia.</p><p>Our vision is for a waste-free Australia. With a focus on transforming the recycling and waste industry, particularly in innovating to increase recycling rates and the diversion of valuable waste materials from landfill.</p><p>As we grow, we&rsquo;re ensuring we follow sustainable, Zero Harm practices, to protect our people, the environment, and the communities we operate in.</p><p>Our state-of-the-art recycling facilities across NSW, Victoria and Queensland accept mixed building waste that would otherwise be sent to landfill and achieves industry-leading recovery rates that are independently audited, creating a range of recycled materials used by the construction and infrastru
6385cture industry. By diverting waste from landfill to our resource recovery and recycling centres, we are helping to drive Australia towards a circular economy.</p>
6386        </div>
6387
6388
6389    
6390
6391
6392
6393
6394
6395
6396
6397
6398<div class="mb-6">   
6399</div>
6400    
6401
6402
6403            </div>
6404            <div class="col-span-12 lg:col-span-6 h-full lg:col-start-8 ">
6405                
6406
6407
6408
6409
6410
6411
6412<div class="w-full space-y-8 lg:space-y-10">
6413        <div class="w-full">
6414            <div class="flex flex-wrap">
6415                <div class="bg-gray-100 rounded-lg w-12 h-12 flex flex-wrap items-center justify-center">
6416                    <div class="w-6">
6417                                <picture class="block">
6418                                    <img data-src="/getmedia/3f70c83e-3b55-4ed1-b972-3b777870b6fd/icon-proof-point-carousel-1.svg?ext=.svg" alt="Range of Services" class="js-lazy w-full">
6419                                </picture>
6420                    </div>
6421                </div>
6422
6423                <div class="flex-1 ml-4 mt-2">
6424                        <a href="/book-a-bin">
6425                            <h5 class="text-xl text-dark-orange mb-2">
6426                                Range of Services
6427                            </h5>
6428                        </a>
6429                    <div class="w-full c-cms-content">
6430                        BINGO does it all, from skip bin hire, commercial and Industrial waste management, to construction and demolition.
6431                    </div>
6432                </div>
6433            </div>
6434        </div>
6435        <div class="w-full">
6436            <div class="flex flex-wrap">
6437                <div class="bg-gray-100 rounded-lg w-12 h-12 flex flex-wrap items-center justify-center">
6438                    <div class="w-6">
6439                                <picture class="block">
6440                                    <img data-src="/getattachment/b559eac5-3073-4823-8c09-f99b6941ee03/tip-waste.svg?lang=en-US&amp;ext=.svg" alt="Waste Types" class="js-lazy w-full">
6441                                </picture>
6442                    </div>
6443                </div>
6444
6445                <div class="flex-1 ml-4 mt-2">
6446                        <a href="/our-services/skip-bin-hire/types-sizes-of-skip-bin">
6447                            <h5 class="text-xl text-dark-orange mb-2">
6448                                Waste Types
6449                            </h5>
6450                        </a>
6451                    <div class="w-full c-cms-content">
6452                        You can rely on BINGO to help with waste of all shapes and sizes. From general and commercial waste, to liquid waste removal, small DIY projects and large construction jobs.
6453                    </div>
6454                </div>
6455            </div>
6456        </div>
6457        <div class="w-full">
6458            <div class="flex flex-wrap">
6459                <div class="bg-gray-100 rounded-lg w-12 h-12 flex flex-wrap items-center justify-center">
6460                    <div class="w-6">
6461                                <picture class="block">
6462                                    <img data-src="/getattachment/1e972925-e59b-411f-a650-9cb337bdf4b4/rangeofbins.svg?lang=en-US&amp;ext=.svg" alt="Range of Bins" class="js-lazy w-full">
6463                                </picture>
6464                    </div>
6465                </div>
6466
6467                <div class="flex-1 ml-4 mt-2">
6468                        <a href="/our-services/skip-bin-hire/types-sizes-of-skip-bin">
6469                            <h5 class="text-xl text-dark-orange mb-2">
6470                                Range of Bins
6471                            </h5>
6472                        </a>
6473                    <div class="w-full c-cms-content">
6474                        DIY reno? Large construction project? We have over 30,000 bins of every shape and size, for every purpose. BINGO. We&rsquo;ve got you covered.
6475                    </div>
6476                </div>
6477            </div>
6478        </div>
6479</div>
6480
6481
6482    
6483
6484
6485            </div>
6486        </div>
6487    </div>
6488</section>
6489
6490
6491    <section class="my-24 desk:my-36 overflow-hidden py-24 desk:py-36" id="" style="background-color: #F7F7F7"
6492         data-alpine-component="carousel"
6493         x-data="carousel({
6494                  spaceBetween: 16,
6495                breakpoints: {
6496                640:
6497                {
6498                    slidesPerView: 2
6499
6500                },
6501                768: {
6502                    spaceBetween: 32,
6503                    slidesPerView: 2
6504                },
6505                1024: {
6506                    spaceBetween: 32,
6507                    slidesPerView: 3
6508                }
6509                }
6510        })">
6511        <div class="o-container">
6512
6513            <div class="w-full mb-12 md:mb-14 flex flex-wrap items-end">
6514                <div class="w-full md:w-8/12">
6515                        <div class="w-full">
6516                            <div class="mb-4">
6517                                <div class="flex flex-wrap items-center">
6518                                    <div class="w-12 md:w-26 h-px bg-brand-subheading"></div>
6519                                </div>
6520                            </div>
6521                                    <h2 class="text-4xl lg:text-5xl leading-tight lg:leading-tight text-brand-heading">
6522                                        Explore who we are
6523                                    </h2>
6524                                <div class="mt-6 text-brand-body c-cms-content">
6525                                    BINGO provides end-to-end solutions across the resource management supply chain including collection, processing, recovery, disposal and manufacturing. Explore more of our history and how we are pushing for a waste free Australia.
6526                                </div>
6527                        </div>
6528                </div>
6529                    <div class="w-full md:w-4/12 space-x-4 hidden md:flex justify-end " x-show="!disabled" x-cloak>
6530                        <div>
6531                            <button type="button"
6532                            class="flex flex-wrap w-12 h-12 text-arrow-color md:hover:text-navy disabled:opacity-70 disabled:text-gray-500 disabled:cursor-not-allowed disabled:hover:text-gray-500"
6533                            data-datalayertype="carouselEngage"
6534                            x-on:click.prevent="moveToPrevSlide"
6535                            x-ref="prevButton">
6536                                <svg xmlns="http://www.w3.org/2000/svg"
6537                             viewB
6537ox="0 0 48 48"
6538                             fill="currentColor"
6539                             class="transition duration-300">
6540                                    <path d="M24 48C10.77 48 0 37.23 0 24S10.77 0 24 0s24 10.77 24 24-10.77 24-24 24Zm0-46.5C11.59 1.5 1.5 11.59 1.5 24S11.59 46.5 24 46.5 46.5 36.41 46.5 24 36.41 1.5 24 1.5Z" />
6541                                    <path d="M20.02 31.95c-.2 0-.4-.08-.54-.23l-6.82-7.2a.847.847 0 0 1-.14-.19s-.02-.04-.02-.05c-.03-.07-.04-.15-.05-.23v-.08c0-.08.02-.16.05-.23s.01-.04.02-.05a.66.66 0 0 1 .14-.2l6.82-7.2c.29-.3.76-.31 1.06-.03.3.28.31.76.03 1.06l-5.62 5.93h19.86c.41 0 .75.34.75.75s-.34.75-.75.75H14.94l5.62 5.93a.755.755 0 0 1-.55 1.27Z" />
6542                                </svg>
6543
6544                            </button>
6545                        </div>
6546                        <div>
6547                            <button type="button"
6548                            class="flex flex-wrap w-12 h-12 text-arrow-color md:hover:text-navy disabled:opacity-70 disabled:text-gray-500 disabled:cursor-not-allowed disabled:hover:text-gray-500"
6549                            data-datalayertype="carouselEngage"
6550                            x-on:click.prevent="moveToNextSlide"
6551                            x-ref="nextButton">
6552                                <svg xmlns="http://www.w3.org/2000/svg"
6553                             viewBox="0 0 48 48"
6554                             fill="currentColor"
6555                             class="transition duration-300">
6556                                    <path d="M27.98 31.95a.755.755 0 0 1-.55-1.27l5.62-5.93H13.2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h19.86l-5.62-5.93c-.28-.3-.27-.78.03-1.06.3-.28.77-.27 1.06.03l6.82 7.2c.06.06.1.13.14.2s.01.03.02.05c.03.07.05.15.05.23v.08c0 .08-.02.16-.05.23s-.01.03-.02.05a.66.66 0 0 1-.14.2l-6.82 7.2c-.15.16-.35.23-.54.23Z" />
6557                                    <path d="M24 48C10.77 48 0 37.23 0 24S10.77 0 24 0s24 10.77 24 24-10.77 24-24 24Zm0-46.5C11.59 1.5 1.5 11.59 1.5 24S11.59 46.5 24 46.5 46.5 36.41 46.5 24 36.41 1.5 24 1.5Z" />
6558                                </svg>
6559
6560                            </button>
6561                        </div>
6562
6563                    </div>
6564            </div>
6565
6566            <div class="[ swiper ] overflow-visible mr-8 md:mr-0 " x-ref="wrapper">
6567                <div class="[ swiper-wrapper ]">
6568                    
6569
6570
6571
6572
6573        <div class="[ swiper-slide ] col-span-12 md:col-span-4">
6574            <div class="pb-4xl relative rounded-md overflow-hidden text-white w-full">
6575                <div class="card-overlay absolute left-0 top-0 right-0 bottom-0 -z-10 before:h-24 lg:before:h-36 before:absolute before:left-0 before:right-0 before:top-auto before:bottom-0 before:z-20">
6576                          <picture class="w-full h-full object-cover object-center">
6577                            <source media="(max-width:480px)" data-srcset="/getattachment/109631b1-5b96-4309-98c0-c2aed07bc73e/_MG_7096-v2.jpg" />
6578                            <source media="(max-width:767px)"  data-srcset="/getattachment/109631b1-5b96-4309-98c0-c2aed07bc73e/_MG_7096-v2.jpg" />
6579                            <img  data-src="/getattachment/109631b1-5b96-4309-98c0-c2aed07bc73e/_MG_7096-v2.jpg"
6580                             width="592"
6581                             height="444"
6582                             alt="Leadership team"
6583                             class="js-lazy w-full h-full object-cover object-center" />
6584                          </picture>
6585                </div>
6586                    <a href="/who-we-are/leadership-team" class="group absolute left-0 top-0 bottom-0 right-0 z-20 p-6 md:p-8 flex flex-wrap items-end">
6587                        <div class="w-full flex justify-between items-center">
6588                            <span class="block text-xl lg:text-2xl">Leadership team</span>
6589
6590                            <span class="icon transition-transform duration-300 relative desk:group-hover:translate-x-2 text-arrow-color pl-4">
6591                                <svg width="25"
6592                         height="16"
6593                         viewBox="0 0 25 16"
6594                         fill="currentColor"
6595                         xmlns="http://www.w3.org/2000/svg">
6596                                    <path d="M1 7.13086C0.447715 7.13086 4.82823e-08 7.57857 0 8.13086C-4.82823e-08 8.68314 0.447715 9.13086 1 9.13086L1 7.13086ZM24.6504 8.83797C25.0409 8.44744 25.0409 7.81428 24.6504 7.42375L18.2865 1.05979C17.8959 0.669269 17.2628 0.669269 16.8722 1.05979C16.4817 1.45032 16.4817 2.08348 16.8722 2.47401L22.5291 8.13086L16.8722 13.7877C16.4817 14.1782 16.4817 14.8114 16.8722 15.2019C17.2628 15.5925 17.8959 15.5925 18.2865 15.2019L24.6504 8.83797ZM1 9.13086L23.9433 9.13086L23.9433 7.13086L1 7.13086L1 9.13086Z" />
6597                                </svg>
6598                            </span>
6599                        </div>
6600                    </a>
6601
6602
6603            </div>
6604        </div>
6605        <div class="[ swiper-slide ] col-span-12 md:col-span-4">
6606            <div class="pb-4xl relative rounded-md overflow-hidden text-white w-full">
6607                <div class="card-overlay absolute left-0 top-0 right-0 bottom-0 -z-10 before:h-24 lg:before:h-36 before:absolute before:left-0 before:right-0 before:top-auto before:bottom-0 before:z-20">
6608                          <picture class="w-full h-full object-cover object-center">
6609                            <source media="(max-width:480px)" data-srcset="/getattachment/275099d7-eb90-44db-bc89-a033d29a3300/DSC_8135w-(2).jpg" />
6610                            <source media="(max-width:767px)"  data-srcset="/getattachment/275099d7-eb90-44db-bc89-a033d29a3300/DSC_8135w-(2).jpg" />
6611                            <img  data-src="/getattachment/275099d7-eb90-44db-bc89-a033d29a3300/DSC_8135w-(2).jpg"
6612                             width="592"
6613                             height="444"
6614                             alt="Our history"
6615                             class="js-lazy w-full h-full object-cover object-center" />
6616                          </picture>
6617                </div>
6618                    <a href="/who-we-are/about-us/our-history" class="group absolute left-0 top-0 bottom-0 right-0 z-20 p-6 md:p-8 flex flex-wrap items-end">
6619                        <div class="w-full flex justify-between items-center">
6620                            <span class="block text-xl lg:text-2xl">Our history</span>
6621
6622                            <span class="icon transition-transform duration-300 relative desk:group-hover:translate-x-2 text-arrow-color pl-4">
6623                                <svg width="25"
6624                         height="16"
6625                         viewBox="0 0 25 16"
6626                         fill="currentColor"
6627                         xmlns="http://www.w3.org/2000/svg">
6628                                    <path d="M1 7.13086C0.447715 7.13086 4.82823e-08 7.57857 0 8.13086C-4.82823e-08 8.68314 0.447715 9.13086 1 9.13086L1 7.13086ZM24.6504 8.83797C25.0409 8.44744 25.0409 7.81428 24.6504 7.42375L18.2865 1.05979C17.8959 0.669269 17.2628 0.669269 16.8722 1.05979C16.4817 1.45032 16.4817 2.08348 16.8722 2.47401L22.5291 8.13086L16.8722 13.7877C16.4817 14.1782 16.4817 14.8114 16.8722 15.2019C17.2628 15.5925 17.8959 15.5925 18.2865 15.2019L24.6504 8.83797ZM1 9.13086L23.9433 9.13086L23.9433 7.13086L1 7.13086L1 9.13086Z" />
6629                                </svg>
6630                            </span>
6631                        </div>
6632                    </a>
6633
6634
6635            </div>
6636        </div>
6637        <div class="[ swiper-slide ] col-span-12 md:col-span-4">
6638            <div class="pb-4xl relative rounded-md overflow-hidden text-white w-full">
6639                <div class="card-overlay absolute left-0 top-0 right-0 bottom-0 -z-10 before:h-24 lg:before:h-36 before:absolute before:left-0 before:right-0 before:top-auto before:bottom-0 before:z-20">
6640                          <picture class="w-full h-full object-cover object-center">
6641                            <source media="(max-width:480px)" data-srcset="/getattachment/e0ea960a-4874-44f4-961c-be1617ad9a6a/OurStrategy-Future_Header_Image.jpg" />
6642                            <source media="(max-width:767px)"  data-srcset="/getattachment/e0ea960a-4874-44f4-961c-be1617ad9a6a/OurStrategy-Future_Header_Image.jpg" />
6643                            <img  data-src="/getattachment/e0ea960a-4874-44f4-961c-be1617ad9a6a/OurStrategy-Future_Header_Image.jpg"
6644                             width="592"
6645                             height="444"
6646                             alt="Our strategy and future"
6647                             class="js-lazy w-full h-full object-cover object-center" />
6648                          </picture>
6649                </div>
6650                    <a href="/who-we-are/about-us/future-and-strategy" class="group absolute left-0 top-0 bottom-0 right-0 z-20 p-6 md:p-8 flex flex-wrap items-end">
6651                        <div class="w-full flex justify-between items-center">
6652                            <span class="block text-xl lg:text-2xl">Our strategy and future</span>
6653
6654                            <span class="icon transition-transform duration-300 relative desk:group-hover:translate-x-2 text-arrow-color pl-4">
6655                                <svg width="25"
6656                         height="16"
6657                         viewBox="0 0 25 16"
6658                         fill="currentColor"
6659                         xmlns="http://www.w3.org/2000/svg">
6660                                    <path d="M1 7.13086C0.447715 7.13086 4.82823e-08 7.57857 0 8.13086C-4.82823e-08 8.68314 0.447715 9.13086 1 9.13086L1 7.13086ZM24.6504 8.83797C25.0409 8.44744 25.0409 7.81428 24.6504 7.42375L18.2865 1.05979C17.8959 0.669269 17.2628 0.669269 16.8722 1.05979C16.4817 1.45032 16.4817 2.08348 16.8722 2.47401L22.5291 8.13086L16.8722 13.7877C16.4817 14.1782 16.4817 14.8114 16.8722 15.2019C17.2628 15.5925 17.8959 15.5925 18.2865 15.2019L24.6504 8.83797ZM1 9.13086L23.9433 9.13086L23.9433 7.13086L1 7.13086L1 9.13086Z" />
6661                                </svg>
6662                            </span>
6663                        </div>
6664                    </a>
6665
6666
6667            </div>
6668        </div>
6669
6670
6671
6672    
6673
6674
6675                </div>
6676            </div>
6677        </div>
6678    </section>
6679<section class="my-24 desk:my-36  " id="" style="background-color:">
6680    <div class="o-container">
6681            <div class="w-full mb-12 md:mb-14 flex flex-wrap items-end">
6682                <div class="full md:w-8/12">
6683
6684                        <div class="mb-4">
6685                            <div class="flex flex-wrap items-center">
6686                                    <div class="w-12 md:w-26 h-px bg-brand-subheading"></div>
6687                                <span class="text-sm ml-4 text-brand-subheading">
6688                                </span>
6689
6690                            </div>
6691                        </div>
6692                            <h2 class="text-4xl lg:text-5xl leading-tight lg:leading-tight text-brand-heading">
6693                                Why GO BINGO?
6694                            </h2>
6695                        <div class="text-brand-body text-lg leading-snug mt-6">
6696                            Why choose BINGO for your next job?
6697                        </div>
6698                </div>
6699
6700
6701            </div>
6702
6703
6704
6705        <div class="grid grid-cols-12 lg:gap-x-8 gap-y-8">
6706            <div class="col-span-12 lg:col-span-4 h-full">
6707                
6708
6709
6710
6711
6712
6713
6714        <div class="[ swiper-slide ] col-span-12 md:col-span-4">
6715            <div class="w-full">
6716                <div class="flex flex-wrap justify-center">
6717                        <div class="flex flex-wrap justify-center">
6718                            <div class="w-28 h-28 rounded-full bg-orange-500/10 flex justify-center items-center">
6719                                <img src="/getattachment/effe0a82-a725-4803-9dac-b09e7a16e380/icon_USP_innovative-solutions.svg?lang=en-US&amp;ext=.svg" />
6720                            </div>
6721                        </div>
6722
6723                </div>
6724                <div class="">
6725                    <div class="my-6 text-2xl text-navy">
6726                        <span>
6727
6728                            Innovative solutions
6729
6730                        </span>
6731                    </div>
6732                    <div class="text-gray-700 c-cms-content">
6733                        <span>
6734
6735                            We pride ourselves on innovation and constantly strive to stay ahead of the curve, providing advanced solutions in recycling and waste management.
6736
6737                        </span>
6738                    </div>
6739                </div>
6740            </div>
6741        </div>
6742
6743
6744
6745
6746
6747
6748
6749
6750    
6751
6752
6753            </div>
6754            <div class="col-span-12 lg:col-span-4 h-full">
6755                
6756
6757
6758
6759
6760
6761
6762        <div class="[ swiper-slide ] col-span-12 md:col-span-4">
6763            <div class="w-full">
6764                <div class="flex flex-wrap justify-center">
6765                        <div class="flex flex-wrap justify-center">
6766                            <div class="w-28 h-28 rounded-full bg-orange-500/10 flex justify-center items-center">
6767                                <img src="/getattachment/331689e5-038d-4cd5-a086-9f7cf2057c19/icon_USP_reliable-service.svg?lang=en-US&amp;ext=.svg" />
6768                            </div>
6769                        </div>
6770
6771                </div>
6772                <div class="">
6773                    <div class="my-6 text-2xl text-navy">
6774                        <span>
6775
6776                            Reliable Service
6777
6778                        </span>
6779                    </div>
6780                    <div class="text-gray-700 c-cms-content">
6781                        <span>
6782
6783                            Our team brings unparalleled expertise to ensure deliver on great service, from our drivers, to our call centre, to our digital self-serve platform we strive to deliver excellent service to our customers.
6784
6785                        </span>
6786                    </div>
6787                </div>
6788            </div>
6789        </div>
6790
6791
6792
6793
6794
6795
6796
6797
6798    
6799
6800
6801            </div>
6802            <div class="col-span-12 lg:col-span-4 h-full">
6803                
6804
6805
6806
6807
6808
6809
6810        <div class="[ swiper-slide ] col-span-12 md:col-span-4">
6811            <div class="w-full">
6812                <div class="flex flex-wrap justify-center">
6813                        <div class="flex flex-wrap justify-center">
6814                            <div class="w-28 h-28 rounded-full bg-orange-500/10 flex justify-center items-center">
6815                                <img src="/getattachment/95fe434d-82fa-4cbf-9545-4aaca46e4ee3/icon_USP_sustainable-excellence.svg?lang=en-US&amp;ext=.svg" />
6816                            </div>
6817                        </div>
6818
6819                </div>
6820                <div class="">
6821                    <div class="my-6 text-2xl text-navy">
6822                        <span>
6823
6824                            Sustainable Excellence
6825
6826                        </span>
6827                    </div>
6828                    <div class="text-gray-700 c-cms-content">
6829                        <span>
6830
6831                            We go beyond just being environmentally friendly. Our commitment to sustainability runs deep, as we actively contribute to creating a circular economy with industry leading and independently audited recovery rates.
6832
6833                        </span>
6834                    </div>
6835                </div>
6836            </div>
6837        </div>
6838
6839
6840
6841
6842
6843
6844
6845
6846    
6847
6848
6849            </div>
6850        </div>
6851    </div>
6852</section>
6853    <section class="my-24 desk:my-36 overflow-hidden " id="" style="background-color:"
6854         data-alpine-component="carousel"
6855         x-data="carousel({
6856                  spaceBetween: 16,
6857                breakpoints: {
6858                640:
6859                {
6860                    slidesPerView: 2
6861
6862                },
6863                768: {
6864                    spaceBetween: 32,
6865                    slidesPerView: 2
6866                },
6867                1024: {
6868                    spaceBetween: 32,
6869                    slidesPerView: 4
6870                }
6871                }
6872        })">
6873        <div class="o-container">
6874
6875            <div class="w-full mb-12 md:mb-14 flex flex-wrap items-end">
6876                <div class="w-full md:w-8/12">
6877                        <div class="w-full">
6878                            <div class="mb-4">
6879                                <div class="flex flex-wrap items-center">
6880                                    <div class="w-12 md:w-26 h-px bg-brand-subheading"></div>
6881                                        <span class="text-sm ml-4 text-brand-subheading">Our values</span>
6882                                </div>
6883                            </div>
6884                                    <h2 class="text-4xl lg:text-5xl leading-tight lg:leading-tight text-brand-heading">
6885                                        The BINGO way 
6886                                    </h2>
6887                                <div class="mt-6 text-brand-body c-cms-content">
6888                                    At BINGO, enough is never enough. We live every day the BINGO way, living our strong family values and pushing each other onwards to do more, and do better, the BINGO way. 
6889                                </div>
6890                        </div>
6891                </div>
6892                    <div class="w-full md:w-4/12 space-x-4 hidden md:flex justify-end " x-show="!disabled" x-cloak>
6893                        <div>
6894                            <button type="button"
6895                            class="flex flex-wrap w-12 h-12 text-arrow-color md:hover:text-navy disabled:opacity-70 disabled:text-gray-500 disabled:cursor-not-allowed disabled:hover:text-gray-500"
6896                            data-datalayertype="carouselEngage"
6897                            x-on:click.prevent="moveToPrevSlide"
6898                            x-ref="prevButton">
6899                                <svg xmlns="http://www.w3.org/2000/svg"
6900                             viewBox="0 0 48 48"
6901                             fill="currentColor"
6902                             class="transition duration-300">
6903                                    <path d="M24 48C10.77 48 0 37.23 0 24S10.77 0 24 0s24 10.77 24 24-10.77 24-24 24Zm0-46.5C11.59 1.5 1.5 11.59 1.5 24S11.59 46.5 24 46.5 46.5 36.41 46.5 24 36.41 1.5 24 1.5Z" />
6904                                    <path d="M20.02 31.95c-.2 0-.4-.08-.54-.23l-6.82-7.2a.847.847 0 0 1-.14-.19s-.02-.04-.02-.05c-.03-.07-.04-.15-.05-.23v-.08c0-.08.02-.16.05-.23s.01-.04.02-.05a.66.66 0 0 1 .14-.2l6.82-7.2c.29-.3.76-.31 1.06-.03.3.28.31.76.03 1.06l-5.62 5.93h19.86c.41 0 .75.34.75.75s-.34.75-.75.75H14.94l5.62 5.93a.755.755 0 0 1-.55 1.27Z" />
6905                                </svg>
6906
6907                            </button>
6908                        </div>
6909                        <div>
6910                            <button type="button"
6911                            class="flex flex-wrap w-12 h-12 text-arrow-color md:hover:text-navy disabled:opacity-70 disabled:text-gray-500 disabled:cursor-not-allowed disabled:hover:text-gray-500"
6912                            data-datalayertype="carouselEngage"
6913                            x-on:click.prevent="moveToNextSlide"
6914                            x-ref="nextButton">
6915                                <svg xmlns="http://www.w3.org/2000/svg"
6916                             viewBox="0 0 48 48"
6917                             fill="currentColor"
6918                             class="transition duration-300">
6919                                    <path d="M27.98 31.95a.755.755 0 0 1-.55-1.27l5.62-5.93H13.2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h19.86l-5.62-5.93c-.28-.3-.27-.78.03-1.06.3-.28.77-.27 1.06.03l6.82 7.2c.06.06.1.13.14.2s.01.03.02.05c.03.07.05.15.05.23v.08c0 .08-.02.16-.05.23s-.01.03-.02.05a.66.66 0 0 1-.14.2l-6.82 7.2c-.15.16-.35.23-.54.23Z" />
6920                                    <path d="M24 48C10.77 48 0 37.23 0 24S10.77 0 24 0s24 10.77 24 24-10.77 24-24 24Zm0-46.5C11.59 1.5 1.5 11.59 1.5 24S11.59 46.5 24 46.5 46.5 36.41 46.5 24 36.41 1.5 24 1.5Z" />
6921                                </svg>
6922
6923                            </button>
6924                        </div>
6925
6926                    </div>
6927            </div>
6928
6929            <div class="[ swiper ] overflow-visible mr-8 md:mr-0 " x-ref="wrapper">
6930                <div class="[ swiper-wrapper ]">
6931                    
6932
6933
6934
6935
6936
6937    <div class="[ swiper-slide ] col-span-12 md:col-span-4">
6938        <div class="w-full h-full">
6939            <div class="border border-gray-300 rounded-md p-6 h-full">
6940                    <div class="bg-orange-50 pb-5 px-4 h-full">
6941                        <div class="w-full flex flex-wrap items-center justify-center">
6942                            <div class="py-12">
6943                                <div class="w-20 max-h-20">
6944                                          <picture class="block">
6945                                            <img data-src="/getmedia/1fa89795-8d8e-4dc2-b677-0347132a93a9/besafe_1.svg?ext=.svg"
6946                                                 width="80"
6947                                                 height="80"
6948                                                 alt="Always safe"
6949                                                 class="js-lazy w-full h-full object-cover object-center" />
6950                                        </picture>
6951                                </div>
6952                            </div>
6953                        </div>
6954
6955                        <div class="w-full">
6956                            <div class="text-lg text-navy font-bold">
6957                                Be Safe
6958                            </div>
6959
6960                            <div class="mt-2 text-sm c-cms-content">
6961                                The safety of ourselves, our team mates and our community is our priority. Every day we make a commitment to achieving Zero Harm and getting everyone home safe.
6962                            </div>
6963                        </div>
6964                    </div>
6965            </div>
6966        </div>
6967    </div>
6968    <div class="[ swiper-slide ] col-span-12 md:col-span-4">
6969        <div class="w-full h-full">
6970            <div class="border border-gray-300 rounded-md p-6 h-full">
6971                    <div class="bg-orange-50 pb-5 px-4 h-full">
6972                        <div class="w-full flex flex-wrap items-center justify-center">
6973                            <div class="py-12">
6974                                <div class="w-20 max-h-20">
6975                                          <picture class="block">
6976                                            <img data-src="/getmedia/5a2604ea-37cc-4f74-8764-4ae712bd542f/InsideLaw-Icon_1.svg?ext=.svg"
6977                                                 width="80"
6978                                                 height="80"
6979                                                 alt="Inside the law "
6980                                                 class="js-lazy w-full h-full object-cover object-center" />
6981                                        </picture>
6982                                </div>
6983                            </div>
6984                        </div>
6985
6986                        <div class="w-full">
6987                            <div class="text-lg text-navy font-bold">
6988                                Inside the law
6989                            </div>
6990
6991                            <div class="mt-2 text-sm c-cms-content">
6992                                BINGO and all our people are honest, ethical and fair. We abide by all laws and BINGO policies and procedures to protect our safety in the workplace and preserve the environment.
6993                            </div>
6994                        </div>
6995                    </div>
6996            </div>
6997        </div>
6998    </div>
6999    <div class="[ swiper-slide ] col-span-12 md:col-span-4">
7000        <div class="w-full h-full">
7001            <div class="border border-gray-300 rounded-md p-6 h-full">
7002                    <div class="bg-orange-50 pb-5 px-4 h-full">
7003                        <div class="w-full flex flex-wrap items-center justify-center">
7004                            <div class="py-12">
7005                                <div class="w-20 max-h-20">
7006                                          <picture class="block">
7007                                            <img data-src="/getmedia/403a736f-05b4-414e-8f3d-dfcc1577ad5a/NeverSayNever_2.svg?ext=.svg"
7008                                                 width="80"
7009                                                 height="80"
7010                                                 alt="Never say never "
7011                                                 class="js-lazy w-full h-full object-cover object-center" />
7012                                        </picture>
7013                                </div>
7014                            </div>
7015                        </div>
7016
7017                        <div class="w-full">
7018                            <div class="text-lg text-navy font-bold">
7019                                Never say never
7020                            </div>
7021
7022                            <div class="mt-2 text-sm c-cms-content">
7023                                We believe there are only solutions - never problems. We strive to learn and grow so that we can better serve our customers and build a sustainable future.
7024                            </div>
7025                        </div>
7026                    </div>
7027            </div>
7028        </div>
7029    </div>
7030    <div class="[ swiper-slide ] col-span-12 md:col-span-4">
7031        <div class="w-full h-full">
7032            <div class="border border-gray-300 rounded-md p-6 h-full">
7033                    <div class="bg-orange-50 pb-5 px-4 h-full">
7034                        <div class="w-full flex flex-wrap items-center justify-center">
7035                            <div class="py-12">
7036                                <div class="w-20 max-h-20">
7037                                          <picture class="block">
7038                                            <img data-src="/getmedia/06780625-5b5c-4e10-8432-4a6311efb187/Greatness-Earned-Icon_1.svg?ext=.svg"
7039                                                 width="80"
7040                                                 height="80"
7041                                                 alt="Greatness is earned"
7042                                                 class="js-lazy w-full h-full object-cover object-center" />
7043                                        </picture>
7044                                </div>
7045                            </div>
7046                        </div>
7047
7048                        <div class="w-full">
7049                            <div class="text-lg text-navy font-bold">
7050                                Greatness is earned
7051                            </div>
7052
7053                            <div class="mt-2 text-sm c-cms-content">
7054                                We aim to be great, not good. We adopt the best ideas and make them happen so that we can stand out from the pack.
7055                            </div>
7056                        </div>
7057                    </div>
7058            </div>
7059        </div>
7060    </div>
7061    <div class="[ swiper-slide ] col-span-12 md:col-span-4">
7062        <div class="w-full h-full">
7063            <div class="border border-gray-300 rounded-md p-6 h-full">
7064                    <div class="bg-orange-50 pb-5 px-4 h-full">
7065                        <div class="w-full flex flex-wrap items-center justify-center">
7066                            <div class="py-12">
7067                                <div class="w-20 max-h-20">
7068                                          <picture class="block">
7069                                            <img data-src="/getmedia/be1b0144-bac4-4243-9d04-21ee73ddb0f2/One-Team-Icon_1.svg?ext=.svg"
7070                                                 width="80"
7071                                                 height="80"
7072                                                 alt="One team, one family"
7073                                                 class="js-lazy w-full h-full object-cover object-center" />
7074                                        </picture>
7075                                </div>
7076                            </div>
7077                        </div>
7078
7079                        <div class="w-full">
7080                            <div class="text-lg text-navy font-bold">
7081                                One team, one family
7082                            </div>
7083
7084                            <div class="mt-2 text-sm c-cms-content">
7085                                We are a company built on family values. We take care of each other, the environment and our communities - while working together to deliver industry leading service.
7086                            </div>
7087                        </div>
7088                    </div>
7089            </div>
7090        </div>
7091    </div>
7092
7093
7094
7095    
7096
7097
7098                </div>
7099            </div>
7100        </div>
7101    </section>
7102
7103    <section class="my-24 desk:my-36 py-24 desk:py-36"  style="background-color:#060E1E">
7104        <div class="o-container">
7105            <div class="grid grid-cols-12 bg-white overflow-hidden rounded-md lg:min-h-[585px]">
7106                <div style="background-color:" class="col-span-12 lg:col-span-6">
7107                    <div class="w-full h-full flex items-center flex-wrap px-6 lg:px-12 py-14">
7108                        <div class="w-full">
7109                            
7110
7111
7112
7113
7114
7115<div class="w-full">
7116    <div class="mb-4">
7117        <div class="flex flex-wrap items-center">
7118                <div class="w-12 md:w-26 h-px bg-brand-subheading"></div>
7119                    <span class="text-sm ml-4 text-brand-subheading">Learn more</span>
7120        </div>
7121    </div>
7122</div>
7123
7124    
7125
7126
7127
7128
7129
7130
7131        <h2 class="text-3xl lg:text-4xl leading-tight lg:leading-tight text-brand-heading">
7132            Want to find out more about how BINGO is working towards a more sustainable future?
7133        </h2>
7134
7135    
7136
7137
7138
7139
7140
7141
7142
7143
7144<div class="mb-8">   
7145</div>
7146    
7147
7148
7149
7150
7151
7152
7153
7154<div class="inline-block">
7155
7156            <a href="/sustainability" class="group text-base leading-normal font-normal py-3 px-6 rounded-md flex items-center border-2 border-solid border-brand-btn bg-brand-btn text-white  js-cta-dataLayer-event" >
7157                Sustainability Hub
7158                <span class="pl-4 transform desk:group-hover:translate-x-2 transition ease-out duration-300">
7159                    <svg width="18" height="8" viewBox="0 0 18 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
7160                        <path d="M16.3536 4.35355C16.5488 4.15829 16.5488 3.84171 16.3536 3.64645L13.1716 0.464466C12.9763 0.269204 12.6597 0.269204 12.4645 0.464466C12.2692 0.659728 12.2692 0.976311 12.4645 1.17157L15.2929 4L12.4645 6.82843C12.2692 7.02369 12.2692 7.34027 12.4645 7.53553C12.6597 7.7308 12.9763 7.7308 13.1716 7.53553L16.3536 4.35355ZM0 4.5L16 4.5V3.5L0 3.5L0 4.5Z" fill="currentColor"></path>
7161                    </svg>
7162                </span>
7163            </a>
7164
7165</div>
7166    
7167
7168
7169                        </div>
7170                    </div>
7171                </div>
7172                <!-- ./ Text Content -->
7173                <div class="col-span-12 lg:col-span-6 " >
7174                        <div class="w-full h-full relative">
7175                            <div class="w-full h-full">
7176                                
7177
7178
7179
7180
7181
7182
7183                    <picture class="block -mr-0.5">
7184                        <source media="max-width:767px" data-srcset="/getmedia/8b18e57e-006f-46ee-8662-19f3d9d478e8/img-04_3.jpg" />
7185                        <source media="min-width:465px" data-srcset="/getmedia/8b18e57e-006f-46ee-8662-19f3d9d478e8/img-04_3.jpg" />
7186                        <img
7187                         data-src="/getmedia/8b18e57e-006f-46ee-8662-19f3d9d478e8/img-04_3.jpg"
7188                         height="450"
7189                         width="700"
7190                         class="js-lazy w-full lg:h-full aspect-square lg:aspect-auto" />
7191                    </picture>
7192
7193
7194
7195    
7196
7197
7198                            </div>
7199                        </div>
7200                </div>
7201                <!-- ./ Media -->
7202            </div>
7203        </div>
7204    </section>
7205
7206
7207    </main>
7208
7209
7210        
7211
7212
7213
7214<section class="relative -mb-44 md:-mb-24 z-20">
7215    <div class="o-container">
7216        <div class="grid grid-cols-12 bg-gray-200 rounded-md overflow-hidden">
7217            <div class="img col-span-12 md:col-span-4 relative pt-md md:pt-0">
7218                <div class="absolute left-0 right-0 top-0 bottom-0">
7219                        <picture class="w-full">
7220                            <source media="(min-width:465px)" srcset="/getmedia/21f72c6f-0155-45d0-a537-0d2f4ca587c0/footer-cta-img.jpg?width=384&amp;height=200&amp;ext=.jpg" />
7221                            <img data-src="/getmedia/21f72c6f-0155-45d0-a537-0d2f4ca587c0/footer-cta-img.jpg?width=384&amp;height=200&amp;ext=.jpg"
7222                                 alt="In the spirit of reconciliation, BINGO acknowledges the Traditional Custodians of Country throughout Australia and acknowledge and respect their connections to land, sea and community. &#xD;&#xA;We pay respect to Elders both past and present and stand together with First Nations leaders of today and tomorrow. &#xD;&#xA;"
7223                                 class="w-full h-full object-cover js-lazy" />
7224                        </picture>
7225                </div>
7226            </div>
7227            <div class="content col-span-12 md:col-span-8">
7228                <div class="p-8 lg:p-14 text-black">
7229                    <p>
7230                        In the spirit of reconciliation, BINGO acknowledges the Traditional Custodians of Country throughout Australia and acknowledge and respect their connections to land, sea and community. &#xD;&#xA;We pay respect to Elders both past and present and stand together with First Nations leaders of today and tomorrow. &#xD;&#xA;
7231                    </p>
7232                </div>
7233            </div>
7234        </div>
7235    </div>
7236</section>
7237
7238<footer class="relative z-10 bg-white" x-data x-title="Footer">
7239    <div class="relative bg-brand-heading">
7240        <div class="o-container pt-56 md:pt-48 pb-20">
7241            <!--Social Icons-->
7242            <div class="grid grid-cols-12 mb-16 lg:mb-20 items-center">
7243                <div class="col-span-12 lg:col-span-6">
7244                    <div class="pb-16 lg:pb-0">
7245                        <ul class="flex flex-wrap justify-center lg:justify-start -mb-4">
7246                                <li class="mr-6 mb-4 last:mr-0">
7247                                    <a href="https://www.linkedin.com/company/bingo-industries/"
7248                                   x-data x-title='Linkedin'
7249                                   x-on:click="$dispatch('push-datalayer-event', {
7250                                                      event: 'socialClick',
7251                                                      eventInfo: {
7252                                                        pageName: 'About us',
7253                                                        elementName: 'Linkedin',
7254                                                             pageCategory: 'Category',
7255						                                    userType: undefined,
7256						                                    userId: undefined
7257                                                      }
7258                                                      })"
7259                                   class="w-10 h-10 rounded-full overflow-hidden block" target=&#x27;_blank&#x27;>
7260                                            <img class="js-lazy"
7261                                         src="/getmedia/42ecd807-6fd1-4a1d-949e-1c1380110f15/linkedin.svg?ext=.svg"
7262                                         alt="alt" width="40" height="40" />
7263
7264                                    </a>
7265
7266                                </li>
7267                                <li class="mr-6 mb-4 last:mr-0">
7268                                    <a href="https://www.facebook.com/bingoindustries"
7269                                   x-data x-title='Facebook'
7270                                   x-on:click="$dispatch('push-datalayer-event', {
7271                                                      event: 'socialClick',
7272                                                      eventInfo: {
7273                                                        pageName: 'About us',
7274                                                        elementName: 'Facebook',
7275                                                             pageCategory: 'Category',
7276						                                    userType: undefined,
7277						                                    userId: undefined
7278                                                      }
7279                                                      })"
7280                                   class="w-10 h-10 rounded-full overflow-hidden block" target=&#x27;_blank&#x27;>
7281                                            <img class="js-lazy"
7282                                         src="/getmedia/241b74d6-53c7-45fb-a603-693e3be6a7f9/facebook.svg?ext=.svg"
7283                                         alt="alt" width="40" height="40" />
7284
7285                                    </a>
7286
7287                                </li>
7288                                <li class="mr-6 mb-4 last:mr-0">
7289                                    <a href="https://www.instagram.com/bingoindustries/"
7290                                   x-data x-title='Instagram'
7291                                   x-on:click="$dispatch('push-datalayer-event', {
7292                                                      event: 'socialClick',
7293                                                      eventInfo: {
7294                                                        pageName: 'About us',
7295                                                        elementName: 'Instagram',
7296                                                             pageCategory: 'Category',
7297						                                    userType: undefined,
7298						                                    userId: undefined
7299                                                      }
7300                                                      })"
7301                                   class="w-10 h-10 rounded-full overflow-hidden block" target=&#x27;_blank&#x27;>
7302                                            <img class="js-lazy"
7303                                         src="/getmedia/345c3166-2870-44ba-9838-03908ca963bd/instagram.svg?ext=.svg"
7304                                         alt="alt" width="40" height="40" />
7305
7306                                    </a>
7307
7308                                </li>
7309                                <li class="mr-6 mb-4 last:mr-0">
7310                                    <a href="/contact-us?form=newsletter"
7311                                   x-data x-title='Mail'
7312                                   x-on:click="$dispatch('push-datalayer-event', {
7313                                                      event: 'socialClick',
7314                                                      eventInfo: {
7315                                                        pageName: 'About us',
7316                                                        elementName: 'Mail',
7317                                                             pageCategory: 'Category',
7318						                                    userType: undefined,
7319						                                    userId: undefined
7320                                                      }
7321                                                      })"
7322                                   class="w-10 h-10 rounded-full overflow-hidden block" target=&#x27;_blank&#x27;>
7323                                            <img class="js-lazy"
7324                                         src="/getmedia/995d8b3d-3f5f-4e69-9181-d8e90251880f/mail.svg?ext=.svg"
7325                                         alt="alt" width="40" height="40" />
7326
7327                                    </a>
7328
7329                                </li>
7330                                <li class="mr-6 mb-4 last:mr-0">
7331                                    <a href="https://www.youtube.com/c/bingogroupau"
7332                                   x-data x-title='Youtube'
7333                                   x-on:click="$dispatch('push-datalayer-event', {
7334                                                      event: 'socialClick',
7335                                                      eventInfo: {
7336                                                        pageName: 'About us',
7337                                                        elementName: 'Youtube',
7338                                                             pageCategory: 'Category',
7339						                                    userType: undefined,
7340						                                    userId: undefined
7341                                                      }
7342                                                      })"
7343                                   class="w-10 h-10 rounded-full overflow-hidden block" target=&#x27;_blank&#x27;>
7344                                            <img class="js-lazy"
7345                                         src="/getmedia/d7d0802b-5e86-4a35-8acd-6a0bc15b8f83/youtube.svg?ext=.svg"
7346                                         alt="alt" width="40" height="40" />
7347
7348                                    </a>
7349
7350                                </li>
7351                        </ul>
7352                    </div>
7353
7354                </div>
7355                <div class="col-span-12 lg:col-span-6 flex md:justify-end justify-start">
7356                    <div class="w-max">
7357                        <h5 class="text-base font-base font-sans text-white mb-8">
7358                            Payments we accept
7359                        </h5>
7360
7361                        <div class="flex flex-wrap items-center">
7362                                    <div class="flex justify-center mb-10 lg:mb-0 md:pl-0 pl-5 pr-5 last-of-type:pr-0">
7363                                            <img data-src="/getmedia/c3525f96-f2bb-446f-b323-413abc776a69/image-67.png?width=53&amp;height=17&amp;ext=.png"
7364                                     alt="alt"
7365                                     class="inline-block align-top js-lazy" />
7366                                    </div>
7367                                    <div class="flex justify-center mb-10 lg:mb-0 md:pl-0 pl-5 pr-5 last-of-type:pr-0">
7368                                            <img data-src="/getmedia/aac831bf-de3d-4d60-89bc-003fb27e3429/image-68.png?width=100&amp;height=18&amp;ext=.png"
7369                                     alt="alt"
7370                                     class="inline-block align-top js-lazy" />
7371                                    </div>
7372                                    <div class="flex justify-center mb-10 lg:mb-0 md:pl-0 pl-5 pr-5 last-of-type:pr-0">
7373                                            <img data-src="/getmedia/ceff18a8-036f-4b0f-8ae7-dfb4f83340ec/image-69.png?width=32&amp;height=32&amp;ext=.png"
7374                                     alt="alt"
7375                                     class="inline-block align-top js-lazy" />
7376                                    </div>
7377                                    <div class="flex justify-center mb-10 lg:mb-0 md:pl-0 pl-5 pr-5 last-of-type:pr-0">
7378                                            <a href="https://www.afterpay.com/en-au" target=&#x27;_blank&#x27;>
7379                                                <img data-src="/getmedia/0734fdc4-bea8-49f4-b891-65d3c27e355e/image-70.png?width=94&amp;height=17&amp;ext=.png"
7380                                         alt="alt"
7381                                         class="inline-block align-top js-lazy" />
7382                                            </a>
7383                                    </div>
7384                                    <div class="flex justify-center mb-10 lg:mb-0 md:pl-0 pl-5 pr-5 last-of-type:pr-0">
7385                                            <a href="https://zip.co
7385/au/create-an-account" target=&#x27;_blank&#x27;>
7386                                                <img data-src="/getmedia/a52dd8c3-b7b3-43ef-bd7b-dd8181250b3c/image-71.png?width=53&amp;height=25&amp;ext=.png"
7387                                         alt="alt"
7388                                         class="inline-block align-top js-lazy" />
7389                                            </a>
7390                                    </div>
7391                        </div>
7392
7393                    </div>
7394                </div>
7395            </div>
7396            <!--Footer Main-->
7397
7398
7399            <!--Brightedge (Start)-->
7400            <div class="be-ix-link-block">
7401
7402<!-- be_ixf, bodystr, body_1 -->
7403            </div>
7404            <!--Brightedge (End)-->
7405
7406            <div class="hidden lg:block">
7407                <div class="hidden lg:grid grid-cols-12">
7408                        <div class="col-span-12 lg:col-span-3">
7409                            <h5 class="text-lg font-base font-sans text-white mb-4">
7410                                <a href="#"
7411                               x-on:click="$dispatch('push-datalayer-event', {
7412
7413                                                           event: 'navClick',
7414
7415                                                           eventInfo: {
7416
7417                                                             navType: 'Footer nav menu',
7418
7419                                                             elementName: 'Services &amp; Products',
7420
7421                                                             pageCategory: undefined
7422
7423                                                           }
7424
7425                                                         })"
7426                               class="lg:hover:opacity-80">
7427                                    Services &amp; Products
7428                                </a>
7429                            </h5>
7430                            <ul class="list-none p-0">
7431                                    <li class="mb-2">
7432                                        <a href="/our-services/skip-bin-hire"
7433                                   x-on:click="$dispatch('push-datalayer-event', {
7434
7435                                                           event: 'navClick',
7436
7437                                                           eventInfo: {
7438
7439                                                             navType: 'Footer nav menu',
7440
7441                                                             elementName: 'Skip bin hire',
7442
7443                                                              pageCategory: undefined,
7444                                                              userType: undefined,
7445                                                              userId: undefined
7446
7447                                                           }
7448
7449                                                         })"
7450                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7451                                            Skip bin hire
7452                                        </a>
7453                                    </li>
7454                                    <li class="mb-2">
7455                                        <a href="/our-services/tip-your-waste"
7456                                   x-on:click="$dispatch('push-datalayer-event', {
7457
7458                                                           event: 'navClick',
7459
7460                                                           eventInfo: {
7461
7462                                                             navType: 'Footer nav menu',
7463
7464                                                             elementName: 'Recycling Centres',
7465
7466                                                              pageCategory: undefined,
7467                                                              userType: undefined,
7468                                                              userId: undefined
7469
7470                                                           }
7471
7472                                                         })"
7473                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7474                                            Recycling Centres
7475                                        </a>
7476                                    </li>
7477                                    <li class="mb-2">
7478                                        <a href="/our-services/eco-products"
7479                                   x-on:click="$dispatch('push-datalayer-event', {
7480
7481                                                           event: 'navClick',
7482
7483                                                           eventInfo: {
7484
7485                                                             navType: 'Footer nav menu',
7486
7487                                                             elementName: 'Eco products',
7488
7489                                                              pageCategory: undefined,
7490                                                              userType: undefined,
7491                                                              userId: undefined
7492
7493                                                           }
7494
7495                                                         })"
7496                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7497                                            Eco products
7498                                        </a>
7499                                    </li>
7500                                    <li class="mb-2">
7501                                        <a href="/our-services/commercial-waste-services"
7502                                   x-on:click="$dispatch('push-datalayer-event', {
7503
7504                                                           event: 'navClick',
7505
7506                                                           eventInfo: {
7507
7508                                                             navType: 'Footer nav menu',
7509
7510                                                             elementName: 'Commercial waste services',
7511
7512                                                              pageCategory: undefined,
7513                                                              userType: undefined,
7514                                                              userId: undefined
7515
7516                                                           }
7517
7518                                                         })"
7519                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7520                                            Commercial waste services
7521                                        </a>
7522                                    </li>
7523                                    <li class="mb-2">
7524                                        <a href="/our-services/industries"
7525                                   x-on:click="$dispatch('push-datalayer-event', {
7526
7527                                                           event: 'navClick',
7528
7529                                                           eventInfo: {
7530
7531                                                             navType: 'Footer nav menu',
7532
7533                                                             elementName: 'Industries',
7534
7535                                                              pageCategory: undefined,
7536                                                              userType: undefined,
7537                                                              userId: undefined
7538
7539                                                           }
7540
7541                                                         })"
7542                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7543                                            Industries
7544                                        </a>
7545                                    </li>
7546                            </ul>
7547                        </div>
7548                        <div class="col-span-12 lg:col-span-3">
7549                            <h5 class="text-lg font-base font-sans text-white mb-4">
7550                                <a href="/sustainability"
7551                               x-on:click="$dispatch('push-datalayer-event', {
7552
7553                                                           event: 'navClick',
7554
7555                                                           eventInfo: {
7556
7557                                                             navType: 'Footer nav menu',
7558
7559                                                             elementName: 'Sustainability',
7560
7561                                                             pageCategory: undefined
7562
7563                                                           }
7564
7565                                                         })"
7566                               class="lg:hover:opacity-80">
7567                                    Sustainability
7568                                </a>
7569                            </h5>
7570                            <ul class="list-none p-0">
7571                                    <li class="mb-2">
7572                                        <a href="/our-services/tip-your-waste#recycling-centre-map"
7573                                   x-on:click="$dispatch('push-datalayer-event', {
7574
7575                                                           event: 'navClick',
7576
7577                                                           eventInfo: {
7578
7579                                                             navType: 'Footer nav menu',
7580
7581                                                             elementName: 'Recycling centres',
7582
7583                                                              pageCategory: undefined,
7584                                                              userType: undefined,
7585                                                              userId: undefined
7586
7587                                                           }
7588
7589                                                         })"
7590                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7591                                            Recycling centres
7592                                        </a>
7593                                    </li>
7594                                    <li class="mb-2">
7595                                        <a href="/sustainability/environment/circular-economy"
7596                                   x-on:click="$dispatch('push-datalayer-event', {
7597
7598                                                           event: 'navClick',
7599
7600                                                           eventInfo: {
7601
7602                                                             navType: 'Footer nav menu',
7603
7604                                                             elementName: 'Cir
7604cular economy',
7605
7606                                                              pageCategory: undefined,
7607                                                              userType: undefined,
7608                                                              userId: undefined
7609
7610                                                           }
7611
7612                                                         })"
7613                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7614                                            Circular economy
7615                                        </a>
7616                                    </li>
7617                            </ul>
7618                        </div>
7619                        <div class="col-span-12 lg:col-span-3">
7620                            <h5 class="text-lg font-base font-sans text-white mb-4">
7621                                <a href="/who-we-are/about-us"
7622                               x-on:click="$dispatch('push-datalayer-event', {
7623
7624                                                           event: 'navClick',
7625
7626                                                           eventInfo: {
7627
7628                                                             navType: 'Footer nav menu',
7629
7630                                                             elementName: 'About BINGO',
7631
7632                                                             pageCategory: undefined
7633
7634                                                           }
7635
7636                                                         })"
7637                               class="lg:hover:opacity-80">
7638                                    About BINGO
7639                                </a>
7640                            </h5>
7641                            <ul class="list-none p-0">
7642                                    <li class="mb-2">
7643                                        <a href="/who-we-are/about-us"
7644                                   x-on:click="$dispatch('push-datalayer-event', {
7645
7646                                                           event: 'navClick',
7647
7648                                                           eventInfo: {
7649
7650                                                             navType: 'Footer nav menu',
7651
7652                                                             elementName: 'Company overview',
7653
7654                                                              pageCategory: undefined,
7655                                                              userType: undefined,
7656                                                              userId: undefined
7657
7658                                                           }
7659
7660                                                         })"
7661                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7662                                            Company overview
7663                                        </a>
7664                                    </li>
7665                                    <li class="mb-2">
7666                                        <a href="/who-we-are/regulations-compliance"
7667                                   x-on:click="$dispatch('push-datalayer-event', {
7668
7669                                                           event: 'navClick',
7670
7671                                                           eventInfo: {
7672
7673                                                             navType: 'Footer nav menu',
7674
7675                                                             elementName: 'Regulations &amp; compliance',
7676
7677                                                              pageCategory: undefined,
7678                                                              userType: undefined,
7679                                                              userId: undefined
7680
7681                                                           }
7682
7683                                                         })"
7684                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7685                                            Regulations &amp; compliance
7686                                        </a>
7687                                    </li>
7688                                    <li class="mb-2">
7689                                        <a href="/who-we-are/leadership-team-and-board"
7690                                   x-on:click="$dispatch('push-datalayer-event', {
7691
7692                                                           event: 'navClick',
7693
7694                                                           eventInfo: {
7695
7696                                                             navType: 'Footer nav menu',
7697
7698                                                             elementName: 'Leadership Team &amp; Board',
7699
7700                                                              pageCategory: undefined,
7701                                                              userType: undefined,
7702                                                              userId: undefined
7703
7704                                                           }
7705
7706                                                         })"
7707                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7708                                            Leadership Team &amp; Board
7709                                        </a>
7710                                    </li>
7711                                    <li class="mb-2">
7712                                        <a href="/who-we-are/careers"
7713                                   x-on:click="$dispatch('push-datalayer-event', {
7714
7715                                                           event: 'navClick',
7716
7717                                                           eventInfo: {
7718
7719                                                             navType: 'Footer nav menu',
7720
7721                                                             elementName: 'Careers',
7722
7723                                                              pageCategory: undefined,
7724                                                              userType: undefined,
7725                                                              userId: undefined
7726
7727                                                           }
7728
7729                                                         })"
7730                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7731                                            Careers
7732                                        </a>
7733                                    </li>
7734                            </ul>
7735                        </div>
7736                        <div class="col-span-12 lg:col-span-3">
7737                            <h5 class="text-lg font-base font-sans text-white mb-4">
7738                                <a href="/"
7739                               x-on:click="$dispatch('push-datalayer-event', {
7740
7741                                                           event: 'navClick',
7742
7743                                                           eventInfo: {
7744
7745                                                             navType: 'Footer nav menu',
7746
7747                                                             elementName: 'Links &amp; Resources',
7748
7749                                                             pageCategory: undefined
7750
7751                                                           }
7752
7753                                                         })"
7754                               class="lg:hover:opacity-80">
7755                                    Links &amp; Resources
7756                                </a>
7757                            </h5>
7758                            <ul class="list-none p-0">
7759                                    <li class="mb-2">
7760                                        <a href="/who-we-are/regulations-compl
7760iance/privacy"
7761                                   x-on:click="$dispatch('push-datalayer-event', {
7762
7763                                                           event: 'navClick',
7764
7765                                                           eventInfo: {
7766
7767                                                             navType: 'Footer nav menu',
7768
7769                                                             elementName: 'Privacy policy',
7770
7771                                                              pageCategory: undefined,
7772                                                              userType: undefined,
7773                                                              userId: undefined
7774
7775                                                           }
7776
7777                                                         })"
7778                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7779                                            Privacy policy
7780                                        </a>
7781                                    </li>
7782                                    <li class="mb-2">
7783                                        <a href="/who-we-are/regulations-compliance/terms-and-conditions"
7784                                   x-on:click="$dispatch('push-datalayer-event', {
7785
7786                                                           event: 'navClick',
7787
7788                                                           eventInfo: {
7789
7790                                                             navType: 'Footer nav menu',
7791
7792                                                             elementName: 'Terms &amp; conditions',
7793
7794                                                              pageCategory: undefined,
7795                                                              userType: undefined,
7796                                                              userId: undefined
7797
7798                                                           }
7799
7800                                                         })"
7801                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7802                                            Terms &amp; conditions
7803                                        </a>
7804                                    </li>
7805                                    <li class="mb-2">
7806                                        <a href="/who-we-are/regulations-compliance/terms-and-conditions#promotion"
7807                                   x-on:click="$dispatch('push-datalayer-event', {
7808
7809                                                           event: 'navClick',
7810
7811                                                           eventInfo: {
7812
7813                                                             navType: 'Footer nav menu',
7814
7815                                                             elementName: 'Terms &amp; conditions of promotion',
7816
7817                                                              pageCategory: undefined,
7818                                                              userType: undefined,
7819                                                              userId: undefined
7820
7821                                                           }
7822
7823                                                         })"
7824                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7825                                            Terms &amp; conditions of promotion
7826                                        </a>
7827                                    </li>
7828                                    <li class="mb-2">
7829                                        <a href="/who-we-are/regulations-compliance/recycling-centre-policies"
7830                                   x-on:click="$dispatch('push-datalayer-event', {
7831
7832                                                           event: 'navClick',
7833
7834                                                           eventInfo: {
7835
7836                                                             navType: 'Footer nav menu',
7837
7838                                                             elementName: 'Recycling centre policies',
7839
7840                                                              pageCategory: undefined,
7841                                                              userType: undefined,
7842                                                              userId: undefined
7843
7844                                                           }
7845
7846                                                         })"
7847                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7848                                            Recycling centre policies
7849                                        </a>
7850                                    </li>
7851                                    <li class="mb-2">
7852                                        <a href="/who-we-are/regulations-compl
7852iance/eastern-creek-policies-and-reporting"
7853                                   x-on:click="$dispatch('push-datalayer-event', {
7854
7855                                                           event: 'navClick',
7856
7857                                                           eventInfo: {
7858
7859                                                             navType: 'Footer nav menu',
7860
7861                                                             elementName: 'Eastern Creek policies &amp; reporting',
7862
7863                                                              pageCategory: undefined,
7864                                                              userType: undefined,
7865                                                              userId: undefined
7866
7867                                                           }
7868
7869                                                         })"
7870                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7871                                            Eastern Creek policies &amp; reporting
7872                                        </a>
7873                                    </li>
7874                                    <li class="mb-2">
7875                                        <a href="/who-we-are/regulations-compliance/privacy#social-media-community-guidelines"
7876                                   x-on:click="$dispatch('push-datalayer-event', {
7877
7878                                                           event: 'navClick',
7879
7880                                                           eventInfo: {
7881
7882                                                             navType: 'Footer nav menu',
7883
7884                                                             elementName: 'Social media community guidelines',
7885
7886                                                              pageCategory: undefined,
7887                                                              userType: undefined,
7888                                                              userId: undefined
7889
7890                                                           }
7891
7892                                                         })"
7893                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7894                                            Social media community guidelines
7895                                        </a>
7896                                    </li>
7897                            </ul>
7898                        </div>
7899                </div>
7900            </div>
7901            <!--Mobile View-->
7902            <div class="block lg:hidden">
7903                <div class="">
7904                        <div class="py-5 border-b border-gray-500" x-data="accordion()">
7905                            <div class="block w-full relative pb-2 text-left text-xl text-white">
7906                                <a href="#" 
7907                                x-on:click="$dispatch('push-datalayer-event', {
7908
7909                                                           event: 'navClick',
7910
7911                                                           eventInfo: {
7912
7913                                                             navType: 'Footer nav menu',
7914
7915                                                             elementName: 'Services &amp; Products',
7916
7917                                                             pageCategory: undefined
7918
7919                                                           }
7920
7921                                                         })">Services &amp; Products</a>
7922
7923                                <span x-on:click="toggle()"
7924                                  class="absolute right-4 top-2.5 transform duration-300 ease-linear"
7925                                  :class="isOpen() ? 'rotate-180' : '' ">
7926                                    <svg width="10"
7927                                     height="14"
7928                                     viewBox="0 0 10 14"
7929                                     fill="none"
7930                                     xmlns="http://www.w3.org/2000/svg">
7931                                        <path d="M4.97265 12.7329L4.99158 0.732886M4.97265 12.7329L8.97862 8.94971M4.97265 12.7329L0.978632 8.93709"
7932                                          stroke="white"
7933                                          stroke-linecap="round" />
7934                                    </svg>
7935                                </span>
7936                            </div>
7937                            <ul class="list-none p-0" x-show="isOpen" x-collapse>
7938                                    <li class="mt-6">
7939                                        <a href="/our-services/skip-bin-hire" x-on:click="$dispatch('push-datalayer-event', {
7940
7941                                                           event: 'navClick',
7942
7943                                                           eventInfo: {
7944
7945                                                             navType: 'Footer nav menu',
7946
7947                                                             elementName: 'Skip bin hire',
7948
7949                                                             pageCategory: undefined
7950
7951                                                           }
7952
7953                                                         })"
7954                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7955                                            Skip bin hire
7956                                        </a>
7957                                    </li>
7958                                    <li class="mt-6">
7959                                        <a href="/our-services/tip-your-waste" x-on:click="$dispatch('push-datalayer-event', {
7960
7961                                                           event: 'navClick',
7962
7963                                                           eventInfo: {
7964
7965                                                             navType: 'Footer nav menu',
7966
7967                                                             elementName: 'Recycling Centres',
7968
7969                                                             pageCategory: undefined
7970
7971                                                           }
7972
7973                                                         })"
7974                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7975                                            Recycling Centres
7976                                        </a>
7977                                    </li>
7978                                    <li class="mt-6">
7979                                        <a href="/our-services/eco-products" x-on:click="$dispatch('push-datalayer-event', {
7980
7981                                                           event: 'navClick',
7982
7983                                                           eventInfo: {
7984
7985                                                             navType: 'Footer nav menu',
7986
7987                                                             elementName: 'Eco products',
7988
7989                                                             pageCategory: undefined
7990
7991                                                           }
7992
7993                                                         })"
7994                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
7995                                            Eco products
7996                                        </a>
7997                                    </li>
7998                                    <li class="mt-6">
7999                                        <a href="/our-services/commercial-waste-services" x-on:click="$dispatch('push-datalayer-event', {
8000
8001                                                           event: 'navClick',
8002
8003                                                           eventInfo: {
8004
8005                                                             navType: 'Footer nav menu',
8006
8007                                                             elementName: 'Commercial waste services',
8008
8009                                                             pageCategory: undefined
8010
8011                                                           }
8012
8013                                                         })"
8014                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8015                                            Commercial waste services
8016                                        </a>
8017                                    </li>
8018                                    <li class="mt-6">
8019                                        <a href="/our-services/industries" x-on:click="$dispatch('push-datalayer-event', {
8020
8021                                                           event: 'navClick',
8022
8023                                                           eventInfo: {
8024
8025                                                             navType: 'Footer nav menu',
8026
8027                                                             elementName: 'Industries',
8028
8029                                                             pageCategory: undefined
8030
8031                                                           }
8032
8033                                                         })"
8034                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8035                                            Industries
8036                                        </a>
8037                                    </li>
8038                            </ul>
8039                        </div>
8040                        <div class="py-5 border-b border-gray-500" x-data="accordion()">
8041                            <div class="block w-full relative pb-2 text-left text-xl text-white">
8042                                <a href="/sustainability" 
8043                                x-on:click="$dispatch('push-datalayer-event', {
8044
8045                                                           event: 'navClick',
8046
8047                                                           eventInfo: {
8048
8049                                                             navType: 'Footer nav menu',
8050
8051                                                             elementName: 'Sustainability',
8052
8053                                                             pageCategory: undefined
8054
8055                                                           }
8056
8057                                                         })">Sustainability</a>
8058
8059                                <span x-on:click="toggle()"
8060                                  class="absolute right-4 top-2.5 transform duration-300 ease-linear"
8061                                  :class="isOpen() ? 'rotate-180' : '' ">
8062                                    <svg width="10"
8063                                     height="14"
8064                                     viewBox="0 0 10 14"
8065                                     fill="none"
8066                                     xmlns="http://www.w3.org/2000/svg">
8067                                        <path d="M4.97265 12.7329L4.99158 0.732886M4.97265 12.7329L8.97862 8.94971M4.97265 12.7329L0.978632 8.93709"
8068                                          stroke="white"
8069                                          stroke-linecap="round" />
8070                                    </svg>
8071                                </span>
8072                            </div>
8073                            <ul class="list-none p-0" x-show="isOpen" x-collapse>
8074                                    <li class="mt-6">
8075                                        <a href="/our-services/tip-your-waste#recycling-centre-map" x-on:click="$dispatch('push-datalayer-event', {
8076
8077                                                           event: 'navClick',
8078
8079                                                           eventInfo: {
8080
8081                                                             navType: 'Footer nav menu',
8082
8083                                                             elementName: 'Recycling centres',
8084
8085                                                             pageCategory: undefined
8086
8087                                                           }
8088
8089                                                         })"
8090                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8091                                            Recycling centres
8092                                        </a>
8093                                    </li>
8094                                    <li class="mt-6">
8095                                        <a href="/sustainability/environment/circular-economy" x-on:click="$dispatch('push-datalayer-event', {
8096
8097                                                           event: 'navClick',
8098
8099                                                           eventInfo: {
8100
8101                                                             navType: 'Footer nav menu',
8102
8103                                                             elementName: 'Circular economy',
8104
8105                                                             pageCategory: undefined
8106
8107                                                           }
8108
8109                                                         })"
8110                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8111                                            Circular economy
8112                                        </a>
8113                                    </li>
8114                            </ul>
8115                        </div>
8116                        <div class="py-5 border-b border-gray-500" x-data="accordion()">
8117                            <div class="block w-full relative pb-2 text-left text-xl text-white">
8118                                <a href="/who-we-are/about-us" 
8119                                x-on:click="$dispatch('push-datalayer-event', {
8120
8121                                                           event: 'navClick',
8122
8123                                                           eventInfo: {
8124
8125                                                             navType: 'Footer nav menu',
8126
8127                                                             elementName: 'About BINGO',
8128
8129                                                             pageCategory: undefined
8130
8131                                                           }
8132
8133                                                         })">About BINGO</a>
8134
8135                                <span x-on:click="toggle()"
8136                                  class="absolute right-4 top-2.5 transform duration-300 ease-linear"
8137                                  :class="isOpen() ? 'rotate-180' : '' ">
8138                                    <svg width="10"
8139                                     height="14"
8140                                     viewBox="0 0 10 14"
8141                                     fill="none"
8142                                     xmlns="http://www.w3.org/2000/svg">
8143                                        <path d="M4.97265 12.7329L4.99158 0.732886M4.97265 12.7329L8.97862 8.94971M4.97265 12.7329L0.978632 8.93709"
8144                                          stroke="white"
8145                                          stroke-linecap="round" />
8146                                    </svg>
8147                                </span>
8148                            </div>
8149                            <ul class="list-none p-0" x-show="isOpen" x-collapse>
8150                                    <li class="mt-6">
8151                                        <a href="/who-we-are/about-us" x-on:click="$dispatch('push-datalayer-event', {
8152
8153                                                           event: 'navClick',
8154
8155                                                           eventInfo: {
8156
8157                                                             navType: 'Footer nav menu',
8158
8159                                                             elementName: 'Company overview',
8160
8161                                                             pageCategory: undefined
8162
8163                                                           }
8164
8165                                                         })"
8166                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8167                                            Company overview
8168                                        </a>
8169                                    </li>
8170                                    <li class="mt-6">
8171                                        <a href="/who-we-are/regulations-compliance" x-on:click="$dispatch('push-datalayer-event', {
8172
8173                                                           event: 'navClick',
8174
8175                                                           eventInfo: {
8176
8177                                                             navType: 'Footer nav menu',
8178
8179                                                             elementName: 'Regulations &amp; compliance',
8180
8181                                                             pageCategory: undefined
8182
8183                                                           }
8184
8185                                                         })"
8186                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8187                                            Regulations &amp; compliance
8188                                        </a>
8189                                    </li>
8190                                    <li class="mt-6">
8191                                        <a href="/who-we-are/leadership-team-and-board" x-on:click="$dispatch('push-datalayer-event', {
8192
8193                                                           event: 'navClick',
8194
8195                                                           eventInfo: {
8196
8197                                                             navType: 'Footer nav menu',
8198
8199                                                             elementName: 'Leadership Team &amp; Board',
8200
8201                                                             pageCategory: undefined
8202
8203                                                           }
8204
8205                                                         })"
8206                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8207                                            Leadership Team &amp; Board
8208                                        </a>
8209                                    </li>
8210                                    <li class="mt-6">
8211                                        <a href="/who-we-are/careers" x-on:click="$dispatch('push-datalayer-event', {
8212
8213                                                           event: 'navClick',
8214
8215                                                           eventInfo: {
8216
8217                                                             navType: 'Footer nav menu',
8218
8219                                                             elementName: 'Careers',
8220
8221                                                             pageCategory: undefined
8222
8223                                                           }
8224
8225                                                         })"
8226                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8227                                            Careers
8228                                        </a>
8229                                    </li>
8230                            </ul>
8231                        </div>
8232                        <div class="py-5 border-b border-gray-500" x-data="accordion()">
8233                            <div class="block w-full relative pb-2 text-left text-xl text-white">
8234                                <a href="/" 
8235                                x-on:click="$dispatch('push-datalayer-event', {
8236
8237                                                           event: 'navClick',
8238
8239                                                           eventInfo: {
8240
8241                                                             navType: 'Footer nav menu',
8242
8243                                                             elementName: 'Links &amp; Resources',
8244
8245                                                             pageCategory: undefined
8246
8247                                                           }
8248
8249                                                         })">Links &amp; Resources</a>
8250
8251                                <span x-on:click="toggle()"
8252                                  class="absolute right-4 top-2.5 transform duration-300 ease-linear"
8253                                  :class="isOpen() ? 'rotate-180' : '' ">
8254                                    <svg width="10"
8255                                     height="14"
8256                                     viewBox="0 0 10 14"
8257                                     fill="none"
8258                                     xmlns="http://www.w3.org/2000/svg">
8259                                        <path d="M4.97265 12.7329L4.99158 0.732886M4.97265 12.7329L8.97862 8.94971M4.97265 12.7329L0.978632 8.93709"
8260                                          stroke="white"
8261                                          stroke-linecap="round" />
8262                                    </svg>
8263                                </span>
8264                            </div>
8265                            <ul class="list-none p-0" x-show="isOpen" x-collapse>
8266                                    <li class="mt-6">
8267                                        <a href="/who-we-are/regulations-compliance/privacy" x-on:click="$dispatch('push-datalayer-event', {
8268
8269                                                           event: 'navClick',
8270
8271                                                           eventInfo: {
8272
8273                                                             navType: 'Footer nav menu',
8274
8275                                                             elementName: 'Privacy policy',
8276
8277                                                             pageCategory: undefined
8278
8279                                                           }
8280
8281                                                         })"
8282                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8283                                            Privacy policy
8284                                        </a>
8285                                    </li>
8286                                    <li class="mt-6">
8287                                        <a href="/who-we-are/regulations-compliance/terms-and-conditions" x-on:click="$dispatch('push-datalayer-event', {
8288
8289                                                           event: 'navClick',
8290
8291                                                           eventInfo: {
8292
8293                                                             navType: 'Footer nav menu',
8294
8295                                                             elementName: 'Terms &amp; conditions',
8296
8297                                                             pageCategory: undefined
8298
8299                                                           }
8300
8301                                                         })"
8302                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8303                                            Terms &amp; conditions
8304                                        </a>
8305                                    </li>
8306                                    <li class="mt-6">
8307                                        <a href="/who-we-are/regulations-compliance/terms-and-conditions#promotion" x-on:click="$dispatch('push-datalayer-event', {
8308
8309                                                           event: 'navClick',
8310
8311                                                           eventInfo: {
8312
8313                                                             navType: 'Footer nav menu',
8314
8315                                                             elementName: 'Terms &amp; conditions of promotion',
8316
8317                                                             pageCategory: undefined
8318
8319                                                           }
8320
8321                                                         })"
8322                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8323                                            Terms &amp; conditions of promotion
8324                                        </a>
8325                                    </li>
8326                                    <li class="mt-6">
8327                                        <a href="/who-we-are/regulations-compl
8327iance/recycling-centre-policies" x-on:click="$dispatch('push-datalayer-event', {
8328
8329                                                           event: 'navClick',
8330
8331                                                           eventInfo: {
8332
8333                                                             navType: 'Footer nav menu',
8334
8335                                                             elementName: 'Recycling centre policies',
8336
8337                                                             pageCategory: undefined
8338
8339                                                           }
8340
8341                                                         })"
8342                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8343                                            Recycling centre policies
8344                                        </a>
8345                                    </li>
8346                                    <li class="mt-6">
8347                                        <a href="/who-we-are/regulations-compliance/eastern-creek-policies-and-reporting" x-on:click="$dispatch('push-datalayer-event', {
8348
8349                                                           event: 'navClick',
8350
8351                                                           eventInfo: {
8352
8353                                                             navType: 'Footer nav menu',
8354
8355                                                             elementName: 'Eastern Creek policies &amp; reporting',
8356
8357                                                             pageCategory: undefined
8358
8359                                                           }
8360
8361                                                         })"
8362                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8363                                            Eastern Creek policies &amp; reporting
8364                                        </a>
8365                                    </li>
8366                                    <li class="mt-6">
8367                                        <a href="/who-we-are/regulations-compliance/privacy#social-media-community-guidelines" x-on:click="$dispatch('push-datalayer-event', {
8368
8369                                                           event: 'navClick',
8370
8371                                                           eventInfo: {
8372
8373                                                             navType: 'Footer nav menu',
8374
8375                                                             elementName: 'Social media community guidelines',
8376
8377                                                             pageCategory: undefined
8378
8379                                                           }
8380
8381                                                         })"
8382                                   class="text-base font-normal text-white no-underline lg:hover:opacity-70">
8383                                            Social media community guidelines
8384                                        </a>
8385                                    </li>
8386                            </ul>
8387                        </div>
8388                </div>
8389            </div>
8390        </div>
8391    </div>
8392    <div class="o-container">
8393        <div class="grid grid-cols-12 mt-6 lg:mb-10">
8394            <!--Industry-->
8395            <div class="col-span-12 md:col-span-8 mb-4 lg:mb-0">
8396                <h5 class="text-base font-base font-sans text-black mb-4">Industry partners</h5>
8397                <div class="flex flex-wrap items-center -mx-4 lg:mx-0 px-3.5">
8398                        <div class="w-1/3 lg:w-auto mb-10 lg:mb-0 px-4 lg:px-0 lg:mr-10 last:mr-0">
8399                            <a href="https://www.acor.org.au/" target="_blank">
8400                                    <img class="js-lazy" width="115" height="33"
8401                                 data-src="/getmedia/26d69e07-5d87-4bcb-8696-455c51c0abe2/image-72.png?width=94&amp;height=39&amp;ext=.png"
8402                                 alt="alt" />
8403                            </a>
8404                        </div>
8405                        <div class="w-1/3 lg:w-auto mb-10 lg:mb-0 px-4 lg:px-0 lg:mr-10 last:mr-0">
8406                            <a href="https://www.wmrr.asn.au/" target="_blank">
8407                                    <img class="js-lazy" width="115" height="33"
8408                                 data-src="/getmedia/d622f055-95af-448e-8f71-87d2bbe83c48/image-73.png?width=115&amp;height=33&amp;ext=.png"
8409                                 alt="alt" />
8410                            </a>
8411                        </div>
8412                        <div class="w-1/3 lg:w-auto mb-10 lg:mb-0 px-4 lg:px-0 lg:mr-10 last:mr-0">
8413                            <a href="https://new.gbca.org.au/" target="_blank">
8414                                    <img class="js-lazy" width="115" height="33"
8415                                 data-src="/getmedia/10db7bb4-fb7a-4d12-9e0e-d3afff19a01f/image-74.png?width=115&amp;height=35&amp;ext=.png"
8416                                 alt="alt" />
8417                            </a>
8418                        </div>
8419                        <div class="w-1/3 lg:w-auto mb-10 lg:mb-0 px-4 lg:px-0 lg:mr-10 last:mr-0">
8420                            <a href="https://www.iscouncil.org/" target="_blank">
8421                                    <img class="js-lazy" width="115" height="33"
8422                                 data-src="/getmedia/07a0fb27-cc60-4d06-b0b4-4eb83d83edad/logo-isoa.png?width=240&amp;height=80&amp;ext=.png"
8423                                 alt="alt" />
8424                            </a>
8425                        </div>
8426                </div>
8427            </div>
8428            <div class="col-span-12 md:col-span-4">
8429                <h5 class="text-base font-base font-sans text-black mb-4">
8430                    Community & Partnerships
8431                </h5>
8432                <div class="flex flex-wrap items-center -mx-4 lg:mx-0">
8433                </div>
8434            </div>
8435        </div>
8436
8437        <div class="w-11/12 lg:w-8/12 mx-auto">
8438            <hr />
8439        </div>
8440        <div class="text-xs text-gray-700 text-center py-3">
8441            <p>© COPYRIGHT 2026 OF BINGO INDUSTRIES</p>
8442        </div>
8443    </div>
8444</footer>
8445
8446
8447
8448    
8448<script type="text/javascript">
8449        window.baseApiUrl = "";
8450        window.recaptchaSiteKey = "6LfiBoQgAAAAABbqYM5EDPDvM-UiO0miRZHexu5Z";
8451        window.mapsApiKey = "AIzaSyDDOkLXWZK-2vtFe5vUSeHhcHQJYKy4gic";
8452        window.recaptchaUrl = "https://www.google.com/recaptcha/api.js?onload=onRecaptchaLoad&amp;amp;render=explicit";
8453        window.tillPaymentPublicKey = "9hRhPAIcnKBRkxTzFyM2";
8454        window.tillPaymentUrl = "https://gateway.tillpayments.com/js/integrated/payment.1.2.min.js";
8455        window.gtmID = 'GTM-P47DXCW';
8456        window.externalLinkClick = '/api/activity/logexternallinkclick'
8457    </script>
8457
8458    
8458<script src="/assets/dist/js/main.js?v=Eys38eVZY_zN58L67eqRYsatQw6aZiz9eRsr3vgJP-0"></script>
8458
8459    <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 8459-8460
8459
8460<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
8460GTM-P47DXCW
vendor: 85 bytes, lines 8460-8461
8460"
8461height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
8462<!-- End Google Tag Manager (noscript) -->
8463    <div x-data="datalayerEvent({
8464		event: 'pageLoad',
8465		eventInfo: {
8466		pageName: 'About us',
8467		pageCategory: undefined,
8468		pageType: undefined,
8469		userType: undefined,
8470		userId: undefined
8471
8472		}
8473	})">
8474        <div x-on:push-datalayer-event.window="pushDataLayerEvent($event.detail);"></div>
8475    </div>
8476
8477    <div x-data='modalControl({
8478        googleAutocompleteOptions: {
8479            types: ["(regions)"],
8480            componentRestrictions: { country: "au" }
8481        },
8482        mapIdentifier: "recycling-centre-search"
8483      })'
8484     class="fixed inset-0 bg-black bg-opacity-50 transition duration-300 ease-linear z-50 overflow-y-auto c-modal js-modal-wrapper"
8485     x-cloak
8486     ref="recyclingCenterLocator"
8487     id="recyclingCenterLocator">
8488
8489    <div class="fixed top-0 left-0 w-full h-full bg-black bg-opacity-50"></div>
8490    <div class="flex items-center justify-center min-h-screen overflow-y-auto relative p-3">
8491        <div class="bg-white o-container relative w-full">
8492            <div class="md:w-4/5 mx-auto w-full">
8493
8494                <div class="absolute right-0 -top-6 text-white">
8495                    <button class="js-modal-close-btn"
8496                            type="button"
8497                            x-on:click="closeModal($event)">
8498                        <span class="sr-only">Close modal</span>
8499                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
8500                            <path d="M1 1L11 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
8501                            <path d="M11 1L1 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
8502                        </svg>
8503                    </button>
8504                </div>
8505
8506                <div class="flex flex-col items-center py-40 w-full">
8507                    <div class="w-full md:w-8/12 mx-auto text-center">
8508                        <h2 class="text-gray-700 text-4xl text-center">Find your nearest recycling centre</h2>
8509                        <div class="w-full my-10 relative">
8510                            <div class="w-full">
8511                                <label class="sr-only" for="recyclingCenterSearch">Find your nearest recycling centre</label>
8512                                <div class="w-full flex relative js-searchOffice text-navy">
8513                                    <input id="recyclingCenterSearch"
8514                                           type="text"
8515                                           name="RecyclingSearch"
8516                                           placeholder="Postcode or suburb name"
8517                                           required
8518                                           class="w-full rounded font-semibold md:text-xl p-8 border relative placeholder:text-navy focus:border-blue flex-1 focus:outline-none"
8519                                           x-model="searchQuery"
8520                                           x-ref="searchRecyclingCentreAutocomplete"
8521                                           x-on:focus="loadMapsApi()" />
8522                                    <span class="absolute right-9 top-9">
8523                                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
8524                                            <path d="M19 18.9873L13 12.9954M15 8.00221C15 11.863 11.866 14.9927 8 14.9927C4.13401 14.9927 1 11.863 1 8.00221C1 4.14147 4.13401 1.01172 8 1.01172C11.866 1.01172 15 4.14147 15 8.00221Z"
8525                                                  stroke="currentColor"
8526                                                  stroke-width="1.5"
8527                                                  stroke-linecap="round"
8528                                                  stroke-linejoin="round" />
8529                                        </svg>
8530                                    </span>
8531                                </div>
8532                            </div>
8533                        </div>
8534                    </div>
8535                </div>
8536            </div>
8537        </div>
8538    </div>
8539</div>
8540
8541
8542    
8542<script src="//vxml4.plavxml.com/sited/ref/ctrk/1870-135695" async> </script>
8542
8543
8544    
8545</body>
8546</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.