

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Server Side Tracking by Taggrs.io -->
 <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://play.shuffly.com/wZgm6blTno.js?tg='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','KP9NTZWH');</script> 
<!-- End Server Side Tracking by Taggrs.io -->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2ELQHZN633"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-2ELQHZN633');
</script>
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <meta name="referrer" content="origin-when-cross-origin" />

                        
                                                                    <link rel="alternate" hreflang="en" href="https://shuffly.com/en/our-advice/best-shuffleboards-table-sizes" />
                                    <link rel="alternate" hreflang="x-default" href="https://shuffly.com/en/our-advice/best-shuffleboards-table-sizes" />
                                        
                                                                    
                                                                    <link rel="alternate" hreflang="nl" href="https://shuffly.com/nl/ons-advies/shuffleboard-maat" />
                                        
                                        
    <link href="/dist/output.css"   rel="stylesheet">
    <link href="/styles/navbar.css" rel="stylesheet">
    <script src="/scripts/default.js"></script>
    
            
<title>What are the Best Shuffleboard Table Sizes? Best choices by experts</title>
<meta name="title" content="What are the Best Shuffleboard Table Sizes? Best choices by experts">
<meta name="description" content="Discover the best shuffleboard table sizes for your venue and guests. Our expert advice will help you choose the perfect fit.">
<link rel="canonical" href="https://shuffly.com/en/our-advice/best-shuffleboards-table-sizes">

<script type="application/ld+json">
    {
        "@context": "https://schema.org/",
        "@type": "NewsArticle",

                    "headline": "Best shuffleboard table sizes",
                        "image": ["/uploads/PageContent/DreamX-Shuffleboards-De-Final-Touch-Amsterdam-1920w.webp"],
                            
                "author": [{
            "@type": "Person",
            "name": "Jairo"
        }],
                "datePublished": "2024-09-27T02:10:00-07:00",
                
        "name": "Best shuffleboard table sizes"
    }
</script>

        <style>
                    </style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');

@font-face {
    font-family: "Thunder";
    src: url("https://shuffly.com/uploads/Fonts/Thunder/Thunder-MediumLC.otf") format("truetype");
}
@font-face {
    font-family: "Thunder Bold";
    src: url("https://shuffly.com/uploads/Fonts/Thunder/Thunder-BoldLC.otf") format("truetype");
}
@font-face {
    font-family: "Thunder special";
    src: url("https://shuffly.com/uploads/Fonts/Thunder/Thunder-MediumHCItalic.otf") format("truetype");
}


@font-face {
    font-family: "Rocket Clouds";
    src: url("https://shuffly.com/uploads/Fonts/Rocket%20Clouds.ttf") format("truetype");
}
@font-face {
    font-family: "Gotham Regular";
    src: url("https://shuffly.com/uploads/Fonts/GothamHTF-Book.otf") format("truetype");
    src: url("https://shuffly.com/uploads/Fonts/barlow/Barlow-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Gotham Bold";
    src: url("https://shuffly.com/uploads/Fonts/GothamHTF-Bold.otf") format("truetype");
}

.fa-star {
 font-size: 24px;
 margin-right: 2px;
 color: rgba(0,0,0,0.6);
}

.checked {
  color: var(--secondary);
}

:root, html, body {
  max-width: 100vw;
}

html {
  background: var(--background);
}

body {
  padding: 0 10vw 0 10vw;
  color:      var(--text-primary);
  background-image: url("/uploads/page-bg.png"), linear-gradient(transparent 90%, var(--primary));
background-image: unset;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -100;
  overflow-x: hidden;
}
#navbar {
  left: 0;
}

img:not(#navbar > div > div > a > img) {
  width: 100%;
}

#navbar {
  top: 0;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div * {
  font-size: 16px;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul {
  gap: 35px;
  padding-right: 30px;
  font-size: clamp(12px, 1.4vw, 22px);
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:not(#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li:nth-child(5) *) {
  right: unset !important;
  left: 0px;
}

#navbar-bar .product-card-layout {
  padding-top: 0px !important;
}
@keyframes open-subnav {
  0%   {opacity: 0; scale: 1 0.9;}
  100% {opacity: 1; scale: 1 1;}
}
#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li > .grid > .grid:has(.prod-card) {
  transform-origin: top center;
  animation-name: open-subnav;
  animation-duration: 0.75s;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li > .grid > .grid:has(.prod-card)::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: calc(100% - 50px);
  left: 0;
  top: 60px;
  background: var(--dark);
}
#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li:nth-child(5) > div > div {
  right: 0px !important;
  left: unset !important;
}


#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid > ul:not(#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li:nth-child(5) *) {
  justify-items: start;
}

#navbar-bar .fa.fa-times {
    display: unset;
    top: 90px;
    right: 10vw;
    translate: -50% 0;
}

body > div.default > * {
  margin-bottom: 120px;
  overflow-x: clip;
  overflow-x: visible;
}

input, textarea {
  width: 100%;
  background: rgba(50, 38, 105, 0.5);
  border-radius: 20px;
  padding: 5px 15px;
  margin-bottom: 20px;
}

.input-label {
  margin-bottom: 5px;
}

@media only screen and (max-width: 600px) {
  body {
    padding: 0 5vw 0 5vw;
  }

  body > div:nth-child(3) > * {
    margin-bottom: 80px;
  }
}

ul.breadcrumb {
  display: flex;
  gap: 20px;
  row-gap: 5px;
  flex-wrap: wrap;
}
.breadcrumb a, .breadcrumb li {
  color: var(--secondary);
}
div.breadcrumb {
  position: absolute;
  margin-top: -90px;
}

video {
  min-width: 100%;
}

.ac-collapsed {
  max-height: 0px !important;
  overflow: hidden;
  opacity: 0 !important;
  margin-bottom: 0 !important;
}
.accordion .component-column * {
transition: all 0.25s;
  max-height: 1000px;
  opacity: 1;
}
.accordion h3 {
  font-size: 24px;
}

.header-layout {
  background-size: cover;
  min-height: 275px;
  position: relative;
}
.header-small-layout{
  background-size: cover;
  min-height: 275px;
  position: relative;
}
.header-small-layout * {
  position: relative;
  z-index: 10;
}
.header-small-layout:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.fourth-layout figure {
 border-radius: 20px;
 overflow: hidden;
}
.fourth-layout > .component-column > * {
 margin-bottom: 20px;
}
.centered-content-layout > .component-column > * {
 margin-bottom: 10px;
}
.centered-content-layout > .component-column > h1, .centered-content-layout > .component-column > h2, .centered-content-layout > .component-column > h3, .centered-content-layout > .component-column > h4, .centered-content-layout > .component-column > h5 {
 margin-bottom: 0px;
}
.centered-content-layout .component-column ul li {
 margin-bottom: 10px;
 list-style-type: disc;
}

.centered-content-layout .component-column ul li *, .f50-50-layout .component-column ul li * {
 display: inline;
}

.centered-content-layout .component-column ul {
 padding-left: 15px;
}
.centered-content-layout {
  max-width: 1400px;
}

.default {
  max-width: 87vw;
}

.sixth-layoutXXXX figure {
    background: rgba(255, 255, 255, 0.6);
    height: 100%;
    align-content: center;
    border-radius: 200px;
}
.sixth-layout figure {
    height: 100%;
    align-content: center;
}
.sixth-layoutXXXX figure img {
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
}

@media only screen and (min-width: 900px) {
.sixth-container {
    display: flex;
    justify-content: space-evenly;
}
.sixth-layout {
  grid-template-columns: unset;
  width: 150px;
}
}

.fourth-layout img:not(figure img) {
    aspect-ratio: 2 / 3;
    object-fit: cover;
    min-height: 300px;
}
.fourth-layout img {
    border-radius: 5px;
    object-fit: cover;
    height: 100%;
}
.fourth-layout figure {
    height: 100%;
}

.fourth-layout:has(div > a) {
    grid-column: span 12;
}
.fourth-layout:has(div > a) > div {
    display: flex; gap: 20px;
}
.fourth-layout .component-column:has(img:not(figure img)) {
    height: fit-content;
}
.fourth-layout .component-column {
    height: fit-content;
}
.fourth-layout p a {
    color: var(--primary);
}

form {
  margin-top: 30px;
}

.component-column li{
 list-style: disc;
}

#navbar-bar > div > ul > li > div {
  position: relative;
}

.accordion a {
  color: var(--primary);
}
.accordion h3{
  position: relative;
}
.accordion .fa {
  position: absolute;
  right: 0;
  top: 25px;
  pointer-events: none;
}

#socials {
  display: flex;
  filter: invert(1);
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 20px;
}

#socials a > * {
  aspect-ratio: 1 / 1;
  max-width: 30px;
  pointer-events: none;
}


footer strong {
  color: var(--secondary);

  font-family: "Gotham Bold";
  display: block;
  margin-bottom: -15px;
}
body > footer > div > div > div > div:nth-child(5) > p:nth-child(1) > strong {
  display: block;
  margin-bottom: 15px;
}

.gallery img {
  cursor: pointer;
}

.modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

@keyframes modal-popup {
  0%   {opacity:0; scale:0.75;}
  100% {opacity:1; scale:1;}
}
.modal * {
   animation-name: modal-popup;
   animation-duration: 0.6s;
   max-width: min(1200px, 90vw);
   max-height: min(1200px, 70vh);
   object-fit: contain;
   margin: auto;
   margin-top: 150px;
}

footer {
  position: relative;
  padding-top: 60px;
}
footer * {
  color: var(--gray) !important;
}
footer:after {
    content: "";
    position: absolute;
    width: 3000px;
    height: 110%;
    background: linear-gradient(0deg, black 90%, transparent);
    z-index: -1;
    left: -600px;
    top: -50px;
}

.header-small-layout {
  margin-top: 0px;
  padding-top: 200px;
  margin-left: -10vw;
  width: 130%;
  padding-bottom: 100px;
}
.header-small-layout, .header-layout, .video-header-layout video {
  mask-image: linear-gradient(0deg, transparent, black 5%);
}

.sub-layout.f50-width-container:nth-child(1) {
  padding-right: 1vw;
}
.sub-layout.f50-width-container:nth-child(2) {
  padding-left: 1vw;
}

.f50-width-layout:not(*:has(img)) {
  max-width: 600px;
}

.f50-50-layout {
      gap: 2vw !important;
}

li {
    list-style-position: inside !important;
}

#home-boost {
  position: relative;
  z-index: 5;
  max-width: 800px;
  margin-bottom: 30px;
}
#home-boost-2 {
  display: flex;
}
#home-boost-2 .sixth-layout {
  width: max-content !important;
}
#home-boost-2 button {
  margin-top: 30px;
}
#home-boost-2 a:has(img) {
    max-width: 800px;
    position: absolute;
    top: -65%;
    border-radius: 10px;
    width: 50%;
    right: 0%;
    z-index: -10;
    opacity: 0.75;
}
#home-boost em {
  color: var(--secondary);
}
#home-boost h1 {
  color: var(--primary);
  padding-top: 15px;
  line-height: 0.9;
    background: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
  font-size: clamp(60px, 6vw, 120px);
}

@media only screen and (min-width: 1400px) {
#home-boost-2 a:has(img) {
    opacity: 1;
    top: -225%;
}
}

.centered-content-layout:not(.centered-content-layout:has(p, a)) {
  padding: 0;
  margin-bottom: 0;
}
.unstyled-layout:not(.unstyled-layout:has(p, a)) {
  padding: 0;
  margin-bottom: 30px;
}

.chiplist .inner-col .component-column > * {
  margin-bottom: 15px;
}
.chiplist .inner-col .component-column li {
  margin-top: 10px;
}

#gRecaptchaContainer {
  display: none;
}

/* MOBILE SECTION */
/* MOBILE SECTION */
/* MOBILE SECTION */


#navbar .fa-times {
  position: absolute;
  top: 2rem; right: 2.5rem;
  font-size: 30px;
  display: none;
}
@media only screen and (max-width: 641px) {
  #navbar:has(.open) .fa-times {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .header-small-layout {
    width: 100vw !important;
    margin-left: -5vw !important;
  }
  .header-layout {
    width: 100vw !important;
    padding-top: 50px;
  }
  footer:after, footer .empty-column, .vid-header div:nth-child(1):not(.vimeo, .vimeo *), .banner-bg:after {
    left: -5vw !important;
    max-width: 100vw !important;
  }
  .inner-col .component-column > * {
    margin-bottom: 20px !important;
   }
   .inner-col .component-column > h2 {
    margin-bottom: 10px !important;
   }
   #home-boost h1 {
     line-height: 0.9 !important;
   }
   #home-boost-2 h3 {
     margin-bottom: 5px;
     font-size: 28px;
   }
   #home-boost-2 {
    flex-direction: column-reverse;
    gap: 0px;
   }
   .fourth-layout img {
      aspect-ratio: 1 / 1;
      min-height: unset;
      height: 200px;
    }
   .team-grid-custom img {
      aspect-ratio: 3 / 4;
      min-height: unset;
      height: unset;
    }
    .footer-layout {
      column-gap: unset;
    }
    .footer-layout .component-column:nth-child(5) {
      grid-row-start: 1;
      grid-column-start: 7;
    }
    body > footer > div > div > div > div:nth-child(8) > div {
      flex-wrap: wrap;
    }
    .vid-header h2, .header-layout > .component-column > h2, .header-small-layout > .component-column > h2, blockquote  {
        font-size: 26px !important;
        line-height: 1 !important;
    }
    .header-small-layout > .component-column > h1, .header-small-layout > .component-column > h2 {
       padding-left: 16px;
    }
    .vid-header h1, .header h1, .header-small-layout > .component-column > h1 {
      font-size: 44px !important;
      line-height: 42px !important;
      background: repeating-linear-gradient(to bottom, white, var(--gray) 42px) !important;
      -webkit-background-clip: text !important;
              background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }

  /* 08-04-2025 mobile updates */
  .header-small-layout:not(:has(h1)) {
    margin-top: -90px !important;
  }
  div.header-small-layout {
    padding-top: 90px !important;
  }
  div.vid-header {
    height: 50vh;
    margin-bottom: 60px !important;
  }
}
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > a{
       grid-column: span 8;
       place-self: start;
       text-align: right;
       font-size: 28px;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > button {
       grid-column: span 4;
       place-self: end;
       width: 100%;
       text-align: right;
       font-size: 26px;
       padding-right: 20px;
       padding-bottom: 10px;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div:has(.opened) > button::before {
       content: "\f00d";
       transition: rotate 0.6s;
       display: inline-block;
       rotate: 180deg;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div:has(.opened) > button::before {
       rotate: 90deg;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > .hidden * {
       font-size: 26px;
       line-height: 1.2;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > .hidden {
       transition: height 0.3s, padding-top 0.6s;
       grid-column: span 12;
       width: 100%;
       flex-direction: column;
       align-items: center;
       /*padding-right: 5vw;*/
       display: flex;
       overflow: hidden;
       gap: 5px;
       height: 0;
       padding-top: 0px;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > .hidden.opened {
       height: 100%;
       padding-top: 20px;
    }
#navbar .collapsable li:not(.mobile-nest li) {
    font-size: 28px;
    margin-bottom: 18px;
    border-top: solid 1px var(--primary);
    padding-top: 10px;
}
#navbar .collapsable > span.col-span-6 {
  display: none;
}
#navbar .collapsable > div.col-span-5 {
  grid-column: span 12 !important;
  margin-top: 90px;
}
.nvbr.collapsable {
  padding-right: 1rem;
  width: 100vw;
}
#nav-item-support {
    color: var(--primary);
}

#navbar .mobile-menu .hidden a, #navbar .mobile-menu .hidden li {
    padding: 0 !important;
    width: 100%;
    text-align: left;
}
.nvbr.collapsable > button {
   display: none;
   /*position: absolute;
   width: 60px;
   right: 1rem;*/
}
#hamburger > .collapsable > div {
  gap: 30px;
  justify-content: flex-start;
}
.collapsable #languages {
  position: relative;
}
.collapsable #languages .languages-content {
    left: -50%;
    top: -50%;
    border-radius: 15px;
    padding-right: unset;
    background: var(--dark);
}

#messagesuccess, .message.notice {
  display: none;
}
@keyframes notification {
  0%    {opacity: 0; -webkit-opacity: 0;}
  10%   {opacity: 1; -webkit-opacity: 1;}
  90%   {opacity: 1; -webkit-opacity: 1;}
  100%  {opacity: 0; -webkit-opacity: 0;}
}
#messagesuccess.notice {
    display: unset;
    opacity: 0;
    animation-name: notification;
    animation-duration: 6s;
    pointer-events: none;
    margin: auto auto;
    z-index: 101;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    padding: 5vw;
    text-align: center;
    font-size: 30px;
    border-radius: 0 0 20px 20px;
}
form button {
  margin-top: 30px;
}

#special-cta img {
  height: unset !important;
  position: unset !important;
}

/* 08-04-2025 updates */

div.header-small-layout {
  padding-top: 150px;
  padding-bottom: 20px;
  background-image: none !important;
}
div.header-small-layout::after {
  content: unset;
}

.header-small-layout:not(:has(h1)) {
    margin-top: -20px;
    margin-bottom: 0px !important;
}
        :root {
            --background : #070b22;
            --text-primary : #ffffff;
            --primary : #c445cd;
            --primary-contrast : #ffffff;
            --secondary : #37b8c2;
            --third : #9747ff;
            --gray : #dedede;
            --input : #322669;
            --third : #d761ff;
            --dark : #100038;
    }
        body {
    font-family: "Roboto";
    font-family: "Gotham Regular";
  }
  p strong {
    font-family: "Gotham Bold";
  }
  h1 {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1 !important;
    font-family: "Thunder Bold", "Gotham Bold";
  }
  h2 {
    text-transform: uppercase;
  }
  .cta-custom-card h2 {
    letter-spacing: 3 !important;
  }
  b, h2, h3, h4 {
    letter-spacing: 2 !important;
    font-family: "Thunder", "Gotham Bold";
  }
  .centered-content-layout .component-column a:not(.testimonials), .inner-col .component-column a:not(.testimonials) {
    color: var(--primary);
  }
  
  a {
    border-radius: 30px;
  }
  
  h1, h2, h3 {
    /*font-style: italic;*/
    /*text-transform: uppercase;*/
    padding: 0 0 0 0;
  }
  .prod-card h1, .prod-card h3, .prod-card h2, .prod-card h4 {
    letter-spacing: 1 !important;
    text-transform: unset;
    font-style: unset;
  }
  
  b, strong {
    font-weight: 700;
  }
  
  p, li {
    font-size: 20px;
    line-height: 1.6;
  }
  footer p, #navbar p {
    font-size: 16px;
    line-height: 24px;
  }
  .header-small-layout h1 {
    font-size: max(60px, 5vw) !important;
    line-height: max(66px, 5.6vw) !important;
    color: white;
  }
  
  .vid-header h1, .header h1 {
    position: relative;
    text-align: center;
    font-size: max(90px, 6.5vw);
    line-height: 0.9;
    color: white;
      letter-spacing: 1px;
      margin-bottom: 10px;
  }
  
  .vid-header h2, .header h2 {
    text-align: center;
    font-size: 80px;
    line-height: 96px;
    color: var(--primary);
    font-family: "Thunder special", "Yellowtail";
    font-style: normal;
    font-weight: 400;
    background: unset;
    -webkit-background-clip: unset;
            background-clip: unset;
    -webkit-text-fill-color: unset;
    text-transform: unset;
    padding-bottom: 10px;
    font-size: 40px;
    line-height: 50px;
    max-width: 700px;
    margin: auto;
  }
  .header h2, .header-small-layout h2 {
    font-family: "Thunder special", "Yellowtail";
    font-size: 44px;
    font-size: max(44px, 2.3vw);
    text-transform: unset;
    color: var(--text);
  }
  
  .centered-content-layout blockquote {
    letter-spacing: 3;
    text-align: center;
    font-size: 44px;
    line-height: 52.8px;
    color: var(--secondary);
    font-weight: 400;
    font-style: normal;
    font-family: 'Thunder special';
  }
  
  h1 {
    font-size: 64px;
    font-size: 74px;
    line-height:80px;
    color: white;
  }
  h2 {
    color: var(--third);
    font-size: 56px;
    line-height: 59px;
    /* background: repeating-linear-gradient(to bottom, white, var(--gray) 59px);
      -webkit-background-clip: text;
              background-clip: text;
      -webkit-text-fill-color: transparent; */
  }
  h3 {
    font-size: 40px;
    font-style: normal;
    font-size: 34px;
  }
  h4 {
    font-size: 30px;
    line-height: 34px;
  }
  
  footer * {
    line-height: 1.75;
  }
  
  @media only screen and (max-width: 1200px) {
    #navbar-bar ul {
      font-size: 12px;
    }
  }
  @media only screen and (max-width: 1200px) {
    h1, h2:not(.prod-card h2, .vid-header h2) {
      font-size: clamp(32px, 1.5vw, 44px) !important;
      line-height: 52.8px !important;
    }
    h2:not(.prod-card h2, .vid-header h2) {
      line-height: 1 !important;
    }
    .vid-header h2 {
      font-size: clamp(32px, 1.5vw, 44px);
      line-height: 1.2;
    }
    h2, .header-layout h2 {
      font-size: 40px;
      line-height: 50px;
    }
    h3 {
      font-size: 36px;
      line-height: 40px;
    }
    .vid-header h1, .header h1 {
      background: repeating-linear-gradient(to bottom, white, var(--gray) 52.8px);
      -webkit-background-clip: text !important;
              background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
  }
  em {
      color: var(--secondary);
      font-style: unset;
  }
  
  #meet-the-team strong {
     color: var(--primary);
  }
  
  .header-small-layout *, .header-layout * {
      letter-spacing: 1px;
  }
  
  /* updates april*/
  h4, h3 {
    letter-spacing: 1px;
  }
        .disappear {
  transition: all 2s;
  display: grid;
  position: absolute;
  opacity: 0;
  translate: -200px;
  pointer-events: none;
}
.fadedout {
  pointer-events: none;
  transition: all 0.5s;
  opacity: 0 !important;
  translate: 0px -200px !important;
}
.fadedin {
  transition: all 0.5s;
  opacity: 1;
  translate: 0px 0px;
}
.appear {
  transition: all 2s;
  display: grid;
  opacity: 1;
  translate: 0;
}

a {
  transition: all 1s;
}

a:hover {
  scale: 1.05;
}

button, figure:has(a) {
  transition: all 1s;
}

button:hover, figure:has(a):hover, a:hover:not(.prod-card > div > p > a) {
  scale: 1.02;
  filter: drop-shadow(0px 0px 30px var(--third));
}
        
        .default-button button {
            background: var(--primary);
            color: var(--primary-contrast);
            padding: 8px 24px;
            border-radius: 50px;
            }
        #navbar-bar a {
text-wrap: nowrap;
}

#navbar > div:not(#navbar-bar, .collapsable) {
background: var(--dark);
margin-top: -100px;
}
#navbar > div:not(#navbar-bar, .collapsable) > ul {
padding-top: 104px;
height: unset;
}
#navbar > div:not(#navbar-bar, .collapsable) > ul > li {
padding: 5px;
}

#navbar-contentXXX {
    max-height: 74px;
    top: 0; left: 0; right: 0;
    position: absolute;
    justify-self: center !important;
    width: fit-content !important;
}
#navbar-barXXX > div.self-center {
    width: 100%;
    grid-column: span 12;
}
#navbar-barXXX > div.self-center > ul {
    justify-content: unset;
}
#navbar-barXXX > div.self-center > ul > li:nth-child(4){
    margin-left: auto;
}

.nvbr.collapsable {
    --tw-backdrop-blur: 6px;
    backdrop-filter: blur(6px);
    z-index: -1;
    top: 0;
    height: 100%;
    position: fixed;
    background-image: linear-gradient(var(--background), rgba(16, 0, 56, 0.7));
    padding-top: 85px;
}

.nvbr .collapsable.col-end-12 {
grid-column-end: 13 !important;
}
#navbar .collapsable li {
font-size: 28px;
margin-bottom: 18px;
}
#navbar .collapsable > div.col-span-5 {
grid-column: span 10;

    overflow-y: scroll;
    scrollbar-width: none;
}
#navbar .collapsable > span.col-span-6 {
grid-column: span 1;
}

/*
#languages > a {
    position: absolute;
    text-transform: uppercase;
    top: 0px;
}
*/

.languages-content {
    border: none !important;
    top: -30px;
    z-index: 999;
    width: 90px;
    padding: 30px;
    padding-bottom: 10px;
    background: var(--dark);
    border-radius: 15px;
}

#nav-item-get-shuffly:hover, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > button:nth-child(1):hover {
    opacity: 1;
}

#nav-item-get-shuffly, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > button:nth-child(1) {
    background: var(--primary);
    padding: 6px 24px;
    border-radius: 30px;
    margin-top: -6px;
    margin-left: -24px;
    font-weight: 900;
    font-size: clamp(16px, 1.5vw, 22px);
}

/* #nav-item-get-shuffly, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > button:nth-child(2) {
    background: var(--input);
    padding: 6px 24px;
    border-radius: 30px;
    margin-top: -6px;
    font-size: clamp(16px, 1vw, 22px);
} */

#nav-item-get-shuffly, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > #languages {
    text-transform: uppercase;
    padding: 6px 30px;
    border-radius: 30px;
    margin-top: -6px;
    border: 1px solid gray;
}
#languages a {
    font-size: clamp(16px, 1vw, 22px) !important;
}

@media only screen and (max-width: 1000px) {
#nav-item-get-shuffly {
    padding: 6px 12px;
}

#navbar-bar .product-card-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media only screen and (min-width: 1900px) {
#navbar-bar .product-card-container {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div {
    font-size: 12px;
    padding-bottom: 10px;
    z-index: 50;
}

.mobile-menu a {
    text-align: end;
    font-size: 16px;
}
.mobile-menu .col-span-12 {
    grid-column: span 11;
    place-self: end;
    font-size: 20px;
}
.mobile-menu li .col-span-9 {
grid-column: span 11;
}

#hamburger > .collapsable {
    position: fixed;
    left: 1rem;
    top: 90px;
    padding: 0;
font-size: 20px;
}

#hamburger > div.collapsable.w-full.block > div > button:nth-child(1) {
    background: var(--primary);
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 900;
    font-size: 28px;
}


#navbar .nested {
    padding-left: 30px !important;
}
#navbar .mobile-nest .nested {
    padding-right: 6vw !important;
    margin-bottom: 0 !important;
}
#navbar .mobile-nest li.nested {
    height: fit-content;
    font-size: 0px;
}

#navbar-bar > div > ul > li > div ul {
    background: var(--dark) !important;
    padding-left: 30px; padding-right: 30px !important;
    border-radius: 10px;
    margin-left: -30px;
}

#navbar-bar.expanded:before {
    height: 350%;
}

#navbar-bar > div {
    padding-top: 10px;
    position: relative;
    z-index: 10;
}

#navbar-bar a.opacity-60 {
    opacity: 1;
    color: var(--secondary);
    filter: drop-shadow(0px 0px 7px var(--secondary));
}
#navbar-bar a:hover {
    opacity: 1 !important;
    color: var(--primary);
    filter: drop-shadow(0px 0px 7px var(--primary));
}

#hamburger >.collapsable > .flex {
    align-items: center;
}
#hamburger >.collapsable > .flex #languages > a {
    position: relative;
    text-transform: uppercase;
}
#hamburger >.collapsable > .flex #languages > .languages-content {
    right: -60px;
    top: -10px;
}

/* Custom slider navbar */
#navbar-bar > div.hidden.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:has(.products-layout) > ul {
    display: none;
}
#navbar-bar > div.hidden.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:has(.products-layout) {
    position: fixed !important;
    z-index: 10;
    right: 0 !important;
    left: 0;
    padding-left: 5vw;
    padding-right: 5vw;
    width: 100%;
    min-height: 600px;
}
#navbar-bar .products-layout h2 {
    padding-top: 95px;
    padding-left: 30px;
    font-size: clamp(36px, 2vw, 48px);
    line-height: 1.5;
}
#navbar-bar .products-layout img {
    filter: none;
}
#navbar-bar .products-layout p:has(a) {
    display: none;
}
#navbar-bar .prod-card {
    margin-top: 0px;
    transition: all 0.6s;
    /* filter: drop-shadow(0px 0px 10px var(--third)); */
}
#navbar-bar .prod-card:hover {
    filter: drop-shadow(0px 0px 5px var(--third));
    scale: 1.02;
    color: var(--secondary) !important;
}
#navbar-bar .fa {
    display: none;
    top: 30px;
}
#navbar-bar .product-card-layout {
    grid-column: span 1;
    min-width: unset !important;
    max-width: unset !important;
}

#navbar-bar .products-layout > *:has(img) {
    padding: 30px;
}

#navbar-bar .product-card-container {
    gap: 0px;
    row-gap: 30px;
    display: grid;
    justify-content: start;
    overflow-x: visible !important;
    justify-items: stretch;
    align-items: start;
    align-content: space-evenly;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow-y: scroll;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 300px;
    max-height: calc(100vh - 250px);
}
#navbar-bar .prod-card h3 {
    /* margin-top: -40%; */
    padding-left: 10px;
    text-transform: uppercase;
    font-family: 'Thunder';
    /*font-style: italic;*/
    font-size: 26px;
    line-height: 1.1;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:not(*:has(img)){
    padding-top:20px;
}

@media (min-width: 900px) {
#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 {
    display: flex;
    flex-direction: row-reverse;
    gap: 30px;
}
}

/* updates april */
@media (max-width: 640px) {
#navbar-bar {
    padding-top: 0px;
    padding-bottom: 10px;
}
}
        .nvbr {
            background: var(--dark);
            height: 74px;
            height: unset;
            }.nvbr img {
            filter: invert(1);
            }.nvbr a img {
            filter: none;
            height: 50px;
            }.nvbr button {
            height: fit-content;
            }.nvbr .navbar-bar {
            position: relative;
            }
                
        footer .empty-column:nth-child(1) {
    position: absolute;
    top: 0;
    left: -10vw;
    margin-left: unset;
}

footer .empty-column {
    margin-left: -10vw;
    width: 130%;
  height: 0.5px;
  background: var(--text-primary);
}
        .footer figure {
            max-width: 100px;
            }
        .cta-custom-card h2, .cta-custom-card h3, .cta-custom-card h1 {
 font-size: 90px !important;
 line-height: 90px !important;
  margin-bottom: 15px !important;
}

.cta-custom-card div:has(a) {
  align-content: center
}

/*.component-column:has(.cta-custom-card):not(*:has(.f50-width-layout)) {
    padding: 0px 20px 0px 45px;
    outline: solid 5px var(--primary);
    border-radius: 20px;
    margin-top: 30px;
}
*/

/*.component-column:has(.cta-custom-card) .f50-width-layout:has(p) {*/
.cta-custom-card:not(.cta-custom-card *) {
    max-width: 1400px;
    padding: 20px 40px;
    border: solid 5px var(--primary);
    border-radius: 20px;
    margin-top: 30px;
    justify-self: center;
    place-self: center;
    margin-left: auto;
    margin-right: auto;
}

.f50-50-layout:has(.cta-custom-card) {
  position: relative;
}
.cta-custom-card *:not(img, *:has(img)) {
   position: relative;
   z-index: 10;
}
.cta-custom-card img {
   position: absolute;
   bottom: 0; right: 0;
   height: 125%;
   width: auto !important;
}
.cta-custom-card figure:has(a):hover, .cta-custom-card figure a:hover {
    scale: unset !important;
    filter: unset !important;
}

@media only screen and (max-width: 767px) {
div.cta-custom-card {
  padding-bottom: 30px;
}
.cta-custom-card img {
   height: 250px;
}

}

@media only screen and (max-width: 600px) {
div.cta-custom-card {
  padding-bottom: 70px;
}
.cta-custom-card img {
   height: 200px;
}
.cta-custom-card .component-column:has(video) {
   height: 200px;
   max-width: 65vw;
}
.cta-custom-card .inner-col:has(video) {
   margin-top: -50px;
   padding:  0 0 20px 0 !important;
}
.cta-custom-card video {
   margin-bottom: 0px !important;
}

}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        
        .round-img img {
            border-radius: 5px;
            }.round-img video {
            position: absolute;
            height: 100%;
            border-radius: 5px;
            overflow: hidden;
            object-fit: cover;
            }.prod-card > div > * {
  margin-bottom: 20px;
}

.prod-card:has(button) > div {
  margin-bottom: 40px;
}
        .prod-card {
            margin: 40px 40px 0 0;
            }.prod-card img {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 6 / 5;
            border-radius: 5%;
            object-fit: cover;
            }.prod-card a {
            color: var(--primary);
            position: absolute;
            bottom: 30px;
            }.prod-card h1,.prod-card h2,.prod-card h3 {
            font-size: clamp(24px, 2vw, 36px);
            line-height: 1.2;
            }.prod-card p {
            font-size: clamp(16px, 1vw, 20px);
            line-height: 1.5;
            text-overflow: ellipsis;
            overflow-y: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            }.prod-card div {
            position: relative;
            }.prod-card button {
            position: absolute;
            width: max-content;
            margin-top: 15px;
            }.prodloc > div:nth-child(1) > p > a {
  position: absolute;
  bottom: -75px;
  bottom: 0px;
    border: solid 1px var(--primary);
    padding: 12px 24px;
    border-radius: 50px;
}

.prodloc > div:nth-child(1) > p:not(:has(> a)) {
  max-width: 500px;
  margin-top: 20px;
}

.prodloc > div:nth-child(1) > p > a:hover {
  background: var(--primary);
}

.products-layout:has(p:not(.sub-layout p) > a) .sub-layout {
    padding-bottom: 90px;
}
        .prodloc {
            position: relative;
            }.prodloc .prod-card {
            min-width: 250px !important;
            max-width: 250px !important;
            }.prodloc .product-card-container {
            overflow-x: scroll;
            display: flex;
            scrollbar-width: none;
            }.prodloc .fa-chevron-right {
            font-size: 24px;
            right: 0;
            top: 0;
            position: absolute;
            }.prodloc .fa-chevron-left {
            font-size: 24px;
            right: 30px;
            top: 0;
            position: absolute;
            }.prodloc .prod-card p {
            margin-bottom: 40px;
            }.prodloc .prod-card h1,.prodloc .prod-card h2,.prodloc .prod-card h3 {
            }
        .accordion h3 {
            margin: 5px 0;
            padding: 15px 0;
            border-top: 1px solid var(--text-primary);
            cursor: pointer;
            }.accordion h1,.accordion h2,.accordion h4,.accordion h5,.accordion p {
            margin-bottom: 30px;
            }
        .text-center {
            text-align: center;
            }.inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .half-img > div > div > div > figure {
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  z-index: -10;
}

.half-img > div:nth-child(1) > div > div > figure:nth-child(1) {
  top: -10%;
  left: 40%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(1) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 5%;
  max-height: 391px;
}

.half-img > div:nth-child(2) > div > div > figure:nth-child(1) {
  top: -10%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(2) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 65%;
  max-height: 391px;
}
        .half-img img {
            object-fit: cover;
            height: 100%;
            }.half-img .component-column {
            position: relative;
            min-height: 500px;
            }.half-img video {
            object-fit: cover;
            height: 100%;
            position: absolute;
            border-radius: 60px;
            overflow: hidden;
            height: auto;
            max-height: 100%;
            }.inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .half-img > div > div > div > figure {
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  z-index: -10;
}

.half-img > div:nth-child(1) > div > div > figure:nth-child(1) {
  top: -10%;
  left: 40%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(1) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 5%;
  max-height: 391px;
}

.half-img > div:nth-child(2) > div > div > figure:nth-child(1) {
  top: -10%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(2) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 65%;
  max-height: 391px;
}
        .half-img img {
            object-fit: cover;
            height: 100%;
            }.half-img .component-column {
            position: relative;
            min-height: 500px;
            }.half-img video {
            object-fit: cover;
            height: 100%;
            position: absolute;
            border-radius: 60px;
            overflow: hidden;
            height: auto;
            max-height: 100%;
            }.prod-card > div > * {
  margin-bottom: 20px;
}

.prod-card:has(button) > div {
  margin-bottom: 40px;
}
        .prod-card {
            margin: 40px 40px 0 0;
            }.prod-card img {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 6 / 5;
            border-radius: 5%;
            object-fit: cover;
            }.prod-card a {
            color: var(--primary);
            position: absolute;
            bottom: 30px;
            }.prod-card h1,.prod-card h2,.prod-card h3 {
            font-size: clamp(24px, 2vw, 36px);
            line-height: 1.2;
            }.prod-card p {
            font-size: clamp(16px, 1vw, 20px);
            line-height: 1.5;
            text-overflow: ellipsis;
            overflow-y: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            }.prod-card div {
            position: relative;
            }.prod-card button {
            position: absolute;
            width: max-content;
            margin-top: 15px;
            }.prodloc > div:nth-child(1) > p > a {
  position: absolute;
  bottom: -75px;
  bottom: 0px;
    border: solid 1px var(--primary);
    padding: 12px 24px;
    border-radius: 50px;
}

.prodloc > div:nth-child(1) > p:not(:has(> a)) {
  max-width: 500px;
  margin-top: 20px;
}

.prodloc > div:nth-child(1) > p > a:hover {
  background: var(--primary);
}

.products-layout:has(p:not(.sub-layout p) > a) .sub-layout {
    padding-bottom: 90px;
}
        .prodloc {
            position: relative;
            }.prodloc .prod-card {
            min-width: 250px !important;
            max-width: 250px !important;
            }.prodloc .product-card-container {
            overflow-x: scroll;
            display: flex;
            scrollbar-width: none;
            }.prodloc .fa-chevron-right {
            font-size: 24px;
            right: 0;
            top: 0;
            position: absolute;
            }.prodloc .fa-chevron-left {
            font-size: 24px;
            right: 30px;
            top: 0;
            position: absolute;
            }.prodloc .prod-card p {
            margin-bottom: 40px;
            }.prodloc .prod-card h1,.prodloc .prod-card h2,.prodloc .prod-card h3 {
            }.inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .half-img > div > div > div > figure {
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  z-index: -10;
}

.half-img > div:nth-child(1) > div > div > figure:nth-child(1) {
  top: -10%;
  left: 40%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(1) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 5%;
  max-height: 391px;
}

.half-img > div:nth-child(2) > div > div > figure:nth-child(1) {
  top: -10%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(2) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 65%;
  max-height: 391px;
}
        .half-img img {
            object-fit: cover;
            height: 100%;
            }.half-img .component-column {
            position: relative;
            min-height: 500px;
            }.half-img video {
            object-fit: cover;
            height: 100%;
            position: absolute;
            border-radius: 60px;
            overflow: hidden;
            height: auto;
            max-height: 100%;
            }.inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .inner-col .component-column > * {
  margin-bottom: 40px;
}

.inner-col .component-column > h1, .inner-col .component-column > h2, .inner-col .component-column > h3, .inner-col .component-column > h4, .inner-col .component-column > h5 {
  margin-bottom: 0px;
}
        .half-img > div > div > div > figure {
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  z-index: -10;
}

.half-img > div:nth-child(1) > div > div > figure:nth-child(1) {
  top: -10%;
  left: 40%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(1) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 5%;
  max-height: 391px;
}

.half-img > div:nth-child(2) > div > div > figure:nth-child(1) {
  top: -10%;
  width: 60%;
  height: 110%;
  max-height: 777px;
  min-height: 375px;
}
.half-img > div:nth-child(2) > div > div > figure:nth-child(2) {
  width: 30%;
  height: 50%;
  top: 30%;
  left: 65%;
  max-height: 391px;
}
        .half-img img {
            object-fit: cover;
            height: 100%;
            }.half-img .component-column {
            position: relative;
            min-height: 500px;
            }.half-img video {
            object-fit: cover;
            height: 100%;
            position: absolute;
            border-radius: 60px;
            overflow: hidden;
            height: auto;
            max-height: 100%;
            }
    </style>
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

<script src="https://consent.cookiefirst.com/sites/shuffly.com-206eb955-4632-4114-bb81-7ed917218bb3/consent.js"></script>


<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '413794804861205');
  fbq('track', 'PageView');
</script>
<noscript>
  <img height="1" width="1" style="display:none" 
       src="https://www.facebook.com/tr?id=413794804861205&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
</head>
<body>
    
    
<div id="navbar" class="fixed" onmouseleave="exit_all()">
        <script>
        function search() {
            window.location.href = "/search?q=" + encodeURIComponent(document.getElementById('query').value);
        }
    </script>
        <div id="navbar-bar" class="grid grid-cols-12 content-center closed
        
        nvbr 
         px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                <div id="navbar-content" class="col-span-5 sm:col-span-3 content-center h-full">
                

            <figure><a href="/en"><img src="/uploads/Logos/Shuffly.svg" alt="Shuffly Logo" /></a></figure>

            </div>

                <div class="hidden sm:block col-span-9 self-center grid grid-cols-12">

                                            <div class="no-hide col-span-12 flex flex-nowrap gap-[2vw]
         justify-end
        ">
                                        <button 
                href="/en/about/contact"
                class="button"
                >Contact</button>
            
                                    <div id="languages" class="self-center">
                                                                                                                                                                                    <a>en</a>
                <div class="languages-content sub-dropdown ">
                    <div class="grid grid-cols-12">
                                                                                            <a class="col-span-12 opacity-60">EN</a> 
                                                                                                                                                            <a hreflang="nl" href="/nl" class="col-span-12 hover:opacity-50">NL</a> 
                              
                                                                </div>
                </div>
            </div>
            
                        
                                </div>
    

            <ul class="
            col-span-12 flex flex-nowrap justify-end gap-[5vw]">
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-what-we-do" 
    href="https://shuffly.com/en/what-we-do"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >What we do</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-our-advice" 
    href="https://shuffly.com/en/our-advice"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Our advice</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboards-for-your-business" 
    href="https://shuffly.com/en/shuffleboards-for-your-business"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Industries</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboard-tables" 
    href="https://shuffly.com/en/shuffleboard-tables"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Products</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-projects" 
    href="https://shuffly.com/en/projects"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Projects</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-about" 
    href="https://shuffly.com/en/about"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >About us</a>
    
    
        </div>
</li>
                                        
            </ul>
        </div>

                <div id="hamburger" class="block sm:hidden col-span-7 self-center
        ">
            <div class="collapsable w-full hidden">
                                            <div class="no-hide col-span-12 flex flex-nowrap gap-[2vw]
         justify-end
        ">
                                        <button 
                href="/en/about/contact"
                class="button"
                >Contact</button>
            
                                    <div id="languages" class="self-center">
                                                                                                                                                                                    <a>en</a>
                <div class="languages-content sub-dropdown ">
                    <div class="grid grid-cols-12">
                                                                                            <a class="col-span-12 opacity-60">EN</a> 
                                                                                                                                                            <a hreflang="nl" href="/nl" class="col-span-12 hover:opacity-50">NL</a> 
                              
                                                                </div>
                </div>
            </div>
            
                        
                                </div>
    
            </div>
            <div class="grid grid-cols-12">
                <div class="col-span-1
                 col-end-12                collapsable hidden">
                        
                </div>
                <button class="collapsable col-span-1 w-[20px] 
                 col-end-12" onclick="toggle()">
                    <img src="/icons/defaults/hamburger.svg"/>
                </button>
            </div>
            
        </div>

        
    </div>
                                    <div 
    id="nav-sub-items-our-advice" 
    class="grid grid-cols-12 hidden">
        <ul 
        class="
        grid grid-cols-12 justify-items-end
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                                                        <li class="col-span-12 sub-li sub-li-blog">
            <a 
             href="https://shuffly.com/en/our-advice/blog"             class="subpage hover:opacity-40 "
            >Blogs</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-how-to-play-shuffleboard">
            <a 
             href="https://shuffly.com/en/our-advice/how-to-play-shuffleboard"             class="subpage hover:opacity-40 "
            >How to play</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-where-to-play-shuffleboard">
            <a 
             href="https://shuffly.com/en/our-advice/where-to-play-shuffleboard"             class="subpage hover:opacity-40 "
            >Where to play</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboards-for-venues">
            <a 
             href="https://shuffly.com/en/our-advice/shuffleboards-for-venues"             class="subpage hover:opacity-40 "
            >Why shuffleboards at your venue</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-how-to-choose-shuffleboards">
            <a 
             href="https://shuffly.com/en/our-advice/how-to-choose-shuffleboards"             class="subpage hover:opacity-40 "
            >How to choose the best shuffleboard</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-best-shuffleboards-table-sizes">
            <a 
             href="https://shuffly.com/en/our-advice/best-shuffleboards-table-sizes"             class="subpage hover:opacity-40 opacity-50"
            >Best shuffleboard table sizes</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-tournament-guide">
            <a 
             href="https://shuffly.com/en/our-advice/shuffleboard-tournament-guide"             class="subpage hover:opacity-40 "
            >Shuffleboard tournament guide</a>
            </li>
                            </ul>
    </div>
                                                <div 
    id="nav-sub-items-about" 
    class="grid grid-cols-12 hidden">
        <ul 
        class="
        grid grid-cols-12 justify-items-end
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                                                        <li class="col-span-12 sub-li sub-li-shuffly-shuffleboards">
            <a 
             href="https://shuffly.com/en/about/shuffly-shuffleboards"             class="subpage hover:opacity-40 "
            >Why Shuffly</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-how-shuffleboards-are-made">
            <a 
             href="https://shuffly.com/en/about/how-shuffleboards-are-made"             class="subpage hover:opacity-40 "
            >How it&#039;s made</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-team">
            <a 
             href="https://shuffly.com/en/about/team"             class="subpage hover:opacity-40 "
            >Team</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-vacancies">
            <a 
             href="https://shuffly.com/en/about/vacancies"             class="subpage hover:opacity-40 "
            >Vacancies</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-contact">
            <a 
             href="https://shuffly.com/en/about/contact"             class="subpage hover:opacity-40 "
            >Contact</a>
            </li>
                            </ul>
    </div>
        

                    <div class="collapsable grid grid-cols-12 hidden sm:hidden h-[95vh] expand-right  mobile-menu
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">

            <button class="col-span-1 flex justify-center" onclick="toggle()">
                <img 
                src="/icons/defaults/expand-up.svg"
                height="60px"/>
            </button>
            <span class="col-span-6"></span>
            <div class="col-span-5" >
            <ul class="flex flex-col justify-end">
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-what-we-do" 
    href="https://shuffly.com/en/what-we-do"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >What we do</a>
    
    
        </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-our-advice" 
    href="https://shuffly.com/en/our-advice"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Our advice</a>
    
    
        <span class="col-span-3"></span>
        <a 
    id="nav-item-blog" 
    href="https://shuffly.com/en/our-advice/blog"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Blogs</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-how-to-play-shuffleboard" 
    href="https://shuffly.com/en/our-advice/how-to-play-shuffleboard"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >How to play</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-where-to-play-shuffleboard" 
    href="https://shuffly.com/en/our-advice/where-to-play-shuffleboard"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Where to play</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboards-for-venues" 
    href="https://shuffly.com/en/our-advice/shuffleboards-for-venues"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Why shuffleboards at your venue</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-how-to-choose-shuffleboards" 
    href="https://shuffly.com/en/our-advice/how-to-choose-shuffleboards"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >How to choose the best shuffleboard</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-best-shuffleboards-table-sizes" 
    href="https://shuffly.com/en/our-advice/best-shuffleboards-table-sizes"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    opacity-60"
    >Best shuffleboard table sizes</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-tournament-guide" 
    href="https://shuffly.com/en/our-advice/shuffleboard-tournament-guide"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboard tournament guide</a>
    
                        
                </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboards-for-your-business" 
    href="https://shuffly.com/en/shuffleboards-for-your-business"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Industries</a>
    
    
        </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboard-tables" 
    href="https://shuffly.com/en/shuffleboard-tables"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Products</a>
    
    
        </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-projects" 
    href="https://shuffly.com/en/projects"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Projects</a>
    
    
        </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-about" 
    href="https://shuffly.com/en/about"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >About us</a>
    
    
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffly-shuffleboards" 
    href="https://shuffly.com/en/about/shuffly-shuffleboards"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Why Shuffly</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-how-shuffleboards-are-made" 
    href="https://shuffly.com/en/about/how-shuffleboards-are-made"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >How it&#039;s made</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-team" 
    href="https://shuffly.com/en/about/team"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Team</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-vacancies" 
    href="https://shuffly.com/en/about/vacancies"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Vacancies</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-contact" 
    href="https://shuffly.com/en/about/contact"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Contact</a>
    
                        
                </div>
</li>
                        </ul>
            </div>
        </div>
        
</div>

<script>
    updateBar();
        function toggle() {
        let collapsables = document.getElementsByClassName("collapsable");
        let navbar       = document.getElementById        ("navbar-bar" );
        let open         = navbar.classList.contains      ("open"       );
        navbar.classList.remove(open ? "open"   : "closed");
        navbar.classList.add   (open ? "closed" : "open"  );
        for (var i = 0; i < collapsables.length; i++) {
            let collapsed = collapsables[i].classList.contains("hidden");
            collapsables[i].classList.remove(collapsed ? "hidden" : "block" );
            collapsables[i].classList.add   (collapsed ? "block"  : "hidden");
        };
        updateBar(true)
    }

        window.addEventListener("scroll", (event) => {
        updateBar();
    });
    window.addEventListener('resize', (event) => {
        updateBar(true);
        exit_all();
    });

    function updateBar(freshOpen = false) {
        let collapsables = document.getElementsByClassName("scroll-hide"); //sub bar
        let navbar       = document.getElementById  ("navbar-bar");
        let content      = document.getElementById  ("navbar-content");
        let open         = navbar.classList.contains("open"  );
        let scroll       = this.scrollY;
        let shrink       = "shrink";
        let transparent  = "opacity-100";

        if(scroll < 50 || open || freshOpen) {
            for (var i = 0; i < collapsables.length; i++) {  //sub bar reveal
                let collapsed = collapsables[i].classList.contains("hidden");
                if(collapsed) {
                    collapsables[i].classList.remove("hidden");
                    collapsables[i].classList.add   ("block");
                }
            };
            if(0 && navbar.classList.contains(shrink)) {
                content.style.width    = "unset";
                                navbar.classList.remove(shrink);
            }
            if(1  && navbar.classList.contains(transparent))
                navbar.classList.remove(transparent);
        } else {
            for (var i = 0; i < collapsables.length; i++) {  //sub bar hide
                let collapsed = collapsables[i].classList.contains("hidden");
                if(!collapsed) {
                    collapsables[i].classList.remove("block");
                    collapsables[i].classList.add   ("hidden");
                }
            };
            if(0 && !navbar.classList.contains(shrink)) {
                content.style.width    = "60%";
                                navbar.classList.add(shrink);
            }
            if(1  && !navbar.classList.contains(transparent))
                navbar.classList.add(transparent);
        }
    }

            let page_what_we_do    = document.getElementById("nav-item-what-we-do");
    page_what_we_do.addEventListener("mouseover", hover_what_we_do);

        function hover_what_we_do(event) {
        exit_all();
    }
            let page_our_advice    = document.getElementById("nav-item-our-advice");
    page_our_advice.addEventListener("mouseover", hover_our_advice);

        let subList_our_advice = document.getElementById("nav-sub-items-our-advice");
    function hover_our_advice(event) {
        exit_all();
        page_our_advice.style.textDecoration = "underline solid var(--navbar-special) 5px";
        page_our_advice.style.textUnderlineOffset = "15px";
        page_our_advice.style.opacity = page_our_advice.getAttribute('href')!=null? "0.25" : "1";
        subList_our_advice.style.display = "block";
    }
    
    function exit_our_advice() {
        page_our_advice.style.textDecoration = "unset";
        page_our_advice.style.opacity        = "unset";
        subList_our_advice.style.display = "none";
    }
                let page_shuffleboards_for_your_business    = document.getElementById("nav-item-shuffleboards-for-your-business");
    page_shuffleboards_for_your_business.addEventListener("mouseover", hover_shuffleboards_for_your_business);

        function hover_shuffleboards_for_your_business(event) {
        exit_all();
    }
            let page_shuffleboard_tables    = document.getElementById("nav-item-shuffleboard-tables");
    page_shuffleboard_tables.addEventListener("mouseover", hover_shuffleboard_tables);

        function hover_shuffleboard_tables(event) {
        exit_all();
    }
            let page_projects    = document.getElementById("nav-item-projects");
    page_projects.addEventListener("mouseover", hover_projects);

        function hover_projects(event) {
        exit_all();
    }
            let page_about    = document.getElementById("nav-item-about");
    page_about.addEventListener("mouseover", hover_about);

        let subList_about = document.getElementById("nav-sub-items-about");
    function hover_about(event) {
        exit_all();
        page_about.style.textDecoration = "underline solid var(--navbar-special) 5px";
        page_about.style.textUnderlineOffset = "15px";
        page_about.style.opacity = page_about.getAttribute('href')!=null? "0.25" : "1";
        subList_about.style.display = "block";
    }
    
    function exit_about() {
        page_about.style.textDecoration = "unset";
        page_about.style.opacity        = "unset";
        subList_about.style.display = "none";
    }
        function exit_all() {
        exit_our_advice();
        exit_about();
    }

</script>


            <div class="default animations default-button  w-full">
        
            
<div id="" class="header-small-layout
grid grid-cols-12
text-center 
col-span-12  
 

 pt-20
    
mt-12
    
"
                    style="background-image: url(&#039;/uploads/PageContent/Supercharged-Electric-Shuffleboard.jpg&#039;);"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h1><strong>Best Shuffleboard Table Sizes</strong></h1>
<h2>The Buyer Guide</h2>
    
            </div>
             
                    </div>    
            
<div class="breadcrumb">
    <ul class="breadcrumb">
                            <li><a href="/en/">Home</a></li>
                                        <li>&gt;</li>
                                <li><a href="/en/our-advice">Our advice</a></li>
                                        <li>&gt;</li>
                                <li><a href="/en/our-advice/best-shuffleboards-table-sizes">Best shuffleboard table sizes</a></li>
                                    </ul>
</div>    
            
    
<div id="" class="centered-content-layout
grid grid-cols-12

col-span-12  
 

 p-3
    xs:pl-0
    xs:pr-6
    sm:pr-20
    md:pr-32
    lg:pr-48
    xl:pr-64
    

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>Choose The Best Shuffleboard Table Size in 4 Steps</h2>
<h3>Shuffleboard Expert’s Advice</h3>
<p dir="ltr">The size of your shuffleboard can impact the look of your space and even the amount of revenue that’s made in a professional venue. Small boards match smaller venues and are easier for entry-level players. Big boards make a big visual impact and can host more people, which can generate more revenue per square meter. Discover everything you need to know to choose the right shuffleboard for your space.<br /></p>
    
            </div>
             
                    </div>    
            
    
<div id="" class="f50-50-layout
grid grid-cols-12
half-img 
col-span-12  
 

 py-3
     px-0
    
my-12
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>1 . Game Room Size</h3>
<p>The size of your room is fundamental when choosing the right shuffleboard.</p><ul><li>Tip 1: Measure the area where you will place the shuffleboard and go for a board that fits in the space.</li><li>Tip 2: Make sure to leave about 3 feet/90 cm around the table so players can walk around comfortably and have enough room to take their turn on the board.</li><li>Tip 3: Don’t forget: a shuffleboard needs to fit through the door of your room :) Shuffly delivers professional boards disassembled and assembled them at the venue.</li></ul>
                <a href="https://shuffly.com/en/shop" title="https://shuffly.com/en/shop"  >
        <button>Check All Our Shuffleboards</button>
        </a>    
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Supercharged-Shuffleboard-Shuffly20.jpg" alt="" /></figure>
<figure><img src="/uploads/PageContent/Supercharged-Shuffleboard-Shuffly13.jpg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="f50-50-layout
grid grid-cols-12
half-img 
col-span-12  
 

 py-3
     px-0
    
my-12
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/shuffleboard-for-leisure-business-1-1.jpg" alt="" /></figure>
<figure><img src="/uploads/PageContent/shuffleboards-shuffly.jpg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>2. Professional Shuffleboard Sizes</h3><ul><li><strong>9 feet/275 cm</strong>, this board is smaller than most American shuffleboards. It’s compact, convenient, and perfect for small venues. See our Buffalo Shuffleboard.</li><li><strong>12 feet/365 cm</strong>, is recommended when the room is too small for a standard 14 feet shuffleboard. Most Shuffly shuffleboards can be made in this size. See our Buffalo Solid Oak for a classic look, our LED Shuffleboard for an attention-grabbing feature or our Game-Volt Supercharged Shuffleboard for a high-tech interactive gaming experience.</li><li><strong>14 feet/425 cm</strong>, the ideal balance between an enjoyable length, efficient use of space, and cost. The standard length of most Shuffly shuffleboards, and for good reason! See our DreamX Shuffleboard, our LED Shuffleboard, and our Old Oak Shuffleboard.</li><li><strong>16 feet/487 cm</strong>, right in between medium and large. Any sizes above 16 feet feel similar to professional boards. See our Old Oak Shuffleboard to add a nostalgic atmosphere to the room.</li><li><strong>18 feet/550 cm</strong>, big and impressive, a statement in your venue! All shuffleboards can be made this size when smaller boards don’t fill up a big space. A great size for our Shuffleboard Bar, which has integrated bars that accommodate groups of up to 20 people to enjoy drinks at a single shuffleboard!</li><li><strong>22 feet/670 cm</strong>, this size is the official length for professional shuffleboard tournaments. See our Original Shuffleboard.</li></ul>
                    
    
            <a href="/en/about/contact"  >
        <button>Visit our showroom</button>
        </a>        
        
            </div>
             
                    </div>
                                                        </div>
                    </div>    
                
            
<div id="" class="products-layout
grid grid-cols-12
prodloc 
col-span-12  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>Shuffleboards available in most sizes</h2>
                <p><a href="https://shuffly.com/en/shop/">See all Shuffleboards</a></p>
    
            </div>
             
                                            <div class="sub-layout product-card-container 
                                    grid grid-cols-12
            col-span-12  
            
            
            ">
                                                         

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/GIFs/buy-a-modular-shuffleboard-webshop-ratio.gif"/>
<h2>NEW - Modular Shuffleboard</h2>
<p>Customize your own shuffleboard! Choose from LED lighting, bars, the interactive Shuffle Showdown, custom branding, and more.</p>
<p><a href="https://shuffly.com/en/shuffleboard-tables/modular-shuffleboard">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Shuffle-Showdown/shuffle-showdown-shuffleboard.jpg"/>
<h2>NEW - Shuffle Showdown</h2>
<p>The Ultimate High-Tech Shuffleboard Experience. This groundbreaking system combines the classic fun of shuffleboard with the latest technology.</p>
<p><a href="https://shuffly.com/en/shuffleboard-tables/shuffle-showdown">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Shuffleboard-bar/Shuffleboard-bar-without-stools.jpg"/>
<h2>Shuffleboard Bar</h2>
<p>Play, drink, and enjoy at the Shuffleboard Bar with groups of up to 20 people. Smart design for maximum revenue per m²!</p>
<p><a href="https://shuffly.com/en/shuffleboard-tables/shuffleboard-bar">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/LED-Shuffleboard/led-shuffleboard.jpg"/>
<h2>LED Shuffleboard</h2>
<p>Choose the color you want with the LED shuffleboard! Elevate your space and easily customize the shuffleboard to your venue.</p>
<p><a href="https://shuffly.com/en/shuffleboard-tables/led-shuffleboard">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Original-Shuffleboard/original-shuffleboard.jpg"/>
<h2>Original Shuffleboard</h2>
<p>The classic Shuffly Shuffleboard. Made of solid ash wood and a solid oak playing field in a modern black color to fit into any interior.</p>
<p><a href="https://shuffly.com/en/shuffleboard-tables/original-shuffleboard">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Steel-DreamX-Shuffleboard/Steel-DreamX-Shuffleboard-3.jpg"/>
<h2>Steel DreamX Shuffleboard</h2>
<p>Heavy-duty shuffleboard with an industrial look. Its powder-coated steel frame, solid oak field, and leather gutter create a unique shuffleboard!</p>
<p><a href="https://shuffly.com/en/shuffleboard-tables/steel-dreamx-shuffleboard">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="f50-50-layout
grid grid-cols-12
half-img 
col-span-12  
 

 py-3
     px-0
    
my-12
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>3. Home Shuffleboard Sizes</h3>
<ul><li><strong>9 feet/275 cm</strong>, our smallest shuffleboard. The best option for a small home entertainment zone. See our <a href="https://shuffly.com/en/shuffleboard-tables/buffalo-shuffleboard-solid-oak">Buffalo Shuffleboard.</a></li><li><strong>12 feet/365 cm</strong>, the right fit for a small to medium sized space, such as a game room or a basement. This size is available in <a href="https://shuffly.com/en/shuffleboard-tables">most Shuffly shuffleboards.</a></li><li><strong>14 feet/425 cm</strong>, great for medium-sized entertainment spaces at home. This is Shuffly’s standard size. See our <a href="https://shuffly.com/en/shuffleboard-tables/original-shuffleboard">Original Shuffleboard</a>, or add some extra flair with our <a href="https://shuffly.com/en/shuffleboard-tables/led-shuffleboard">LED Shuffleboard.</a></li><li><strong>16 feet/487 cm</strong>, for a professional feel at a smaller size. Most boards can come in 16 ft, such as our Steel DreamX Shuffleboard or our <a href="https://shuffly.com/en/shuffleboard-tables/old-oak-shuffleboard">Old Oak Shuffleboard.</a></li><li><strong>18 feet/550 cm</strong>, large and perfect for big entertainment spaces, outdoor patios or backyards.</li><li><strong>22 feet/670 cm</strong>, for when you want to host a professional shuffleboard tournament at home. See our <a href="https://shuffly.com/en/shuffleboard-tables/original-shuffleboard">Original Shuffleboard.</a><br /></li></ul>
                <a href="https://shuffly.com/en/shop" title="https://shuffly.com/en/shop"  >
        <button>Buy a Shuffleboard</button>
        </a>    
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Supercharged-Shuffleboard-Shuffly20.jpg" alt="" /></figure>
<figure><img src="/uploads/PageContent/Supercharged-Shuffleboard-Shuffly13.jpg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="f50-50-layout
grid grid-cols-12
half-img 
col-span-12  
 

 py-3
     px-0
    
my-12
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/shuffleboard-for-leisure-business-1-1.jpg" alt="" /></figure>
<figure><img src="/uploads/PageContent/shuffleboards-shuffly.jpg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
 
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h4><strong>4. Custom Shuffleboards</strong></h4>
<p>Next to standard sizes, shuffleboards can be made fully custom-made to accommodate your professional venue or home space. We can customize:</p><ul><li>Shuffleboard sizing</li><li>Materials</li><li>Branding</li><li>LED lighting</li></ul>
                    
    
            <a href="/en/about/contact"  >
        <button>Contact us</button>
        </a>        
        
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
            
<div id="" class="f50-50-layout
grid grid-cols-12
round-img 
col-span-12  
cta-custom-card  

 py-3
     px-0
    
my-9
    
"
>
                                         <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
cta-custom-card  
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2><em>Get in touch</em></h2>
<p>We're committed to making your shuffleboard venture a success! If you would you like to visit our showroom, get a quote or shuffleboard advice, please feel free to contact us!</p>
                    
    
            <a href="/en/about/contact"  >
        <button>Contact</button>
        </a>        
        
            </div>
             
                    </div>
                                                        </div>
                                            <div class="sub-layout f50-width-container 
                                    grid grid-cols-12
            col-span-12 md:col-span-6  
            
            
            ">
                                                         

<div  class="f50-width-layout
grid grid-cols-12
inner-col 
col-span-12  
cta-custom-card  
gap-6
    
 px-0
     py-3
    xl:py-6
    
m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Paul-en-Micky.png" alt="Paul en Micky - Shuffly" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
    

            </div>
             
                    </div>    
            
    
<div id="" class="centered-content-layout
grid grid-cols-12

col-span-12  
accordion  

 p-3
    xs:pl-0
    xs:pr-6
    sm:pr-20
    md:pr-32
    lg:pr-48
    xl:pr-64
    

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>FAQs about shuffleboard table sizes</h2><h3>How long are official shuffleboard tables?</h3>
<p>Official shuffleboard tables for tournaments are 22 feet or 670.56 cm long.</p>
<h3>Is a 12 foot shuffleboard big enough?</h3>
<p>We advise 14 feet as an ideal size, but 12 foot tables still ensure a lot of fun for smaller venues! We recommend matching the shuffleboard to the size of your venue and can advise you on what size to choose for your space.</p>

<h3>Is a 9 ft shuffleboard table too short?</h3>
<p>A 9 foot/275 cm shuffleboard is smaller than most American shuffleboards, but can be a good fit for very small spaces or home entertainment areas. It can also be great for kids or beginner players, but experienced players often prefer a bigger board. </p>

<h3>What is the official size of a shuffleboard court?</h3>
<p>Shuffleboards often range from 12 feet to 22 feet. 9’ is the smallest table we offer. 22’ is the regulated size for professional game tournaments. </p>

<h3>What is the most popular shuffleboard length?</h3>
<p>The most popular shuffleboard sizes differ per country. Venues in the US are often bigger, but the most popular sizes in the Netherlands are 14 foot and 12 foot. Most Shuffly shuffleboards can be made in these sizes, with 14 foot being the standard Shuffly size.</p>
    
            </div>
             
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                    
            </div>
             
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
                
<div id="" class="frth-col-layout
grid grid-cols-12

col-span-12  
 
gap-6
    

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>What we do</h2>
    
            </div>
             
                                            <div class="sub-layout fourth-container 
                                    grid grid-cols-12
            col-span-12  
            gap-6
    
            
            ">
                                                         

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/shuffleboard-for-leisure-business-2-1.jpg"/>
<h4>Social Gaming Advice</h4>
<p>Expert advice to boost revenue, optimize space, and create social engagement.<br /><a href="https://shuffly.com/en/what-we-do/social-gaming-advice"><br />Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Shuffle-Showdown/Shuffle-Showdown-HR-13.jpg"/>
<h4>Shuffleboard Experiences</h4>
<p>Specialists in concept, design, and master planning of Shuffleboard Experiences.<br /><a href="https://shuffly.com/en/what-we-do/shuffleboard-experiences"><br />Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Original-Shuffleboard.jpg"/>
<h4>Shuffleboard Design</h4>
<p>Custom, premium shuffleboards - from analog to electric - to elevate your venue.<br /><a href="https://shuffly.com/en/what-we-do/shuffleboard-design"><br />Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/shuffleboard-manufacturing-1-1.jpeg"/>
<h4>Shuffleboard Manufacturing</h4>
<p>Durable shuffleboards made to last a lifetime, crafted in our in-house facility.<br /><a href="https://shuffly.com/en/what-we-do/shuffleboard-manufacturing"><br />Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
    

            </div>
             
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <a href="https://shuffly.com/en/what-we-do" title="https://shuffly.com/en/what-we-do"  >
        <button>What We Do</button>
        </a>    
            </div>
             
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                    
            </div>
             
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
                
<div id="" class="products-layout
grid grid-cols-12
prodloc 
col-span-12  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>Our advice</h2>
    
            </div>
             
                                            <div class="sub-layout product-card-container 
                                    grid grid-cols-12
            col-span-12  
            
            
            ">
                                                         

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Supercharged-Shuffleboard-Shuffly13.jpg"/>
<h3>How to play</h3>
<p><a href="https://shuffly.com/en/our-advice/how-to-play-shuffleboard">Read more</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Shuffly-showroom-play-shuffleboard.jpg"/>
<h3>Where to play</h3>
<p><a href="https://shuffly.com/en/our-advice/where-to-play-shuffleboard">Read more</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/shuffleboards-shuffly_light.jpg"/>
<h3>Why shuffleboards at your venue</h3>
<p><a href="https://shuffly.com/en/our-advice/shuffleboards-for-venues">Read more</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Shuffly-LED-Shuffleboard.jpg"/>
<h3>How to choose the best shuffleboard</h3>
<p><a href="https://shuffly.com/en/our-advice/how-to-choose-shuffleboards">Read more</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/DreamX-Shuffleboards-De-Final-Touch-Amsterdam-1920w.webp"/>
<h3>Best shuffleboard table sizes</h3>
<p><a href="https://shuffly.com/en/our-advice/best-shuffleboards-table-sizes">Read more</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Shuffly-LED-Shuffleboard.jpg"/>
<h3>Shuffleboard tournament guide</h3>
<p><a href="https://shuffly.com/en/our-advice/shuffleboard-tournament-guide">Read more</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    <span class="destroy hidden">empty</span>
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    <span class="destroy hidden">empty</span>
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    <span class="destroy hidden">empty</span>
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    <span class="destroy hidden">empty</span>
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    <span class="destroy hidden">empty</span>
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    <span class="destroy hidden">empty</span>
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    <span class="destroy hidden">empty</span>
                
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
    

            </div>
             
                    </div>    
    </div>
        <footer class="default animations default-button  w-full z-[-1]">
        
            
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
            
<div id="" class="footer-layout
grid grid-cols-12
footer 
col-span-12  
 
gap-y-9
    gap-x-12
    
 pb-20
    
m-0
    
"
>
                                             <div class="empty-column
    col-span-12 
    
    
    ">
    </div>
 
                                                                        <div class="component-column
    col-span-5 sm:col-span-6 md:col-span-3 xl:col-span-2 
    
    
    ">
                                    
    
            <p><strong>QUICK LINKS</strong><br /><a href="https://shuffly.com/en/about">About</a><a href="https://shuffly.com/en/what-we-do"><br />What we do</a><a href="https://shuffly.com/en/shuffleboards-for-your-business"><br />Industries</a><a href="https://shuffly.com/en/projects"><br />Projects</a><a href="https://shuffly.com/en/our-advice"><br />Advice<br /></a><a href="https://shuffly.com/en/about/vacancies">Vacancies<br /></a><a href="https://shuffly.com/en/about/contact">Contact</a><br /></p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 sm:col-span-6 md:col-span-5 xl:col-span-3 
    
    
    ">
                                    
    
            <p><strong><a href="https://shuffly.com/en/shuffleboard-tables">PRODUCTS</a></strong><a href="https://shuffly.com/en/shuffleboard-tables/shuffle-showdown"><br />Shuffle Showdown</a><br /><a href="https://shuffly.com/en/shuffleboard-tables/modular-shuffleboard">Shuffleboard Bar</a><a href="https://shuffly.com/en/shuffleboard-tables/led-shuffleboard"><br />LED Shuffleboard<br /></a><a href="https://shuffly.com/en/shuffleboard-tables/dining-shuffleboard">Dining Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/steel-dreamx-shuffleboard"><br />DreamX Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/old-oak-shuffleboard"><br />Old Oak Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/original-shuffleboard"><br />Original Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/buffalo-shuffleboard-solid-oak"><br />Buffalo Solid Oak Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/buffalo-shuffleboard-ash-wood"><br />Buffalo Ash Wood Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/modular-shuffleboard"><br />Custom Shuffleboard</a></p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-2 
    
    
    ">
                                    
    
            <p><strong><a href="https://shuffly.com/en/competitive-socializing-games">COMPETITIVE SOCIALIZING GAMES</a></strong><a href="https://shuffly.com/en/competitive-socializing-games/shuffleboards"><br />Shuffleboards</a><a href="https://shuffly.com/en/competitive-socializing-games/augmented-reality-darts"><br />Augmented Reality Darts</a><a href="https://shuffly.com/en/competitive-socializing-games/interactive-darts"><br />Interactive Darts</a><a href="https://shuffly.com/en/competitive-socializing-games/bowling"><br />Bowling</a><a href="https://shuffly.com/en/competitive-socializing-games/billiards"><br />Billiards</a><a href="https://shuffly.com/en/competitive-socializing-games/arcade"><br />Arcade</a><a href="https://shuffly.com/en/competitive-socializing-games/axe-throwing"><br />Axe Throwing</a><a href="https://shuffly.com/en/competitive-socializing-games/pinball"><br />Pinball</a><a href="https://shuffly.com/en/competitive-socializing-games/foosball"><br />Foossball</a><a href="https://shuffly.com/en/competitive-socializing-games/jenga"><br />Jenga</a><a href="https://shuffly.com/en/competitive-socializing-games/jeu-de-boules-petanque"><br />Jeu De Boules</a><a href="https://shuffly.com/en/competitive-socializing-games/sjoelen"><br />Sjoelen</a></p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-5 sm:col-span-6 md:col-span-4 xl:col-span-2 
    
    
    ">
                                    
    
            <p><strong><a href="https://shuffly.com/en/about/contact">CONTACT</a></strong></p>
<p><a href="tel:+31636463303"></a><a href="tel:0636463303" target="_blank" rel="noreferrer noopener"></a><a href="tel:0624661067">+31 6 246 610 67</a></p>
<p><a href="mailto:info@shuffly.nl">info@shuffly.nl</a></p>
<p><br />Shuffly B.V.</p>
<p>Dillenburgstraat 11b</p>
<p>5652 AM Eindhoven</p>
<p>The Netherlands</p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 md:col-span-4 xl:col-span-3 
    
    
    ">
                                <figure><img src="/uploads/Logos/Shuffly.svg" alt="Shuffly - innovative shuffleboards" /></figure>
                <div id="socials" style="display: flex;">
<a href="http://instagram.com/playshuffly" target="_blank"><object data="/uploads/Logos/socials/instagram.svg" type="image/svg+xml"></object></a>

<a href="https://facebook.com/playshuffly" target="_blank"><object data="/uploads/Logos/socials/facebook.svg" type="image/svg+xml"></object></a>

<a href="mailto:info@shuffly.nl" target="_blank"><img src="/uploads/Logos/socials/mail.png" /></a>

<a href="https://web.whatsapp.com/send?phone=+31636463303" target="_blank"><object data="/uploads/Logos/socials/whatsapp.svg" type="image/svg+xml"></object></a>

<a href="https://www.linkedin.com/in/micky-verhaeg-8690b1149/" target="_blank"><object data="/uploads/Logos/socials/linkedin.svg" type="image/svg+xml"></object></a>

<a href="http://pinterest.com/playshuffly" target="_blank"><object data="/uploads/Logos/socials/pinterest.svg" type="image/svg+xml"></object></a>

<a href="https://www.youtube.com/@PlayShuffly" target="_blank"><object data="/uploads/Logos/socials/youtube.svg" type="image/svg+xml"></object></a>
</div>
    
            </div>
             
                                                <div class="empty-column
    col-span-12 
    
    
    ">
    </div>
 
                                                                        <div class="component-column
    col-span-12 
    
    
    ">
                                <div style="display: flex; gap: 20px; margin-top: -10px;">
                    
    
            <p><a href="https://shuffly.com/uploads/pdfs/SHUFFLY-privacycookie-statement-UK.pdf" target="_blank" rel="noreferrer noopener">Privacy and Cookie Policy</a><br /></p>

                    <p>|</p>
                    
    
            <p><a href="https://shuffly.com/uploads/pdfs/General-terms-of-conditions-EN.pdf" target="_blank" rel="noreferrer noopener">Terms and conditions</a></p>

                    <p>|</p>
                    
    
            <p>© 2025 Shuffly. All rights reserved.</p>

                    </div
    
            </div>
             
                    </div>    
    

            </div>
             
                    </div>    
            
    
<div id="messagesuccess" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <p>Your query has been sent. We'll get back to you soon.</p>
    
            </div>
             
                    </div>    
    </footer>
    <script>clean();</script>
    <script>
    const baseUrl = window.location.origin;
    const blogLink = document.querySelector('a[href="'+baseUrl+'/en/our-advice/blog"], a[href="'+baseUrl+'/nl/ons-advies/blog"]');
    blogLink.href = blogLink.href.replace("our-advice/","").replace("ons-advies/","");
</script>

<script>
var testimonial  = 1;
var testimonials = 0;

  function drawBG(color) {
    const top = Math.random() * window.innerHeight - 250;
    const left = Math.random() * 125 - 50;
    const size = 40 + Math.random() * 80;
    const canvas = document.createElement('canvas');
    canvas.style.position = "fixed"; 
    canvas.style.top = top + "px";
    canvas.style.left = left + "vw";
    canvas.style.zIndex = -100;
    canvas.style.opacity = 0.6;
    canvas.style.background = "radial-gradient(var("+color+"), transparent, transparent)";
    canvas.style.width = size + "vw";
    canvas.style.aspectRatio = "1 / 1";
    canvas.classList.add("blob");
    document.body.appendChild(canvas);
  }
  const colors = ["--primary", "--secondary", "third"];
  drawBG(colors[Math.floor(Math.random() * colors.length)] ?? "--primary");
  drawBG(colors[Math.floor(Math.random() * colors.length)] ?? "--primary");
  drawBG(colors[Math.floor(Math.random() * colors.length)] ?? "--primary");
  document.addEventListener("scroll", (event) => {
    [].forEach.call(document.getElementsByClassName("blob"), (blob) => blob.style.marginTop = window.scrollY * -0.4);
  });

  function doubleSlash() {
  if(window.location.pathname.includes("//"))
    window.location. replace(window.location.pathname.replaceAll("//", "/"));
  }

  function beforeLoad() {
    notifications();
    doubleSlash();
    animateFadeIn();
    loadAllTestimonials();
    loadAllAuthors();
    loadAllStars();
    navbarFix();
    navbuttons();
    loadAccordionArrows();
    navbarLists();
    getQuoteFunctionality();
  }

  function afterLoad() {
    //industries();
    setGalleryImageClicks();
    loadAccordion();
    loadAllTeamMembers();
    loadGalleryArrows() ;
    loadNestedNavbar();
    makeProductsClickable();
    mobileNavbarFixes();
    unhideCaptcha();
    navbarCloseCross();
  }

  function getQuoteFunctionality() {
    console.log("testing quotes");
    let s        = (JSON.parse(localStorage.getItem("selectedChips")) ?? []).join(", ");
    if(!s) return;
    let inserter = document.querySelector("#selected-items-for-quote > div");
    let form     = document.querySelector("body:has(#selected-items-for-quote) form");
    console.log(s, inserter, form);
    if(inserter) inserter.innerText = s;
    if(form) {
      let chips   = createElement("input", "", "hidden");
      chips.name  = "message[selected]"
      chips.id    = chips.name;
      chips.type  = "hidden";
      chips.value = s;
      form.insertBefore(chips, form.childNodes[0]);
    }
  }

  function makeProductsClickable() {
    let products = document.querySelectorAll(".prod-card > .component-column:has(a)");
    products.forEach((product) => {
      let link = product.querySelector("a");
      if(link.href) {
        product.style.cursor = "pointer";
        product.onclick = () => window.location = link.href;
      }
    });
  }

  function loadAllTeamMembers() {
     let members = document.querySelectorAll(".team-card-layout .component-column figure");
     members.forEach((member) => {
       if(member.childNodes.length >= 1) {
         let linked = member.childNodes[0].tagName == "A";
         let name = createElement("h2", linked ? member.childNodes[0].childNodes[0].alt :  member.childNodes[0].alt);
         if(member.childNodes.length >= 2)
           member.insertBefore(name, member.childNodes[1]);
         else
           member.appendChild(name);
       }
     });
  }

  function loadAllTestimonials() {
     var i = 1;
     let testimonials_ = document.querySelectorAll(".testimonials-layout .blog-card-layout");
     testimonials_.forEach((testimonial_) => {
       testimonial_.classList.add("testimonial-"+i);
       testimonial_.classList.remove(i > 1 ? "appear" : "disappear");
       testimonial_.classList.add(i > 1 ? "disappear" : "appear");
       //testimonial_.style.display = i > 1 ? "none" : "grid";
       let container = testimonial_.querySelector(".blog-card-layout > div:nth-child(2)");
       let e = createElement("span", "", "fa");
           e.classList.add("fa-chevron-right");
           e.onclick = () => {
            displayTestimonial(testimonial);
            testimonial = testimonial == testimonials ? 1 : testimonial + 1;
            displayTestimonial(testimonial);
          };
       container.appendChild(e);
       i++; testimonials++;
     });
  }
  function displayTestimonial(i) {
    let t = document.querySelector(".testimonial-"+i);
    if(t) {
     let b = t.classList.contains("appear");
     t.classList.remove(b ? "appear" : "disappear");
     t.classList.add(b ? "disappear" : "appear");
      //t.style.display = t.style.display == "grid" ? "none" : "grid";
    }
  }

  
  function loadAllAuthors() {
     let authors = document.querySelectorAll(".author-layout .component-column figure");
     authors.forEach((author) => {
       if(author.childNodes.length >= 1) {
         let linked = author.childNodes[0].tagName == "A" ;
         let name = createElement("h2", linked ? author.childNodes[0].childNodes[0].alt :  author.childNodes[0].alt);
         if(author.childNodes.length >= 2)
           author.insertBefore(name, author.childNodes[1]);
         else
           author.appendChild(name);
       }
       let right    = createElement("div", "", "col-span-2");
           right.classList.add("md:col-span-1");
       let contents = author.querySelectorAll("*:not(img)");
       contents.forEach((c) => right.insertBefore(c, null));
       author.insertBefore(right, null);
     });
  }  

  function loadAllStars() {
     let ratings = document.querySelectorAll(".testimonials-layout > div > div > div > p:nth-child(2)");
     ratings.forEach((rating) => {
       if(rating.textContent && parseInt(rating.textContent)) {
         let rate = parseInt(rating.textContent);
         rating.textContent = "";
         for(i = 1; i <= 5; i++) {
           let star = createElement("span", "", "fa");
           star.classList.add("fa-star");
           if(rate >= i)
             star.classList.add("checked");
           rating.appendChild(star);
          }
       }
     });
  }

function createElement(element, content, classnames) {
  var    e           = document.createElement(element);
         e.innerHTML = content.trim();
  if(classnames)
    e.classList.add(classnames);
  return e;
}

function elementInViewport(el, strict) {
  var top = el.offsetTop;
  //while(el.offsetParent) {
  //  el = el.offsetParent;
  //  top += el.offsetTop;
  //}

  return (top < window.pageYOffset + window.innerHeight*(strict? 1.5 : 0.75));
}

 function animateFadeIn () {
     let sections = document.querySelectorAll("body > div.default > div:not(body > div.default > div:nth-child(1))");
     sections.forEach((section) => {
       section.classList.add( elementInViewport(section, true) ? "fadedin" : "fadedout");
       document.addEventListener("scroll", (event) => {
         if(elementInViewport(section)) {
           section.classList.remove( "fadedout" );
           section.classList.add( "fadedin");
          }
       });
     });
 }


  function loadGalleryArrows() {
     var i = 1;
     let galleries = document.querySelectorAll(".gallery-layout, .products-layout");
     galleries.forEach((gallery) => {
       let right = createElement("span", "", "fa");
           right.classList.add("fa-chevron-right");
           right.onclick = () => {
            gallery.children[1].scrollBy({left: 630, behavior: "smooth"});
          };
       let left = createElement("span", "", "fa");
           left.classList.add("fa-chevron-left");
           left.onclick = () => {
            gallery.children[1].scrollBy({left: -630, behavior: "smooth"});
          };
       gallery.appendChild(right);
       gallery.appendChild(left);
     });
  }

  function loadAccordion() {
     let accordions = document.querySelectorAll(".accordion .component-column");
     accordions.forEach((accordion) => {
       if (accordion.children.length > 1) {
         for(i = 1; i < accordion.children.length; i++) {
           if(accordion.children[i]?.tagName != "H3")
             accordion.children[i]?.classList?.add("ac-collapsed");
           else {
             accordion.children[i]?.classList?.add("ac-"+i);
             accordion.children[i].index = i;

             //console.log("setOnclick", i, accordion.children[i].classList, accordion.children[i]);
             accordion.children[i].onclick = (e) => {
               for(i_ = e.target.index+1; i_ < accordion.children.length && accordion.children[i_]?.tagName != "H3"; i_++) {
                  accordion.children[i_]?.classList?.contains("ac-collapsed") ? accordion.children[i_]?.classList?.remove("ac-collapsed") : accordion.children[i_]?.classList?.add("ac-collapsed");
                }
              };
            }
         }
       }
     });
  }

  function loadNestedNavbar() {
    let sublis = document.querySelectorAll(".sub-li:not(.nested) a");
    for(i = 0; i < sublis.length; i++) {
      const hide = (e) => {
        let class_ = e.parentElement.classList[2];
        let nest   = e.parentElement.parentElement.querySelectorAll("." + class_ + ".nested");
        for(i_ = 0; i_ < nest.length; i_++) {
          nest[i_].style.display = nest[i_].style.display == "none" ? "block" : "none";
        }
        if(nest.length) {
        if     (e.innerText.startsWith("^"))
          e.innerText = e.innerText.replace("^", "∨");
        else if(e.innerText.startsWith("∨"))
          e.innerText = e.innerText.replace("∨", "^");
        else
          e.innerText = "∨ " + e.innerText;
        }
      };
      hide(sublis[i]);
      sublis[i].onclick = (e) => hide(e.srcElement);
    }
  }

  let submenus = [];
  function navbarFix() {
    let links = document.querySelectorAll("#navbar-bar li a");
    links.forEach((link) => {
      if(link.id.startsWith("nav-item-")) {
        link.style.position = "relative";
        link.style.zIndex   = 100;
        let topic   = link.id.replace("nav-item-", "");
        let submenu = document.querySelector("#nav-sub-items-" + topic);
        if(submenu) {
          link.parentElement.appendChild(submenu);
          submenus.push(submenu);
          submenu.style.display  = "none";
          submenu.style.position = "absolute";
          submenu.style.zIndex   = 10;
          submenu.style.right    = "0px";
          let subsub = submenu.querySelector("ul");
          if(subsub) {
            subsub.style.width        = "max-content";
            subsub.style.paddingRight = "0px";
            subsub.style.paddingRight = "0px";
            subsub.style.background   = "none";
          }
        }
      }
    });
  }

function navbarCloseCross() {
    let links = document.querySelectorAll("#navbar-bar li a");
    links.forEach((link) => {
      if(link.id.startsWith("nav-item-")) {
        let topic   = link.id.replace("nav-item-", "");
        let submenu = document.querySelector("#nav-sub-items-" + topic + ":has(.prod-card)");
        if(submenu) {
          let cross = createElement("span", "", "fa");
           cross.classList.add("fa-times");
           cross.onclick = () => {submenu.style.display = "none"};
           submenu.appendChild(cross);
        }
      }
    });
  }

  function industries() {
    let links = document.querySelectorAll(".branches-10 a");
    links.forEach((link) => {
      if(link.href == window.location.href || link.href == window.location.pathname)
        link.parentElement.style.filter = "brightness(0.35)";
    });
  }

  function navbuttons() {
    let links = document.querySelectorAll("#navbar-bar button");
    links.forEach((link) => {
      if(link.attributes["href"]?.value)
        link.onclick = () => window.location.href = link.attributes["href"]?.value;
    });
  }

  function loadAccordionArrows() {
     let acc = document.querySelectorAll(".accordion h3");
     acc.forEach((ac) => {
       let right = createElement("span", "", "fa");
           right.classList.add("fa-chevron-right");
           right.onclick = () => {
            gallery.children[1].scrollBy({left: 330, behavior: "smooth"});
          };
       ac.appendChild(right);
     });
  }

  function setGalleryImageClicks() {
    let imgs = document.querySelectorAll(".gallery img");
     imgs.forEach((img) => {
       img.onclick = (e) => {
         displayImage(e.target.src);
       };
     });
  }
  function displayImage(src) {
    let modal = createElement("div", "", "modal");
    let img   = createElement("img", "", "");
    img.src = src;
    modal.appendChild(img);
    modal.onclick = modal.remove;
    document.body.appendChild(modal);
  }

  function notifications() {
    let notice = document.querySelector(".message.notice");
    let message = document.querySelector("#messagesuccess");
    if(!message || !notice ) {
      return;
    } else if(message && !notice ) {
      message.remove();
    } else if(message && notice) {
      notice.remove();
      message.classList.add("notice");
      document.body.appendChild(message);
    }
  }

  function navbarLists() {
    let navb = document.querySelector("#navbar-bar > div.hidden.col-span-9.self-center.grid.grid-cols-12 > ul");
    if(!navb) return;
    for(i = 0; i < navb.children.length; i++) {
      let subnav = navb.children[i].querySelector(".hidden");
      let newSubnav = document.querySelector("#subnav-insert-" + (i+1));
      if(subnav && newSubnav) {
        subnav.appendChild(newSubnav);
      }
    }
  }

  function unhideCaptcha() {
    let email = document.querySelector("#fromEmail");
    if(email) {
      email.onchange = () => document.querySelector("#gRecaptchaContainer").style.display = "unset";
      email.onfocus  = () => document.querySelector("#gRecaptchaContainer").style.display = "unset";
    }
  }

  function mobileNavbarFixes() {
    // #navbar > div.collapsable.mobile-menu > div > ul > li > div > *:not(li div *:nth-child(1))
    let navpages = document.querySelectorAll("#navbar > div.collapsable.mobile-menu > div > ul > li > div");
    for(i = 0; i < navpages.length; i++) {

      if (navpages[i].children.length > 1) {
        let menu     = createElement("div", "", "hidden");
        let children = [];
        for(i_ = 0; i_ < navpages[i].children.length; i_++) {
          //console.log("child " + i_, navpages[i].children[i_]);
          if(i_ > 0) {
            if(!navpages[i].children[i_].children.length)
              navpages[i].children[i_].textContent = navpages[i].children[i_].textContent.replace("Shuffleboards for ", "").replace("Shuffleboards voor ", "");
            children.push(navpages[i].children[i_]);
          }
        }
        if(children.length) {
          let button = createElement("button", "", "fa"); button.classList.add("fa-chevron-right");
          button.onclick = () => {
            menu.classList.contains("opened") ? menu.classList.remove("opened") : menu.classList.add("opened");
          };
          navpages[i].appendChild(button);
        }
        children.forEach(c => menu.appendChild(c));
        navpages[i].appendChild(menu);
      }
    }
    
    let close = createElement("button", "", "fa"); close.classList.add("fa-times");
        close.onclick = () => {
            document.querySelector(".mobile-menu > button")?.click();
          };
     document.querySelector("#navbar").appendChild(close);
  }

  beforeLoad();
  document.addEventListener("DOMContentLoaded", afterLoad);
  document.addEventListener("mousemove", () => {
    let navb = document.querySelector("#navbar-bar");
    if(submenus.find((menu) => menu.style.display != "none")) {
      if(!navb.classList.contains("expanded"))
        navb.classList.add("expanded");
    } else if(navb.classList.contains("expanded"))
      navb.classList.remove("expanded");
  });


//datalayer push for google tag manager form submission
window.dataLayer = window.dataLayer || [];
let submitbutton = document.querySelector("form button");
if (submitbutton)
  submitbutton.addEventListener("click", (e) => {window.dataLayer.push({
   'event': 'form_submit'
   }); });

</script>


<!-- LinkedIn Insight Tag --> 
<script type="text/javascript"> _linkedin_partner_id = "6814602"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=6814602&fmt=gif" /> </noscript>


<!-- Service worker -->
<script>
  if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/uploads/Scripts/service-worker.js')
      .then(() => console.log('Service Worker registered'))
      .catch(error => console.error('Service Worker registration failed:', error));
  }
</script>

<!-- Server Side Tracking by Taggrs.io (noscript) -->
 <noscript><iframe src="https://play.shuffly.com/wZgm6blTno.html?tg=KP9NTZWH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
<!-- End Server Side Tracking by Taggrs.io (noscript) -->

<!-- updated 09-04-2025 -->
<script>
//navbar corrections
(() => {
let hubindex     = 6;
let childindexes = [1, 2, 3];
let hub          = document.querySelector("#navbar-bar > div > ul > li:nth-child("+hubindex+") ul");
let mobilehub    = document.querySelector("#navbar > .mobile-menu > div > ul > li:nth-child("+hubindex+") > div");
if(!hub) return;
let hubchildren  = [];

//desktop
childindexes.forEach((i) => {
  let menuElement = document.querySelector("#navbar-bar > div > ul > li:nth-child("+i+")");
  if(!menuElement) return;
  hubchildren.push(menuElement);
  let oldLink = menuElement.querySelector("a"); if(!oldLink) return;
  let li      = createElement("li", "", "col-span-12"); li.classList.add("sub-li");
  let a       = createElement("a" , "", "subpage"    ); a .classList.add("hover:opacity-40");
  li.classList.add(oldLink.id.replace("nav-item", "sub-li"));
  a.href = oldLink.href;
  a.textContent = oldLink.textContent;
  li.appendChild(a);
  hub.insertBefore(li, hub.childNodes[2]);
});

//mobile
childindexes.forEach((i) => {
  let menuElement = document.querySelector("#navbar> .mobile-menu > div > ul > li:nth-child("+i+")");
  if(!menuElement) return;
  hubchildren.push(menuElement);
  let oldLink = menuElement.querySelector("div > a.col-span-12"); 
  if(!oldLink) return;
  let a       = createElement("a" , "", "");
  a.href        = oldLink.href;
  a.textContent = oldLink.textContent;
  a.id          = oldLink.id;
  mobilehub.insertBefore(a, mobilehub.childNodes[2]);
});

hubchildren.forEach((child) => child.remove());
})()
</script>
<!-- end updated 09-04-2025  -->
</body>
</html>