<!DOCTYPE html><!-- Last Published: Wed Jun 16 2021 10:23:13 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="www.dubitlimited.com" data-wf-page="5f8ec27f908e51ad5ee7c79c" data-wf-site="592e8c1559d3a17c82153611">
  <head>
    <meta charset="utf-8" />
    <title>Dubit - Kids Research | App Development</title>
    <meta content="Dubit is a kids research and digital studio that helps create #1 products for global brands and innovative startups." name="description" />
    <meta content="Dubit - Kids Research | App Development" property="og:title" />
    <meta content="Dubit is a kids research and digital studio that helps create #1 products for global brands and innovative startups." property="og:description" />
    <meta content="Dubit - Kids Research | App Development" property="twitter:title" />
    <meta content="Dubit is a kids research and digital studio that helps create #1 products for global brands and innovative startups." property="twitter:description" />
    <meta property="og:type" content="website" />
    <meta content="summary_large_image" name="twitter:card" />
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="QoHRdDrGt-pN-416Wg61yvEMLKDhP49jsfPXRS4DgTQ" name="google-site-verification" />
    <link href="https://assets.website-files.com/592e8c1559d3a17c82153611/css/dubit-website.4344c903f.css" rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
    <script type="text/javascript">
      WebFont.load({
        google: {
          families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic", "Varela Round:400", "Varela:400"]
        }
      });
    </script>
    <script src="https://use.typekit.net/drc2pax.js" type="text/javascript"></script>
    <script type="text/javascript">
      try {
        Typekit.load();
      } catch (e) {}
    </script>
    <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]-->
    <script type="text/javascript">
      ! function(o, c) {
        var n = c.documentElement,
          t = " w-mod-";
        n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
      }(window, document);
    </script>
    <link href="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa7b15330ed953f74983983_dubit-logo-32.png" rel="shortcut icon" type="image/x-icon" />
    <link href="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa7b182f1bd8a1e93d3523e_dubit-logo-256.png" rel="apple-touch-icon" />
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-264464-36"></script>
    <script type="text/javascript">
      window.dataLayer = window.dataLayer || [];

      function gtag() {
        dataLayer.push(arguments);
      }
      gtag('js', new Date());
      gtag('config', 'UA-264464-36', {
        'anonymize_ip': true
      });
    </script>
    <meta name="google-site-verification" content="QoHRdDrGt-pN-416Wg61yvEMLKDhP49jsfPXRS4DgTQ" />
    <!-- Google Analytics -->
    <script>
      (function(i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function() {
          (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
          m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

      ga('create', 'UA-264464-36', 'auto');
      ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->

    <style type="text/css">
      html.noscroll {
        position: fixed;
        overflow-y: scroll;
        width: 100%;
      }

      input[type="checkbox"]:checked+label {
        background-image: url("your-checked-background-image-url-here");
      }

      input[type='text'],
      [type='email'],
      select,
      textarea {
        border-radius: 0;
        -webkit-appearance: none;
        background: none;
        border: none;
        border-bottom: solid 2px rgba(0, 0, 0, 0.5);
        border-top: solid 2px rgba(0, 0, 0, 0.5);
        color: black;
        margin: 0 0 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
      }

      .w-input::-webkit-input-placeholder {
        color: black;
        -webkit-text-fill-color: black;
        opacity: 0.5;
      }

      .w-input:-ms-input-placeholder {
        color: black;
        opacity: 0.5;
      }

      input::placeholder,
      input[type='text']::placeholder,
      [type='email']::placeholder,
      textarea::placeholder {
        color: black;
        opacity: 0.5;
      }

      input[type='text']:focus,
      [type='email']:focus,
      textarea:focus {
        border: none;
        border-top: solid 2px rgba(0, 0, 0, 1);
        border-bottom: solid 2px rgba(0, 0, 0, 1);
      }

      label {
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
      }

      input[type='text']:focus+label {
        transform: translateY(-100%);
      }

      /*Jobs*/
      .resumator-job {
        padding: 2rem;
        background-color: #edf5f9;
        margin: 1rem 0;
        color: #1a1a1a;
      }

      .resumator-jobs-text,
      .resumator-job-info,
      .resumator-job-description li,
      .resumator-job-description p {
        font-size: 1rem;
        line-height: 1.5;
        font-family: Montserrat, sans-serif;
        list-style-type: none !important;
      }

      .resumator-job-description ul li {
        padding: 0.5rem 2rem;
        list-style-type: none !important;
      }

      .resumator-job-description ul,
      .resumator-job-description ol {
        padding: 1rem;
        padding-left: 2rem;
        margin: 0;
      }

      button,
      input[type="button"],
      input[type="reset"],
      a[type="button"] {
        position: relative;
        overflow: hidden;
        height: 3rem;
        padding: 0.8rem 2rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        border-style: solid;
        border-width: 2px !important;
        border-color: rgba(0, 0, 0, .5);
        background-color: transparent;
        -webkit-filter: none;
        filter: none;
        -webkit-transition: border 200ms ease, background-position 500ms cubic-bezier(.445, .05, .55, .95);
        transition: border 200ms ease, background-position 500ms cubic-bezier(.445, .05, .55, .95);
        font-family: proxima-soft, sans-serif;
        color: #000;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.1rem;
        text-transform: uppercase;
      }

      button:hover,
      input[type="button"]:hover,
      input[type="reset"]:hover,
      a[type="button"]:hover {
        z-index: 1;
        border-color: #000;
      }

      .resumator-job-title {
        padding: 0;
        margin: 0.5rem 0;
        border: none;
        font-weight: 500;
        font-size: 1.75rem;
        line-height: 1.5;
        font-family: proxima-soft, sans-serif;
        letter-spacing: 0.05rem;
        text-transform: uppercase;
      }

      #resumator-logo {
        display: none;
      }

      /*Jobs End*/
    </style>

    <!-- Snitcher analytics code -->
    <script>
      ! function(s, n, i, t, c, h) {
        s.SnitchObject = i;
        s[i] || (s[i] = function() {
          (s[i].q = s[i].q || []).push(arguments)
        });
        s[i].l = +new Date;
        c = n.createElement(t);
        h = n.getElementsByTagName(t)[0];
        c.src = '//snid.snitcher.com/8411117.js';
        h.parentNode.insertBefore(c, h)
      }(window, document, 'snid', 'script');
      snid('verify', '8411117');
    </script>

    <!-- Google Tag Manager -->
    <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://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', 'GTM-P76KSTQ');
    </script>
    <!-- End Google Tag Manager -->
    <!-- Snitcher analytics code -->
    <script>
      ! function(s, n, i, t, c, h) {
        s.SnitchObject = i;
        s[i] || (s[i] = function() {
          (s[i].q = s[i].q || []).push(arguments)
        });
        s[i].l = +new Date;
        c = n.createElement(t);
        h = n.getElementsByTagName(t)[0];
        c.src = '//snid.snitcher.com/8411117.js';
        h.parentNode.insertBefore(c, h)
      }(window, document, 'snid', 'script');

      snid('verify', '8411117');
    </script>
  </head>
  <body>
    <div class="w-embed w-script">
      <!-- Snitcher analytics code -->
      <script>
        ! function(s, n, i, t, c, h) {
          s.SnitchObject = i;
          s[i] || (s[i] = function() {
            (s[i].q = s[i].q || []).push(arguments)
          });
          s[i].l = +new Date;
          c = n.createElement(t);
          h = n.getElementsByTagName(t)[0];
          c.src = '//snid.snitcher.com/8411117.js';
          h.parentNode.insertBefore(c, h)
        }(window, document, 'snid', 'script');
        snid('verify', '8411117');
      </script>
    </div>
    <div data-collapse="none" data-animation="default" data-duration="400" data-no-scroll="1" role="banner" class="navbar w-nav">
      <div class="style-embed w-embed">
        <style>
          table {
            font-size: 1rem;
            width: 100%;
          }

          td {
            padding: 0.5rem;
          }

          .w-nav {
            background-color: white;
          }

          /*.hero-section {
	height: calc(100vh - 10rem);
}
*/
          /*
.articles-grid {
	display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
  */
          .center,
          .item-content {
            vertical-align: middle;
          }

          h4,
          figure {
            break-before: column;
          }

          p {
            break-inside: avoid;
          }

          a,
          figure {
            break-after: column;
          }

          .side-article-item-title {
            display: -webkit-box;
            display: box;
            line-clamp: 2;
            box-orient: vertical;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
        </style>
      </div>
      <div class="nav-wrapper"><a href="/" aria-current="page" class="brand w-nav-brand w--current"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a86eabeba0c490001089f26_dubit-logo.svg" alt="" class="brand-logo" /></a>
        <div class="desktop-nav w-hidden-medium w-hidden-small w-hidden-tiny" data-ix="show-burger-menu">
          <div class="burger-menu">
            <div class="burger-lines-container">
              <div class="line-1"></div>
              <div class="line-2"></div>
              <div class="line-3"></div>
            </div><a href="#" class="burger open w-inline-block" data-ix="open-burger"></a><a href="#" class="burger close hidden w-inline-block" data-ix="close-burger"></a>
          </div>
        </div>
        <div class="mobile-nav w-hidden-main">
          <div class="burger-menu">
            <div class="burger-lines-container">
              <div class="line-1"></div>
              <div class="line-2"></div>
              <div class="line-3"></div>
            </div><a href="#" class="burger open w-inline-block" data-ix="open-burger"></a><a href="#" class="burger close hidden w-inline-block" data-ix="close-burger"></a>
          </div>
        </div>
        <div class="nav-full">
          <div class="nav-recent-work w-hidden-tiny">
            <div class="item-list-wrapper w-dyn-list">
              <div role="list" class="items-list w-dyn-items">
                <div role="listitem" class="item w-dyn-item"><a href="/project/gonoodle" class="item-link w-inline-block w-clearfix" data-ix="item-rollover">
                    <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5ed4cea96103a32140f22815_gn_hero.jpg&quot;)" class="item-thumbnail"></div>
                    <div class="item-content burger-item" data-ix="reveal-on-scroll-2">
                      <div class="more-arrow"></div>
                      <div class="light-blue-background"></div>
                      <div class="center">
                        <div class="item-type-mobile w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div class="w-dyn-bind-empty"></div>
                        </div>
                        <div class="item-type w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div class="w-dyn-bind-empty"></div>
                        </div>
                        <h4 class="service-heading">GoNoodle</h4>
                        <div class="item-subtitle-mobile">
                          <div>Fun exercise games that get kids moving at home</div>
                        </div>
                        <div class="item-subtitle w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Fun exercise games that get kids moving at home</div>
                        </div>
                      </div>
                    </div>
                  </a></div>
                <div role="listitem" class="item w-dyn-item"><a href="/project/match-attax-2" class="item-link w-inline-block w-clearfix" data-ix="item-rollover">
                    <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5ed4ce56ec5df2e309ff1928_MAHero_2.jpg&quot;)" class="item-thumbnail"></div>
                    <div class="item-content burger-item" data-ix="reveal-on-scroll-2">
                      <div class="more-arrow"></div>
                      <div class="light-blue-background"></div>
                      <div class="center">
                        <div class="item-type-mobile w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div class="w-dyn-bind-empty"></div>
                        </div>
                        <div class="item-type w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div class="w-dyn-bind-empty"></div>
                        </div>
                        <h4 class="service-heading">Match Attax</h4>
                        <div class="item-subtitle-mobile">
                          <div>Collect, swap and play online with your UEFA Champions League cards!</div>
                        </div>
                        <div class="item-subtitle w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Collect, swap and play online with your UEFA Champions League cards!</div>
                        </div>
                      </div>
                    </div>
                  </a></div>
                <div role="listitem" class="item w-dyn-item"><a href="/project/rocket-escape" class="item-link w-inline-block w-clearfix" data-ix="item-rollover">
                    <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b4db21de11a7824cb0280d1_hero-cosmos.jpg&quot;)" class="item-thumbnail"></div>
                    <div class="item-content burger-item" data-ix="reveal-on-scroll-2">
                      <div class="more-arrow"></div>
                      <div class="light-blue-background"></div>
                      <div class="center">
                        <div class="item-type-mobile w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div>Game</div>
                        </div>
                        <div class="item-type w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div>Game</div>
                        </div>
                        <h4 class="service-heading">Rocket Escape</h4>
                        <div class="item-subtitle-mobile">
                          <div>Space exploration game designed to headline Discovery SVOD platform</div>
                        </div>
                        <div class="item-subtitle w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Space exploration game designed to headline Discovery SVOD platform</div>
                        </div>
                      </div>
                    </div>
                  </a></div>
                <div role="listitem" class="item w-dyn-item"><a href="/project/facebook" class="item-link w-inline-block w-clearfix" data-ix="item-rollover">
                    <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5c1b8b68a91e833eb6c01f03_facebook.jpg&quot;)" class="item-thumbnail"></div>
                    <div class="item-content burger-item" data-ix="reveal-on-scroll-2">
                      <div class="more-arrow"></div>
                      <div class="light-blue-background"></div>
                      <div class="center">
                        <div class="item-type-mobile w-hidden-tiny">
                          <div>Research</div>
                          <div class="type-separator">/</div>
                          <div>Social</div>
                        </div>
                        <div class="item-type w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Research</div>
                          <div class="type-separator">/</div>
                          <div>Social</div>
                        </div>
                        <h4 class="service-heading">Facebook</h4>
                        <div class="item-subtitle-mobile">
                          <div>Research and strategy to help Facebook with New Product Development</div>
                        </div>
                        <div class="item-subtitle w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Research and strategy to help Facebook with New Product Development</div>
                        </div>
                      </div>
                    </div>
                  </a></div>
                <div role="listitem" class="item w-dyn-item"><a href="/project/kart-kingdom" class="item-link w-inline-block w-clearfix" data-ix="item-rollover">
                    <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5af41d98c31aa75340121214_PBS%20header-banner-home-01.jpg&quot;)" class="item-thumbnail"></div>
                    <div class="item-content burger-item" data-ix="reveal-on-scroll-2">
                      <div class="more-arrow"></div>
                      <div class="light-blue-background"></div>
                      <div class="center">
                        <div class="item-type-mobile w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div>Game</div>
                        </div>
                        <div class="item-type w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div>Game</div>
                        </div>
                        <h4 class="service-heading">Kart Kingdom</h4>
                        <div class="item-subtitle-mobile">
                          <div>#1 multiplayer and educational game for PBS KIDS</div>
                        </div>
                        <div class="item-subtitle w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>#1 multiplayer and educational game for PBS KIDS</div>
                        </div>
                      </div>
                    </div>
                  </a></div>
                <div role="listitem" class="item w-dyn-item"><a href="/project/duplo-town" class="item-link w-inline-block w-clearfix" data-ix="item-rollover">
                    <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5af568142d78760fe424dad1_Lego%20street%20project%20image.jpg&quot;)" class="item-thumbnail"></div>
                    <div class="item-content burger-item" data-ix="reveal-on-scroll-2">
                      <div class="more-arrow"></div>
                      <div class="light-blue-background"></div>
                      <div class="center">
                        <div class="item-type-mobile w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div>Game</div>
                        </div>
                        <div class="item-type w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>Digital</div>
                          <div class="type-separator">/</div>
                          <div>Game</div>
                        </div>
                        <h4 class="service-heading">Duplo Town</h4>
                        <div class="item-subtitle-mobile">
                          <div>#1 app that inspires physical play through a digital playroom</div>
                        </div>
                        <div class="item-subtitle w-hidden-medium w-hidden-small w-hidden-tiny">
                          <div>#1 app that inspires physical play through a digital playroom</div>
                        </div>
                      </div>
                    </div>
                  </a></div>
              </div>
            </div>
          </div>
          <nav role="navigation" class="side-nav-menu w-nav-menu"><a href="/" aria-current="page" class="brand-side-nav w-nav-brand w--current"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a86eabeba0c490001089f26_dubit-logo.svg" alt="" class="brand-logo" /></a>
            <nav class="side-nav-menu-container"><a data-ix="nav-transparency" href="/work" class="side-nav-link w-nav-link">Work</a><a data-ix="nav-transparency" href="/services" class="side-nav-link w-nav-link">Services</a><a data-ix="nav-transparency" href="/insights" class="side-nav-link w-nav-link">Insights</a><a data-ix="nav-transparency" href="/health" class="side-nav-link w-nav-link">Health</a><a data-ix="nav-transparency" href="/about" class="side-nav-link w-nav-link">About</a><a data-ix="nav-transparency" href="/team" class="side-nav-link w-nav-link">Team</a><a data-ix="nav-transparency" href="/careers" class="side-nav-link w-nav-link">Careers</a><a data-ix="nav-transparency" href="/contact" class="side-nav-link w-nav-link">Contact</a></nav>
          </nav>
        </div>
        <div class="nav-container">
          <nav role="navigation" class="nav-menu w-nav-menu">
            <div class="nav-links-container"><a data-ix="nav-transparency" href="/work" class="nav-link w-nav-link">Work</a><a data-ix="nav-transparency" href="/services" class="nav-link w-nav-link">Services</a><a data-ix="nav-transparency" href="/insights" class="nav-link w-nav-link">Insights</a><a data-ix="nav-transparency" href="/roblox" class="nav-link w-nav-link">Roblox</a><a data-ix="nav-transparency" href="/about" class="nav-link w-nav-link">About</a><a data-ix="nav-transparency" href="/team" class="nav-link w-nav-link">Team</a><a data-ix="nav-transparency" href="/careers" class="nav-link w-nav-link">Careers</a></div>
            <div class="hello-button-container"><a href="/contact" class="button contact w-button">Contact</a></div>
          </nav>
        </div>
        <div class="cookie-banner" data-ix="new-interaction">
          <div class="cookie-container w-container">
            <div>Welcome to Dubit. This site uses cookies. Please read <a href="/privacy-policy">our cookie and privacy policy</a>.</div>
            <div class="close-button accept-policy"><a href="#" class="button accept-policy w-inline-block" data-ix="close-banner">
                <div class="cross-line _02"></div>
                <div class="cross-line _01"></div>
              </a></div>
          </div>
        </div>
      </div>
    </div>
    <div class="wrapper">
      <div class="burger-menu-launcher"></div>
      <section class="hero-section">
        <div class="hero-container home">
          <div class="slider-wrapper w-hidden-tiny">
            <div class="videos-container w-hidden-medium w-hidden-small w-hidden-tiny">
              <div data-autoplay="true" data-loop="true" data-wf-ignore="true" data-poster-url="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ca4323220001d86454_video_btb-poster-00001.jpg" data-video-urls="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ca4323220001d86454_video_btb-transcode.mp4,https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ca4323220001d86454_video_btb-transcode.webm" data-w-id="fb8888e9-e4d2-b6bf-9083-0ae6f99f1b04" class="video-01 w-background-video w-background-video-atom"><video autoplay="" loop="" style="background-image:url(&quot;https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ca4323220001d86454_video_btb-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover">
                  <source src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ca4323220001d86454_video_btb-transcode.mp4" data-wf-ignore="true" />
                  <source src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ca4323220001d86454_video_btb-transcode.webm" data-wf-ignore="true" />
                </video>
                <div class="hero-dark-overlay"></div>
                <div class="hero-info"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5ae6e63eb9f7a8ee3e39c001_mattel-white.png" alt="" class="hero-logo" /><a href="/project/mattel" class="button right-arrow w-button">See Research</a></div>
              </div>
              <div data-autoplay="true" data-loop="true" data-wf-ignore="true" data-poster-url="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872dc68edf6000100f243_video_playlab-poster-00001.jpg" data-video-urls="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872dc68edf6000100f243_video_playlab-transcode.mp4,https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872dc68edf6000100f243_video_playlab-transcode.webm" data-w-id="c7c341f7-87cf-ec34-3a21-e4195c3f5fd1" class="video-02 w-background-video w-background-video-atom"><video autoplay="" loop="" style="background-image:url(&quot;https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872dc68edf6000100f243_video_playlab-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover">
                  <source src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872dc68edf6000100f243_video_playlab-transcode.mp4" data-wf-ignore="true" />
                  <source src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872dc68edf6000100f243_video_playlab-transcode.webm" data-wf-ignore="true" />
                </video>
                <div class="hero-dark-overlay"></div>
                <div class="hero-info"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7c3f8bc043f40001b17b67_playlab.png" alt="" class="hero-logo" /><a href="/services/research" class="button right-arrow w-button">See Service</a></div>
              </div>
              <div data-autoplay="true" data-loop="true" data-wf-ignore="true" data-poster-url="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ead8030000011b35af_video_capit-poster-00001.jpg" data-video-urls="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ead8030000011b35af_video_capit-transcode.mp4,https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ead8030000011b35af_video_capit-transcode.webm" data-w-id="6fbbd6b4-6722-e2d9-d184-8452e8c09628" class="video-03 w-background-video w-background-video-atom"><video autoplay="" loop="" style="background-image:url(&quot;https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ead8030000011b35af_video_capit-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover">
                  <source src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ead8030000011b35af_video_capit-transcode.mp4" data-wf-ignore="true" />
                  <source src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7872ead8030000011b35af_video_capit-transcode.webm" data-wf-ignore="true" />
                </video>
                <div class="hero-dark-overlay"></div>
                <div class="hero-info"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a8177cfc79427000134c270_capit-white.png" alt="" class="hero-logo" /><a href="/project/capit-learning" class="button right-arrow w-button">See project</a></div>
              </div>
              <div data-autoplay="true" data-loop="true" data-wf-ignore="true" data-poster-url="https://assets.website-files.com/592e8c1559d3a17c82153611/5a78730368edf6000100f267_video_cvr-poster-00001.jpg" data-video-urls="https://assets.website-files.com/592e8c1559d3a17c82153611/5a78730368edf6000100f267_video_cvr-transcode.mp4,https://assets.website-files.com/592e8c1559d3a17c82153611/5a78730368edf6000100f267_video_cvr-transcode.webm" data-w-id="f442de76-a9a2-bae5-f156-78812144ddab" class="video-04 w-background-video w-background-video-atom"><video autoplay="" loop="" style="background-image:url(&quot;https://assets.website-files.com/592e8c1559d3a17c82153611/5a78730368edf6000100f267_video_cvr-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover">
                  <source src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a78730368edf6000100f267_video_cvr-transcode.mp4" data-wf-ignore="true" />
                  <source src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a78730368edf6000100f267_video_cvr-transcode.webm" data-wf-ignore="true" />
                </video>
                <div class="hero-dark-overlay"></div>
                <div class="hero-info"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a8178d7d2e04c0001f5f6f3_cvr-white.png" alt="" class="hero-logo" /><a href="http://childrenvr.org/" target="_blank" class="button right-arrow w-button">Learn More</a></div>
              </div>
            </div>
          </div>
          <div class="hero-images-container w-hidden-main">
            <div data-w-id="493dfa7a-d760-650c-5a79-66c951729fb7" class="hero-image-01">
              <div class="hero-image-overlay"></div>
              <div class="hero-info"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7c5328b4ebff0001a8e957_mattel-white.png" alt="" class="hero-logo" /><a href="/project/mattel" class="button right-arrow w-button">See Research</a></div>
            </div>
            <div data-w-id="493dfa7a-d760-650c-5a79-66c951729fbd" class="hero-image-02">
              <div class="hero-image-overlay"></div>
              <div class="hero-info"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a7c3f8bc043f40001b17b67_playlab.png" alt="" class="hero-logo" /><a href="/services/research" class="button right-arrow w-button">See Service</a></div>
            </div>
            <div data-w-id="493dfa7a-d760-650c-5a79-66c951729fc3" class="hero-image-03">
              <div class="hero-image-overlay"></div>
              <div class="hero-info"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a8177cfc79427000134c270_capit-white.png" alt="" class="hero-logo" /><a href="/project/capit-learning" class="button right-arrow w-button">See project</a></div>
            </div>
            <div data-w-id="493dfa7a-d760-650c-5a79-66c951729fc9" class="hero-image-04">
              <div class="hero-image-overlay"></div>
              <div class="hero-info"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5a8178d7d2e04c0001f5f6f3_cvr-white.png" alt="" class="hero-logo" /><a href="/insights" target="_blank" class="button right-arrow w-button">Learn More</a></div>
            </div>
          </div>
          <div class="hero-content">
            <h1>Shaping kids brands for the digital world</h1>
            <div class="horizontal-separator"></div>
            <div class="subheading">Research, strategy and digital development</div>
          </div>
          <div class="absolute-down-button-container"><a href="#about" class="down-button w-inline-block"></a></div>
        </div>
      </section>
      <div id="about" class="main-section">
        <p class="main-content">Dubit is a kids research agency and digital development studio, that helps create #1 products for global brands and innovative startups.</p>
        <p class="main-content">We bring 20 years of insight and experience of kids behaviours and their digital lives into your business, and our process involves your audience throughout - wherever they are in the world.</p>
        <p class="main-content">With offices in Leeds, London, Washington DC and Melbourne, Dubit have world class teams that deliver at every stage of the journey, from initial ideation, through design and development, to launch strategy.</p>
      </div>
      <section id="clients" class="section-clients">
        <div class="heading-block">
          <div class="shapes-container">
            <div data-ix="reveal-on-scroll" class="shape-component relative blue"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative orange"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative pink"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative green"></div>
          </div>
          <h2>Our Clients</h2>
        </div>
        <div data-delay="4000" data-animation="slide" data-autoplay="1" data-duration="500" data-infinite="1" class="slider-clients w-slider">
          <div class="mask-clients w-slider-mask">
            <div class="slide-clients w-slide">
              <div class="clients-grid-wrapper w-dyn-list">
                <div role="list" class="clients-grid w-dyn-items">
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2112d7d0e579f6730ca283_cn.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b210f43d64a01045330d747_aljazeera.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5a782851a1256900015fe5c3_all4.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b210f5ad0e57908b50c9df4_ath.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b210f7c7fcaa11a47fc0cbc_bbc.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2114197fcaa133f3fc1151_discovery.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5a782861d8030000011ab93a_bing.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="/project/cafcass" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b1fd5d0cc5fe35e0636ef83_cafcass.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="/project/capit-learning" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2114a93b783b9e4e5cfe30_capit.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2112e4b907eddb1b810593_carat.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2112dfd0e579efcd0ca287_cbeebies.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b210f28d64a0102aa30d734_afl.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2112ccd64a0146c630db6d_dc-t.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b210f89beee55c0c382594d_bic.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b211498d0e579d8e40ca67c_earthecho.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b21142635f552aa963949a6_disney.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b21148fd64a014e2130dd63_dreamworks.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b21139dd64a016fdf30dcf8_dhx.png&quot;)" class="client-logo"></div>
                    </a></div>
                </div>
              </div>
            </div>
            <div class="w-slide">
              <div class="clients-grid-wrapper w-dyn-list">
                <div role="list" class="clients-grid w-dyn-items">
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b211486d0e5792c9b0ca670_eone.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2114bc35f55269973949f8_fox.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2114cdd0e579f1b00ca6ac_francetv.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2114d4710619e9a988c469_girl-guiding.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2114e67fcaa1e199fc11c2_guru.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b211578beee557584825f6a_hachette.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b21295fd64a015c743102bc_hit.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2127e97fcaa12c11fc3054_hopster.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="/project/facebook" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212801d64a01ba2530fdc3_messenger.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212810d64a017b1e30fdcf_nbc.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212973beee552156827c01_knex.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="/project/masha-and-the-bear" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2129903b783b1f105d2ab3_matb.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="/project/mattel" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2129a5710619750588f328_mattel.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b2129febeee55283f827c4d_mbc3.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a09710619392388f361_kse.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a167fcaa1aaaafc321d_kneoworld.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a20d64a01dcf0310a37_netflix.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a29d0e5792ed60cc240_next.png&quot;)" class="client-logo"></div>
                    </a></div>
                </div>
              </div>
            </div>
            <div class="w-slide">
              <div class="clients-grid-wrapper w-dyn-list">
                <div role="list" class="clients-grid w-dyn-items">
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a33710619615f88f37b_nick.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a3cbeee551de6827c77_nspcc.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a437fcaa17d3afc374e_pbs.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a4fb907edfba38128be_prh.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a677fcaa19045fc3761_topps.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a5dbeee559e41827c8e_rai.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a73d0e57996f30cc274_rca.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a91beee552a78827ca5_roald-dahl.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a987fcaa11116fc3814_sbt.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212aa0beee55c4c3827caf_su.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212aa5beee551cb0827cb5_sky.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212ab43b783b799e5d2b48_sony.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212aba3b783b8c6c5d2b4f_tie.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212ac67fcaa1ec8dfc3829_pr.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212ae1d64a014c0e310b33_th.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212ad635f5525b96396f9f_tp.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212c17b907edcbb6812a2e_turner.png&quot;)" class="client-logo"></div>
                    </a></div>
                  <div role="listitem" class="client-item w-dyn-item"><a href="#" class="client-link w-inline-block">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212b677fcaa18259fc38ca_viacom.png&quot;)" class="client-logo"></div>
                    </a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="left-arrow more-arrow w-slider-arrow-left"></div>
          <div class="right-arrow more-arrow w-slider-arrow-right"></div>
          <div class="slide-nav w-slider-nav"></div>
        </div>
      </section>
      <div class="section-large">
        <div class="heading-block">
          <div class="shapes-container">
            <div data-ix="reveal-on-scroll" class="shape-component relative blue"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative orange"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative pink"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative green"></div>
          </div>
          <h2>Our Projects</h2>
        </div>
        <div class="work">
          <div class="item-list-wrapper w-dyn-list">
            <div role="list" class="items-list w-dyn-items">
              <div role="listitem" class="item w-dyn-item"><a href="/project/gonoodle" class="item-link w-inline-block w-clearfix" data-ix="item-rollover">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5ed4cea96103a32140f22815_gn_hero.jpg&quot;)" class="item-thumbnail">
                    <div>
                      <div style="background-image:none" class="item-client"></div>
                    </div>
                  </div>
                  <div class="item-content" data-ix="reveal-on-scroll-2">
                    <div class="more-arrow"></div>
                    <div class="light-blue-background"></div>
                    <div class="center">
                      <div class="item-type-mobile w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div class="w-dyn-bind-empty"></div>
                      </div>
                      <div class="item-type w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div class="w-dyn-bind-empty"></div>
                      </div>
                      <h3 class="service-heading">GoNoodle</h3>
                      <div class="item-subtitle-mobile">
                        <div>Fun exercise games that get kids moving at home</div>
                      </div>
                      <div class="item-subtitle w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Fun exercise games that get kids moving at home</div>
                      </div>
                    </div>
                  </div>
                </a></div>
              <div role="listitem" class="item w-dyn-item"><a href="/project/match-attax-2" class="item-link w-inline-block w-clearfix" data-ix="item-rollover">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5ed4ce56ec5df2e309ff1928_MAHero_2.jpg&quot;)" class="item-thumbnail">
                    <div>
                      <div style="background-image:none" class="item-client"></div>
                    </div>
                  </div>
                  <div class="item-content" data-ix="reveal-on-scroll-2">
                    <div class="more-arrow"></div>
                    <div class="light-blue-background"></div>
                    <div class="center">
                      <div class="item-type-mobile w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div class="w-dyn-bind-empty"></div>
                      </div>
                      <div class="item-type w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div class="w-dyn-bind-empty"></div>
                      </div>
                      <h3 class="service-heading">Match Attax</h3>
                      <div class="item-subtitle-mobile">
                        <div>Collect, swap and play online with your UEFA Champions League cards!</div>
                      </div>
                      <div class="item-subtitle w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Collect, swap and play online with your UEFA Champions League cards!</div>
                      </div>
                    </div>
                  </div>
                </a></div>
            </div>
          </div>
          <div class="item-list-wrapper grid w-dyn-list">
            <div role="list" class="items-list grid w-dyn-items">
              <div role="listitem" class="item grid w-dyn-item"><a href="/project/rocket-escape" class="item-link grid w-inline-block w-clearfix" data-ix="item-rollover">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b4db21de11a7824cb0280d1_hero-cosmos.jpg&quot;);background-color:#c8e8e0" class="item-thumbnail grid">
                    <div style="background-image:none" class="item-client"></div>
                  </div>
                  <div class="item-content grid" data-ix="reveal-on-scroll-2">
                    <div class="center">
                      <div class="item-type-mobile grid w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div>Game</div>
                      </div>
                      <div class="item-type w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div>Game</div>
                      </div>
                      <h4 class="service-heading">Rocket Escape</h4>
                      <div class="item-subtitle grid w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Space exploration game designed to headline Discovery SVOD platform</div>
                      </div>
                      <div class="item-subtitle-mobile grid">
                        <div>Space exploration game designed to headline Discovery SVOD platform</div>
                      </div>
                    </div>
                    <div class="light-blue-background"></div>
                    <div class="more-arrow grid"></div>
                  </div>
                </a></div>
              <div role="listitem" class="item grid w-dyn-item"><a href="/project/facebook" class="item-link grid w-inline-block w-clearfix" data-ix="item-rollover">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5c1b8b68a91e833eb6c01f03_facebook.jpg&quot;)" class="item-thumbnail grid">
                    <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212801d64a01ba2530fdc3_messenger.png&quot;)" class="item-client"></div>
                  </div>
                  <div class="item-content grid" data-ix="reveal-on-scroll-2">
                    <div class="center">
                      <div class="item-type-mobile grid w-hidden-tiny">
                        <div>Research</div>
                        <div class="type-separator">/</div>
                        <div>Social</div>
                      </div>
                      <div class="item-type w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Research</div>
                        <div class="type-separator">/</div>
                        <div>Social</div>
                      </div>
                      <h4 class="service-heading">Facebook</h4>
                      <div class="item-subtitle grid w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Research and strategy to help Facebook with New Product Development</div>
                      </div>
                      <div class="item-subtitle-mobile grid">
                        <div>Research and strategy to help Facebook with New Product Development</div>
                      </div>
                    </div>
                    <div class="light-blue-background"></div>
                    <div class="more-arrow grid"></div>
                  </div>
                </a></div>
              <div role="listitem" class="item grid w-dyn-item"><a href="/project/kart-kingdom" class="item-link grid w-inline-block w-clearfix" data-ix="item-rollover">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5af41d98c31aa75340121214_PBS%20header-banner-home-01.jpg&quot;);background-color:#fff5eb" class="item-thumbnail grid">
                    <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5b212a437fcaa17d3afc374e_pbs.png&quot;)" class="item-client"></div>
                  </div>
                  <div class="item-content grid" data-ix="reveal-on-scroll-2">
                    <div class="center">
                      <div class="item-type-mobile grid w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div>Game</div>
                      </div>
                      <div class="item-type w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div>Game</div>
                      </div>
                      <h4 class="service-heading">Kart Kingdom</h4>
                      <div class="item-subtitle grid w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>#1 multiplayer and educational game for PBS KIDS</div>
                      </div>
                      <div class="item-subtitle-mobile grid">
                        <div>#1 multiplayer and educational game for PBS KIDS</div>
                      </div>
                    </div>
                    <div class="light-blue-background"></div>
                    <div class="more-arrow grid"></div>
                  </div>
                </a></div>
              <div role="listitem" class="item grid w-dyn-item"><a href="/project/duplo-town" class="item-link grid w-inline-block w-clearfix" data-ix="item-rollover">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5af568142d78760fe424dad1_Lego%20street%20project%20image.jpg&quot;);background-color:#ffe6e6" class="item-thumbnail grid">
                    <div style="background-image:none" class="item-client"></div>
                  </div>
                  <div class="item-content grid" data-ix="reveal-on-scroll-2">
                    <div class="center">
                      <div class="item-type-mobile grid w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div>Game</div>
                      </div>
                      <div class="item-type w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>Digital</div>
                        <div class="type-separator">/</div>
                        <div>Game</div>
                      </div>
                      <h4 class="service-heading">Duplo Town</h4>
                      <div class="item-subtitle grid w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny">
                        <div>#1 app that inspires physical play through a digital playroom</div>
                      </div>
                      <div class="item-subtitle-mobile grid">
                        <div>#1 app that inspires physical play through a digital playroom</div>
                      </div>
                    </div>
                    <div class="light-blue-background"></div>
                    <div class="more-arrow grid"></div>
                  </div>
                </a></div>
            </div>
          </div>
          <div class="view-all-container w-clearfix"><a href="/work" class="button right-arrow dark left w-button">View all projects</a></div>
        </div>
      </div>
      <div class="day-in-the-life-section">
        <div class="services-overlay">
          <div class="border-top">
            <div class="heading-block">
              <div class="shapes-container">
                <div data-ix="reveal-on-scroll" class="shape-component relative blue"></div>
                <div data-ix="reveal-on-scroll" class="shape-component relative orange"></div>
                <div data-ix="reveal-on-scroll" class="shape-component relative pink"></div>
                <div data-ix="reveal-on-scroll" class="shape-component relative green"></div>
              </div>
              <h2 class="section-heading">Our Services</h2>
            </div>
          </div>
          <div class="border-bottom"></div>
        </div>
        <div data-ix="borders-and-illustration" id="fullpage" class="services-folds">
          <div class="services-background w-hidden-tiny"></div>
          <div id="service1" class="service-item">
            <div class="service-illustration-mobile">
              <div class="illustration-container speech-bubbles w-clearfix"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa92035086ff3997500c590_research-01.gif" alt="" class="sb-1" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa9204311c8582855c4d928_research-02.gif" alt="" class="sb-2" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa9204d11c8580e81c4d930_research-03.gif" alt="" class="sb-3" /></div>
            </div>
            <div class="service-item-content">
              <h3 class="service-heading">Research</h3>
              <p class="subtitle">18 years of kids and family insight, a Worldwide Trends Tracker, and specialist tools to explore markets and audiences through data or observation.  A team with global reach and experience.</p><a href="/services/research" class="button w-button">Learn More</a>
            </div>
            <div class="absolute-down-button-container"><a href="#service2" class="down-button dark w-inline-block"></a></div>
            <div data-ix="anim-1-research" class="service-animation">
              <div class="relative" data-ix="illustration-on-scroll">
                <div class="illustration-container speech-bubbles w-clearfix"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa92035086ff3997500c590_research-01.gif" data-ix="hidden-from-right" alt="" class="sb-1" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa9204311c8582855c4d928_research-02.gif" data-ix="hidden-from-left" alt="" class="sb-2" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa9204d11c8580e81c4d930_research-03.gif" data-ix="hidden-from-right" alt="" class="sb-3" /></div>
              </div>
              <div data-ix="illustration-on-scroll" class="fixed">
                <div class="illustration-container speech-bubbles w-clearfix"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa92035086ff3997500c590_research-01.gif" data-ix="hidden-from-right" alt="" class="sb-1" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa9204311c8582855c4d928_research-02.gif" data-ix="hidden-from-left" alt="" class="sb-2" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa9204d11c8580e81c4d930_research-03.gif" data-ix="hidden-from-right" alt="" class="sb-3" /></div>
              </div>
            </div>
          </div>
          <div id="service2" data-ix="colour-bg-2" class="service-item">
            <div class="service-illustration-mobile">
              <div class="illustration-container"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f55086ff34e0100c47a_ds-video.gif" width="141.5" alt="" class="laptop" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f65fc968310cd278264_ds-game.gif" width="142" alt="" class="desktop" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f7e4bbf065aa8c5d3dc_ds-share.gif" alt="" class="phone-digital" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f72086ff3941500c485_ds-camera.gif" width="64.5" alt="" class="tab-digital" /></div>
            </div>
            <div class="service-item-content">
              <h3 class="service-heading">Digital Strategy</h3>
              <p class="subtitle">We help to shape brands for the digital world, combining audience knowledge with experienced product designers, and creating actionable plans for your brand.  Dubit understand what kids want, and how to make a business out of it.</p><a href="/services/digital-strategy" class="button w-button">Learn More</a>
            </div>
            <div class="absolute-down-button-container"><a href="#service3" class="down-button dark w-inline-block"></a></div>
            <div data-ix="anim-2-digital" class="service-animation">
              <div data-ix="illustration-on-scroll" class="relative">
                <div class="illustration-container"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f55086ff34e0100c47a_ds-video.gif" data-ix="hidden-from-right" width="141.5" alt="" class="laptop" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f65fc968310cd278264_ds-game.gif" data-ix="hidden-from-top" width="142" alt="" class="desktop" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f7e4bbf065aa8c5d3dc_ds-share.gif" data-ix="hidden-from-bottom" alt="" class="phone-digital" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f72086ff3941500c485_ds-camera.gif" data-ix="hidden-from-left" width="64.5" alt="" class="tab-digital" /></div>
              </div>
              <div data-ix="illustration-on-scroll" class="fixed">
                <div class="illustration-container"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f55086ff34e0100c47a_ds-video.gif" data-ix="hidden-from-right" width="141.5" alt="" class="laptop" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f65fc968310cd278264_ds-game.gif" data-ix="hidden-from-top" width="142" alt="" class="desktop" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f7e4bbf065aa8c5d3dc_ds-share.gif" data-ix="hidden-from-bottom" alt="" class="phone-digital" /><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa91f72086ff3941500c485_ds-camera.gif" data-ix="hidden-from-left" width="64.5" alt="" class="tab-digital" /></div>
              </div>
            </div>
          </div>
          <div id="service3" data-ix="colour-bg-5" class="service-item">
            <div class="service-illustration-mobile">
              <div class="illustration-container"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa915d64bbf06da5ec5bfb2_app-dev.gif" alt="" class="app-dev" /></div>
            </div>
            <div class="service-item-content">
              <h3 class="service-heading">App &amp; Game Development</h3>
              <p class="subtitle">Dubit create rich, immersive and playful apps that have reached the #1 spot in over 50 app stores around the world. Our UX and UI teams involve kids throughout the process, so that your VOD platform, game, or service will keep your audience coming back for more. And in a new age of VR and AR, you can rely on our experience to create exciting new playgrounds and experiences for all ages.</p><a href="/services/app-game-development" class="button w-button">Learn More</a>
            </div>
            <div class="absolute-down-button-container w-hidden-main w-hidden-medium w-hidden-small w-hidden-tiny"><a href="#" class="down-button dark w-inline-block"></a></div>
            <div data-ix="anim-3-app" class="service-animation">
              <div data-ix="illustration-on-scroll" class="relative">
                <div class="illustration-container"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa915d64bbf06da5ec5bfb2_app-dev.gif" data-ix="hidden-from-left" alt="" class="app-dev" /></div>
              </div>
              <div data-ix="illustration-on-scroll" class="fixed">
                <div class="illustration-container"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/5aa915d64bbf06da5ec5bfb2_app-dev.gif" data-ix="hidden-from-left" alt="" class="app-dev" /></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="section">
        <div class="heading-block">
          <div class="shapes-container">
            <div data-ix="reveal-on-scroll" class="shape-component relative blue"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative orange"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative pink"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative green"></div>
          </div>
          <h2>From the Blog</h2>
        </div>
        <div class="articles-grid-wrapper w-dyn-list">
          <div role="list" class="articles-grid w-dyn-items">
            <div role="listitem" class="article-item w-dyn-item"><a data-ix="post-rollover" href="/blog/a-childs-garden-of-metaverse" class="article-link w-inline-block">
                <div class="article-thumbnail-block">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/60c9cf803b1260b9e782e8e7_nicole-baster-24JJStvqFLs-unsplash.jpg&quot;)" class="article-thumbnail">
                    <div class="article-gradient"></div>
                  </div>
                </div>
                <div class="article-block-item">
                  <div class="article-title-block">
                    <h5 class="article-item-title">A Child’s Garden of Metaverse</h5>
                  </div>
                  <div class="article-item-details">
                    <div class="author-name">David Kleeman</div>
                    <div class="date-container right-aligned">
                      <div class="date">16</div>
                      <div class="date">June</div>
                      <div class="date">2021</div>
                    </div>
                  </div>
                </div>
              </a></div>
            <div role="listitem" class="article-item w-dyn-item"><a data-ix="post-rollover" href="/blog/the-data-experience-machine" class="article-link w-inline-block">
                <div class="article-thumbnail-block">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/605b69eea8011a60f64d11b8_1_zrDKkcI-_5Y1UNtUCIbXsQ.png&quot;)" class="article-thumbnail">
                    <div class="article-gradient"></div>
                  </div>
                </div>
                <div class="article-block-item">
                  <div class="article-title-block">
                    <h5 class="article-item-title">The Data Experience Machine</h5>
                  </div>
                  <div class="article-item-details">
                    <div class="author-name">Dylan Yamada-Rice</div>
                    <div class="date-container right-aligned">
                      <div class="date">22</div>
                      <div class="date">March</div>
                      <div class="date">2021</div>
                    </div>
                  </div>
                </div>
              </a></div>
            <div role="listitem" class="article-item w-dyn-item"><a data-ix="post-rollover" href="/blog/is-now-the-perfect-timing-for-a-breakthrough-in-connected-play" class="article-link w-inline-block">
                <div class="article-thumbnail-block">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/605b666cd7e5af1489a108c7_1_INbzVK81ca3jAK-dgKi2yg.png&quot;)" class="article-thumbnail">
                    <div class="article-gradient"></div>
                  </div>
                </div>
                <div class="article-block-item">
                  <div class="article-title-block">
                    <h5 class="article-item-title">Is Now the Perfect Timing for a Breakthrough in Connected Play?</h5>
                  </div>
                  <div class="article-item-details">
                    <div class="author-name">Dylan Yamada-Rice</div>
                    <div class="date-container right-aligned">
                      <div class="date">15</div>
                      <div class="date">March</div>
                      <div class="date">2021</div>
                    </div>
                  </div>
                </div>
              </a></div>
          </div>
        </div>
        <div class="view-all-container w-clearfix"><a href="/blog" class="button right-arrow dark left w-button">View all Posts</a></div>
      </div>
      <div class="section">
        <div class="heading-block">
          <div class="shapes-container">
            <div data-ix="reveal-on-scroll" class="shape-component relative blue"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative orange"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative pink"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative green"></div>
          </div>
          <h2>Press Coverage</h2>
        </div>
        <div class="articles-grid-wrapper w-dyn-list">
          <div role="list" class="articles-grid w-dyn-items">
            <div role="listitem" class="article-item w-dyn-item"><a data-ix="post-rollover" href="https://www.msn.com/en-sg/entertainment/gaming/the-top-gaming-trends-for-2021-so-far/ss-BB1fffcD" target="_blank" class="article-link w-inline-block">
                <div class="article-thumbnail-block">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/606c1653d4f0d85194c8ceae_BB13W9xS.jpeg&quot;)" class="article-thumbnail">
                    <div class="article-gradient"></div>
                  </div>
                </div>
                <div class="article-block-item">
                  <div class="article-title-block">
                    <h5 class="article-item-title">The Top Gaming Trends for 2021 (So Far)</h5>
                  </div>
                  <div class="article-item-details">
                    <div class="author-name w-dyn-bind-empty"></div>
                    <div class="date-container right-aligned">
                      <div class="date">04</div>
                      <div class="date">April</div>
                      <div class="date">2021</div>
                    </div>
                  </div>
                </div>
              </a></div>
            <div role="listitem" class="article-item w-dyn-item"><a data-ix="post-rollover" href="https://www.thechildrensmediafoundation.org/public-service-media-report/articles/as-kids-kickstart-the-metaverse-is-public-service-media-ready" target="_blank" class="article-link w-inline-block">
                <div class="article-thumbnail-block">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/60618c6232f9916b83046afc_CMF_logo_cropped_smaller2_400x400.jpg&quot;)" class="article-thumbnail">
                    <div class="article-gradient"></div>
                  </div>
                </div>
                <div class="article-block-item">
                  <div class="article-title-block">
                    <h5 class="article-item-title">As Kids Kickstart The Metaverse, Is Public Service Media Ready?</h5>
                  </div>
                  <div class="article-item-details">
                    <div class="author-name">David Kleeman</div>
                    <div class="date-container right-aligned">
                      <div class="date">26</div>
                      <div class="date">March</div>
                      <div class="date">2021</div>
                    </div>
                  </div>
                </div>
              </a></div>
            <div role="listitem" class="article-item w-dyn-item"><a data-ix="post-rollover" href="https://www.nationalgeographic.com/family/article/screen-time-is-up-refocus-on-reading-coronavirus" target="_blank" class="article-link w-inline-block">
                <div class="article-thumbnail-block">
                  <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/604f27c3c85cf6fe0ecf3de7_Screenshot%202021-03-15%20at%2009.22.40.png&quot;)" class="article-thumbnail">
                    <div class="article-gradient"></div>
                  </div>
                </div>
                <div class="article-block-item">
                  <div class="article-title-block">
                    <h5 class="article-item-title">Screen time is up - here&#x27;s how to refocus on reading</h5>
                  </div>
                  <div class="article-item-details">
                    <div class="author-name w-dyn-bind-empty"></div>
                    <div class="date-container right-aligned">
                      <div class="date">04</div>
                      <div class="date">March</div>
                      <div class="date">2021</div>
                    </div>
                  </div>
                </div>
              </a></div>
          </div>
        </div>
        <div class="view-all-container w-clearfix"><a href="/insights/press" class="button right-arrow dark left w-button">View Archive</a></div>
      </div>
      <div class="hidden">
        <div class="heading-block">
          <div class="shapes-container">
            <div data-ix="reveal-on-scroll" class="shape-component relative blue"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative orange"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative pink"></div>
            <div data-ix="reveal-on-scroll" class="shape-component relative green"></div>
          </div>
          <h2>Where to &quot;meet&quot; us next</h2>
        </div>
        <div class="map-wrapper w-hidden-small w-hidden-tiny">
          <div id="map" class="map"></div>
          <div class="event-wrapper">
            <div class="map-event-side-list-wrapper w-dyn-list">
              <div class="w-dyn-empty">
                <div>No items found.</div>
              </div>
            </div>
          </div>
          <div class="event-mobile-wrapper w-hidden-main w-hidden-medium">
            <div class="map-event-mobile-list-wrapper w-hidden-main w-hidden-medium w-dyn-list">
              <div role="list" class="map-event-mobile-list w-dyn-items">
                <div role="listitem" class="map-event-mobile-item w-dyn-item">
                  <div class="map-event-mobile-block selected w-clearfix">
                    <div class="map-event-mobile-thumbnail-block selected">
                      <div style="background-image:url(&quot;https://assets.website-files.com/5938237c28d3377226b7a76a/5f0c34431e23ce5c0b72a791_Screenshot%202020-07-13%20at%2011.13.40.png&quot;)" class="map-event-mobile-thumbnail selected"></div>
                    </div>
                    <div class="map-event-mobile-content selected">
                      <div class="map-event-mobile-arrow selected"></div>
                      <div class="map-event-mobile-title-block selected">
                        <div>MIPJunior</div>
                      </div>
                      <div class="map-event-side-details">
                        <div class="date-container w-clearfix w-condition-invisible">
                          <div class="icon calendar"></div>
                          <div class="date">10</div>
                          <div class="date w-condition-invisible">Oct</div>
                          <div class="date w-condition-invisible">9:00 am</div>
                          <div class="date">-</div>
                          <div class="date">11</div>
                          <div class="date">Oct</div>
                          <div class="date">2020</div>
                        </div>
                        <div class="date-container w-clearfix w-condition-invisible">
                          <div class="icon calendar"></div>
                          <div class="date">This event has passed</div>
                        </div>
                        <div class="map-event-mobile-location selected">
                          <div class="icon location"></div>
                          <div class="event-details-text">JW Marriott, Cannes, France</div>
                        </div>
                        <div class="map-event-side-attendee selected">
                          <div class="icon attendee"></div>
                          <div class="event-details-text">Adam Woodgate</div>
                        </div>
                      </div>
                    </div><a target="_blank" href="https://www.mipjunior.com/" class="map-event-mobile-link-block selected w-inline-block w-condition-invisible" data-ix="event-rollover"></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="map-event-mobile-list-wrapper w-hidden-main w-hidden-medium w-dyn-list">
              <div class="w-dyn-empty">
                <div>No items found.</div>
              </div>
            </div>
          </div>
        </div>
        <div class="event-mobile-wrapper">
          <div class="map-event-mobile-list-wrapper w-dyn-list">
            <div class="w-dyn-empty">
              <div>No items found.</div>
            </div>
          </div>
        </div>
        <div class="w-hidden-small w-hidden-tiny w-embed w-script">
          <script type="text/javascript">
            function initMap() {

              var $eventItem = $('.map-event-side-item');
              var eventItems = [];
              $('.map-event-side-item').each(function() {
                eventItems.push($(this));
              });

              var locations = [];
              var eventnames = [];
              $('.map-event-location').each(function() {
                locations.push($(this).data('map-event-location'));
              });
              $('.map-event-location').each(function() {
                eventnames.push($(this).data('map-event-name'));
              });
              var map;
              var bounds = new google.maps.LatLngBounds();
              var mapOptions = {
                backgroundColor: '#edf5f9',
                panControl: false,
                zoomControl: false,
                scaleControl: false,
                fullscreenControl: false,
                streetViewControl: false,
                mapTypeControl: false,
                draggable: false,
                scrollwheel: false,
                maxZoom: 6,
                styles: [{
                  "elementType": "geometry",
                  "stylers": [{
                    "color": "#ffffff"
                  }]
                }, {
                  "elementType": "labels.icon",
                  "stylers": [{
                    "visibility": "off"
                  }]
                }, {
                  "elementType": "labels.text.fill",
                  "stylers": [{
                    "color": "#616161"
                  }]
                }, {
                  "elementType": "labels.text.stroke",
                  "stylers": [{
                    "color": "#ffffff"
                  }]
                }, {
                  "featureType": "administrative",
                  "elementType": "geometry",
                  "stylers": [{
                    "visibility": "off"
                  }]
                }, {
                  "featureType": "poi",
                  "stylers": [{
                    "visibility": "off"
                  }]
                }, {
                  "featureType": "road",
                  "stylers": [{
                    "visibility": "off"
                  }]
                }, {
                  "featureType": "transit",
                  "stylers": [{
                    "visibility": "off"
                  }]
                }, {
                  "featureType": "water",
                  "elementType": "geometry",
                  "stylers": [{
                    "color": "#edf5f9"
                  }]
                }, {
                  "featureType": "water",
                  "elementType": "labels.text",
                  "stylers": [{
                    "visibility": "off"
                  }]
                }]
              };

              var marker, i;
              var markers = [];
              var image = {
                url: 'https://assets.website-files.com/592e8c1559d3a17c82153611/5b1e39a6a2471509add49ba5_map-marker.svg',
                scaledSize: new google.maps.Size(16, 20),
                origin: new google.maps.Point(0, 0),
                anchor: new google.maps.Point(8, 20)
              };

              var imageSelected = {
                url: 'https://assets.website-files.com/592e8c1559d3a17c82153611/5b18fb3b12892478b8b10748_map-marker.svg',
                scaledSize: new google.maps.Size(16, 20),
                origin: new google.maps.Point(0, 0),
                anchor: new google.maps.Point(8, 20)
              };

              var panelOpen = false;
              // initiate Google maps

              map = new google.maps.Map(document.getElementById('map'), mapOptions);
              map.setTilt(45);

              $eventItem.click(function() {

                if ($eventItem !== this) {
                  $eventItem.find('[class^="map-event-side"]').removeClass('selected');
                }
                if (!$(this).children().hasClass('selected')) {
                  $(this).find('[class^="map-event-side"]').addClass('selected');
                  var index = $eventItem.index(this);
                  var currentEventMarker = markers[index];
                  markers[index].setAnimation(google.maps.Animation.BOUNCE);
                  markers[index].setIcon(imageSelected);
                  for (var i = 0; i < markers.length; i++) {
                    if (markers[i] !== currentEventMarker) {
                      markers[i].setIcon(image);
                      markers[i].setAnimation(null);
                    }
                  }

                }
              });

              var newIndex;

              $eventItem.hover(
                // mouse in
                function() {
                  newIndex = $eventItem.index(this);
                  // first we need to know which <div class="marker"></div> we hovered
                  if (!$(this).children().hasClass('selected')) {
                    markers[newIndex].setAnimation(google.maps.Animation.BOUNCE);
                  }
                },
                // mouse out
                function() {
                  newIndex = $eventItem.index(this);
                  // first we need to know which <div class="marker"></div> we hovered
                  if (!$(this).children().hasClass('selected')) {
                    markers[newIndex].setAnimation(null);
                  }
                }
              );


              for (i = 0; i < locations.length; i++) {

                var position = new google.maps.LatLng(locations[i][0], locations[i][1]);

                bounds.extend(position);

                markers.push(new google.maps.Marker({
                  position: position,
                  map: map,
                  icon: image,
                  animation: google.maps.Animation.DROP
                }));

                map.fitBounds(bounds);
                var zoom = map.getZoom();
                map.setZoom(zoom > 6 ? 6 : zoom);

                google.maps.event.addListener(markers[i], 'mouseover', (function(markers, i) {
                  return function() {

                  }
                })(markers, i));

                google.maps.event.addListener(markers[i], 'click', (function(markers, i) {
                  return function() {

                    var currentMarker = markers[i];

                    for (var y = 0; y < markers.length; y++) {
                      if (markers[y] !== currentMarker) {
                        markers[y].setAnimation(null);
                        markers[y].setIcon(image);
                      }
                    }

                    currentMarker.setIcon(imageSelected);
                    currentMarker.setAnimation(google.maps.Animation.BOUNCE);

                    var currentEventItem = eventItems[i];

                    for (var z = 0; z < eventItems.length; z++) {
                      if (eventItems[z] !== currentEventItem) {
                        eventItems[z].find('[class^="map-event-side"]').removeClass('selected');
                      }
                    }
                    currentEventItem.find('[class^="map-event-side"]').addClass('selected');
                  }
                })(markers, i));

                window.onresize = function(event) {
                  map.fitBounds(bounds);
                }
              }
              /*
              function toggleBounce(marker) {
                if (marker.getAnimation() !== null) {
                  marker.setAnimation(null);
                } else {
                  marker.setAnimation(google.maps.Animation.BOUNCE);
                }
              }
              */
            }
          </script>
        </div>
      </div>
    </div>
    <footer class="footer w-clearfix">
      <div class="list-style w-embed">
        <style>
          ol li {
            background-image: none;
            padding-left: 0rem;
          }
        </style>
      </div>
      <nav class="footer-navigation">
        <div class="footer-link-block"><a href="/work" class="footer-link" data-ix="nav-transparency-2">Work</a></div>
        <div class="footer-link-block"><a href="/services" class="footer-link" data-ix="nav-transparency-2">Services</a></div>
        <div class="footer-link-block"><a href="/insights" class="footer-link" data-ix="nav-transparency-2">Insights</a></div>
        <div class="footer-link-block"><a href="/about" class="footer-link" data-ix="nav-transparency-2">About</a></div>
        <div class="footer-link-block"><a href="/team" class="footer-link" data-ix="nav-transparency-2">Team</a></div>
        <div class="footer-link-block"><a href="/careers" class="footer-link" data-ix="nav-transparency-2">Careers</a></div>
        <div class="footer-link-block"><a href="/privacy-policy" class="footer-link" data-ix="nav-transparency-2">Privacy Policy</a></div>
      </nav>
      <div class="footer-brand-container"><a href="/" aria-current="page" class="brand-footer w-inline-block w--current">
          <div class="brand-wordmark small">DUBIT</div>
        </a><a href="/" aria-current="page" class="footer-brand w-nav-brand w--current"><img src="https://assets.website-files.com/592e8c1559d3a17c82153611/593014552d66e37fc7aa4783_dubit.svg" alt="" /></a>
        <div class="brand-tagline">Shaping kids brands for the digital world</div>
      </div>
      <div class="footer-contact">
        <nav class="footer-contact-block"><a href="tel:+441133947920" class="button small-button w-button">0113 394 7920</a>
          <div class="buttons-separator"></div><a href="/contact" class="button small-button w-button">Contact</a>
        </nav>
        <div class="social-links"><a href="http://twitter.com/dubit" target="_blank" class="social-link twiiter w-inline-block"></a><a href="http://www.facebook.com/dubitlimited" target="_blank" class="social-link facebook w-inline-block"></a><a href="http://www.linkedin.com/company/dubit-limited/" target="_blank" class="social-link linkedin w-inline-block"></a></div>
      </div>
    </footer>
    <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=592e8c1559d3a17c82153611" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script src="https://assets.website-files.com/592e8c1559d3a17c82153611/js/dubit-website.5d4cbbca3.js" type="text/javascript"></script>
    <!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
    <script>
      $(document).ready(function() {
        var is_Accepted = localStorage.getItem("cookieAccepted");
        console.log(is_Accepted);
        if (is_Accepted == false || is_Accepted == null) {
          console.log('cookieAccepted');
          $('.cookie-banner').show();
        } else {
          $('.cookie-banner').hide();
        }
      });
    </script>

    <script>
      $('.accept-policy').click(function(e) {
        localStorage.setItem('cookieAccepted', true);
      });
    </script>

    <script>
      $(document).ready(function() {

        $('.open').click(function() {
          if ($(document).height() > $(window).height()) {
            var scrollTop = ($('html').scrollTop()) ? $('html').scrollTop() : $('body').scrollTop(); // Works for Chrome, Firefox, IE...
            $('html').addClass('noscroll').css('top', -scrollTop);
          }
        });

        $('.close').click(function() {
          var scrollTop = parseInt($('html').css('top'));
          $('html').removeClass('noscroll');
          $('html,body').scrollTop(-scrollTop);
        });

      });
    </script>

    <script>
      window.intercomSettings = {
        app_id: "pg80hnlg"
      };
    </script>
    <script>
      (function() {
        var w = window;
        var ic = w.Intercom;
        if (typeof ic === "function") {
          ic('reattach_activator');
          ic('update', intercomSettings);
        } else {
          var d = document;
          var i = function() {
            i.c(arguments)
          };
          i.q = [];
          i.c = function(args) {
            i.q.push(args)
          };
          w.Intercom = i;

          function l() {
            var s = d.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = 'https://widget.intercom.io/widget/pg80hnlg';
            var x = d.getElementsByTagName('script')[0];
            x.parentNode.insertBefore(s, x);
          }
          if (w.attachEvent) {
            w.attachEvent('onload', l);
          } else {
            w.addEventListener('load', l, false);
          }
        }
      })()
    </script>
    <script type="text/javascript">
      //carousel
      var $videoContainers = $('.w-background-video');
      $videoContainers.each(function(index, element) {
        var video = $(element).find('video')[0];
        video.loop = false;
        video.autoloop = false;
        if (index != 0) {
          video.pause();
        }

        video.onended = function() {
          this.currentTime = 0;
          toggleVideoDisplay(index);
        };
      });

      function toggleVideoDisplay(currentIndex) {
        $videoContainers.each(function(index, element) {
          var nextIndex = currentIndex + 1;
          if (nextIndex >= $videoContainers.length) {
            nextIndex = 0;
          }

          if (currentIndex == index) {
            $(element).hide();
          } else if (index == nextIndex) {
            $(element).show();
            $(element).find('video')[0].play();
          }
        });
      }
    </script>

    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDrQheOYdyCwHlzXnDVPcS23gUmlK5Mg8E&callback=initMap">
    </script>
  </body>
</html>

