<div class="top-icons-holder">
	<div class="online-ic active-icon">
		<img alt="" src="/library/icons/gaming.svg?siteid=1" /> <span>Game on!</span></div>
	<div class="cashier-ic">
		<img alt="" src="/library/icons/wallet.svg?siteid=1" /> <span>Cashier</span></div>
	<div class="pl-resp-ic">
		<img alt="" src="/library/icons/privacy-policy-icon.svg?siteid=1" /> <span>Play responsibly</span></div>
</div>
<div class="mob-men-sect-holder">
	<div class="mob-men-sect">
		<a href="/sports"><span><strong>Sport</strong></span></a> <a href="/casino"><span><strong>Casino</strong></span></a> <a href="/live-casino"><span><strong>Live Casino</strong></span></a> <a href="/sports/esports/matches/today" onclick="Playtech.API.common.redirect('/sports/esports/matches/today');" target="_self"><span><strong>eSports</strong></span></a> <a href="/promotions" id="sport-mobile-promotions"><span><strong>Promotions</strong></span></a><a href="/promotions-casino" id="casino-mobile-promotions" style="display: none;"><span><strong>Promotions</strong></span></a><a class="open-live-chat" href="#" target="_self"><span><strong>Live chat</strong></span></a><a href="https://helpcentre.10bet.co.uk/hc/en-gb"><span><strong>Help centre</strong></span></a><a href="/contact-us"><span><strong>Contact us</strong></span></a></div>
</div>
<style media="screen" type="text/css">
.DefaultMenu__customSlideMenu--2XT{
    overflow:hidden;
  }
  .DefaultMenu__customSlideMenuWrapper--dcL{
    width:320px!important;
  }
  .overlay{
    background-color:rgba(0,0,0,.7)!important;
  }
  .mob-men-sect a{
    display:flex;
    justify-content: space-between;
    text-decoration:none!important;
  }
  .mob-men-sect-holder{
    height: calc(100vh - 100px);
    overflow:auto;
    background-color:#e4e4e4;
  }

  .top-icons-holder {
    display:grid;
    grid-template-columns: 33% 33% 33%;
    margin-top:20px;

  }
  .top-icons-holder div{
    opacity: 0.6;
  }

  .top-icons-holder img{
    width:32px;
    height:32px;

  }
  .top-icons-holder div{
    display:flex;
    flex-direction: column;
    align-items:center;
  }
  .top-icons-holder div, .mob-men-sect{
    display:flex;
    flex-direction: column;
    align-items:left;
  }
  .top-icons-holder div{
    gap: 13px;
  }
  .top-icons-holder div span{
    font-family:'GT-Walsheim-Pro-bold', Tahoma,Arial,Helvetica,sans-serif!important;
    margin-bottom:17px;
    font-weight: bold;
    font-size: 14px;
    text-align:center;
  }
  .mob-men-sect a{
    padding:18px 16px 15px;
    border-bottom:1px solid rgba(114,107,112,.2);
    color: #000;
    background-color: #e4e4e4;
    font-size:14px;
  }
  .mob-men-sect {
    background-color: #e4e4e4;
  }
  .top-icons-holder div.active-icon{
    opacity:1;
    border-bottom: 3px solid #76fd80!important;
  }
  .cms-slide-menu-container {
    width: 320px !important;
    box-shadow: 5px 5px 30px #03030380;
  }</style>
<script type="text/javascript">
  $(".top-icons-holder>div").on("click", function(){
    $(".top-icons-holder>div").removeClass('active-icon')
    $(this).addClass("active-icon");
    if ($(this).hasClass('pl-resp-ic')) {
      $('.mob-men-sect').load('/library/html-files/mobile-menu-tabs/mobile-menu-tab-tab-pl-resp202603.html?siteid=1')
    }
    else if ($(this).hasClass('cashier-ic')) {
      $('.mob-men-sect').load('/library/html-files/mobile-menu-tabs/mobile-menu-tab-tab-cashier.html?siteid=1')
    }
    else if ($(this).hasClass('online-ic')) {
      $('.mob-men-sect').load('/library/html-files/mobile-menu-tabs/mobile-menu-tab-online.html?siteid=1')
    }
  })
$(document).on("click", ".mob-men-sect a", function () {
    document.querySelector(".SlideMenu__overlay--19q")?.click();
});
</script>