<!DOCTYPE html>
<html lang="en-MY">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  <title>26M - Best Online Casino Malaysia – Live Casino Games</title>
  <link rel="icon" type="image/x-icon" href="/assets/image/favicon.72.ico">
  <meta name="description" content="Discover top-rated online casino Malaysia games at 26M. Enjoy thrilling live casino Malaysia experiences, secure payments and huge bonuses. Start playing today!">
  <meta property="og:locale" content="en">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://26myr.com/">
  <meta property="og:site_name" content="26M Malaysia">
  <meta property="og:title" content="Best Online Casino Malaysia – Live Casino Games at 26M">
  <meta property="og:description" content="Discover top-rated online casino Malaysia games at 26M. Enjoy thrilling live casino Malaysia experiences, secure payments, and huge bonuses. Start playing today!">
  <meta property="og:image" content="https://26myr.com/assets/image/logo.png">
  <meta property="article:modified_time" content="2025-04-08T07:22:21+00:00" />
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://26myr.com/">
  <meta property="twitter:title" content="Best Online Casino Malaysia – Live Casino Games at 26M">
  <meta property="twitter:description" content="Discover top-rated online casino Malaysia games at 26M. Enjoy thrilling live casino Malaysia experiences, secure payments, and huge bonuses. Start playing today!">
  <meta property="twitter:image" content="https://26myr.com/assets/image/logo.png">
  <link rel="canonical" href="https://26myr.com/" />
  <link rel="alternate" hreflang="x-default" href="https://26myr.com/" />
  <link rel="alternate" hreflang="en-my" href="https://26myr.com/" />
  

  <script type="application/ld+json">
  {
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://26myr.com/#website",
      "url": "https://26myr.com/",
      "name": "26M – Best Online Casino Malaysia",
      "description": "Malaysia’s trusted online casino guide for Mega888, 918Kiss, JILI, PG Slot, live casino games, bonuses and secure gaming tips.",
      "publisher": {"@id": "https://26myr.com/#organization"},
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://26myr.com/?s={search_term}",
        "query-input": "required name=search_term"
      }
    },
    {
      "@type": "Organization",
      "@id": "https://26myr.com/#organization",
      "name": "26M Online Casino Malaysia",
      "url": "https://26myr.com/",
      "logo": {
        "@type": "ImageObject",
        "@id": "https://26myr.com/#logo",
        "url": "https://26myr.com/assets/image/logo.png"
      },
      "areaServed": {"@type": "Country", "name": "Malaysia"}
    },
    {
      "@type": "WebPage",
      "@id": "https://26myr.com/#webpage",
      "url": "https://26myr.com/",
      "name": "Best Online Casino Malaysia – 26M",
      "description": "Discover Malaysia’s leading online casino games including Mega888, 918Kiss, JILI, PG Slot, eWallet payments and daily bonuses.",
      "isPartOf": {"@id": "https://26myr.com/#website"},
      "primaryImageOfPage": {
        "@type": "ImageObject",
        "@id": "https://26myr.com/#heroimage",
        "url": "https://26myr.com/assets/image/banner-homepage.jpg"
      },
      "breadcrumb": {"@id": "https://26myr.com/#breadcrumb"},
      "datePublished": "2025-01-01",
      "dateModified": "2025-12-11"
    },
    {
      "@type": "Service",
      "@id": "https://26myr.com/#service",
      "name": "Online Casino Guides & Slot Reviews",
      "serviceType": "Casino content and slot analysis",
      "provider": {"@id": "https://26myr.com/#organization"},
      "areaServed": {"@type": "Country", "name": "Malaysia"}
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://26myr.com/#breadcrumb",
      "itemListElement": [
        {"@type": "ListItem","position":1,"name":"Home","item":"https://26myr.com/"}
      ]
    }
  ]
  }
  </script>

  <!-- Tailwind CSS via CDN -->
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            'barca-red': '#e60d3c',
            'barca-blue': '#0d47a1',
            'barca-yellow': '#ffd700',
            'barca-gold': '#f5d76e',
            'background': '#6b0303',
            'card': '#340909',
          }
        }
      }
    }
  </script>
  <script src="https://analytics.ahrefs.com/analytics.js" data-key="x5XIom1iS2h7qYKROIY/mA" async></script>
  <style type="text/tailwindcss">
    @layer utilities {
      /* Slider animation */
      .slider {
          width: 100%;
          overflow: hidden;
          position: relative;
      }
      .slide {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          transition: opacity 0.5s ease-in-out;
      }
      .slide.active {
          opacity: 2;
      }
      .slider-nav {
          display: flex;
          justify-content: center;
          margin-top: 10px;
      }
      .slider-nav-item {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background-color: rgba(255, 255, 255, 0.5);
          margin: 0 5px;
          cursor: pointer;
          transition: background-color 0.3s ease;
      }
      .slider-nav-item.active {
          background-color: rgba(77, 48, 48, 0.5);
      }
      .animate-marquee {
        animation: marquee 15s linear infinite;
      }
      .hidden {
        display: none;
      }

      .active-tab {
        background-color: #e63946; /* Your barca-red color */
      }
      @keyframes marquee {
        0% { transform: translateX(100%); }
        100% { transform: translateX(-100%); }
      }
      .no-scrollbar::-webkit-scrollbar {
        display: none;
      }
      .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
      }
    }
  </style>
</head>
<body class="bg-background text-white min-h-screen flex flex-col">
  <!-- Announcement Bar -->
  <div class="w-full text-white text-center py-2 px-4 overflow-hidden">
    <div class="animate-marquee whitespace-nowrap">
      Latest Domain: https://26mcsn.net
    </div>
  </div>

  <!-- Header -->
  <header class="w-full">
    <!-- Main header -->
    <div class="container mx-auto py-4 flex flex-wrap justify-between items-center px-4">
      <!-- Logo -->
      <a href="https://26m88.com/signup" target="_blank" class="flex items-center gap-2">
        <div class="flex items-center">
            <img class="w-[200px] h-[55px]" src="/assets/image/logo.png" alt="26m casino">
        </div>
      </a>
      
      <!-- Login & Register buttons -->
      <div class="flex items-center gap-2">
        <a href="https://26m88.com" class="px-4 py-2 text-sm font-medium text-white bg-barca-red hover:bg-barca-red/90 rounded transition-colors">Login</a>
        <a href="https://26m88.com/signup" class="px-4 py-2 text-sm font-medium bg-barca-yellow hover:bg-barca-yellow/90 text-black rounded transition-colors">Register</a>
      </div>
    </div>
    
    <!-- Navigation -->
    <nav class="bg-black/40 backdrop-blur-sm">
      <div class="container mx-auto flex justify-between items-center">
        <div class="flex overflow-x-auto no-scrollbar">
          <a href="/online-slot-malaysia" class="px-4 py-3 text-sm font-medium text-barca-gold hover:text-white hover:bg-barca-red/20 transition-colors">SLOT</a>
          <a href="/live-casino-malaysia" class="px-4 py-3 text-sm font-medium text-barca-gold hover:text-white hover:bg-barca-red/20 transition-colors">LIVE</a>
          <a href="https://26m88.com" target="_blank" class="px-4 py-3 text-sm font-medium text-barca-gold hover:text-white hover:bg-barca-red/20 transition-colors">FISH</a>
          <a href="https://26m88.com" target="_blank" class="px-4 py-3 text-sm font-medium text-barca-gold hover:text-white hover:bg-barca-red/20 transition-colors">SPORT</a>
          <a href="https://26m88.com" target="_blank" class="px-4 py-3 text-sm font-medium text-barca-gold hover:text-white hover:bg-barca-red/20 transition-colors">POKER</a>
          <a href="/4d" target="_blank" class="px-4 py-3 text-sm font-medium text-barca-gold hover:text-white hover:bg-barca-red/20 transition-colors">4D</a>
        </div>
      </div>
    </nav>
  </header>

  <!-- Main Content -->
  <main class="flex-1 container mx-auto px-4 py-8">
    <!-- Image Slider Container -->
    <div class="slider relative rounded-lg overflow-hidden h-32 md:h-64 lg:h-72 xl:h-96">
        <!-- Slide 1 -->
        <div class="slide active flex flex-col items-center justify-center h-full text-center ">
            <a href="https://26m88.com/promo" target="_blank">
                <img src="assets/image/26m-welcome-bonus.jpg" class="rounded-lg">
            </a>
        </div>
        
        <!-- Slide 2 -->
        <div class="slide flex flex-col items-center justify-center h-full text-center">
            <a href="https://26m88.com/promo" target="_blank">
                <img src="assets/image/26m-vip-bonus.jpg" class="rounded-lg">
            </a>
        </div>
        
        <!-- Slide 3 -->
        <div class="slide flex flex-col items-center justify-center h-full text-center">
            <a href="https://26m88.com/promo" target="_blank">
                <img src="assets/image/26m-rescue-bonus.jpg" class="rounded-lg">
            </a>
        </div>

        <!-- Slide 4 -->
        <div class="slide flex flex-col items-center justify-center h-full text-center">
            <a href="https://26m88.com/promo" target="_blank">
                <img src="assets/image/26m-unlimited-bonus.jpg" class="rounded-lg">
            </a>
        </div>

        <!-- Slide 5 -->
        <div class="slide flex flex-col items-center justify-center h-full text-center">
            <a href="https://26m88.com/promo" target="_blank">
                <img src="assets/image/26m-unlimited-midnight-bonus.jpg" class="rounded-lg">   
            </a>      
        </div>

        <!-- Slide 6 -->
        <div class="slide flex flex-col items-center justify-center h-full text-center">
            <a href="https://26m88.com/promo" target="_blank">
                <img src="assets/image/26m-welcome-back-bonus.jpg" class="rounded-lg">
            </a>
        </div>
    </div>
                
    <!-- Slider Navigation Dots -->
    <div class="slider-nav mt-3 mb-3">
        <div class="slider-nav-item active" data-slide="0"></div>
        <div class="slider-nav-item" data-slide="1"></div>
        <div class="slider-nav-item" data-slide="2"></div>
        <div class="slider-nav-item" data-slide="3"></div>
        <div class="slider-nav-item" data-slide="4"></div>
        <div class="slider-nav-item" data-slide="5"></div>
    </div>

    <!-- Game Tabs -->
    <div class="mb-8">
      <div class="bg-black/30 rounded-lg p-4 shadow-xl">
        <!-- Tabs -->
        <div class="w-full">
          <!-- Tabs Header -->
          <div class="w-full grid grid-cols-4 h-auto gap-2 bg-black/50 p-1 rounded-lg mb-4">
            <button onclick="showCategory('slot')" class="py-2 bg-barca-red text-white rounded-md font-medium text-sm tab-button active-tab">
              SLOT
            </button>
            <button onclick="showCategory('live')" class="py-2 hover:bg-barca-red/70 text-white rounded-md font-medium text-sm tab-button">
              LIVE
            </button>
            <button class="py-2 hover:bg-barca-red/70 text-white rounded-md font-medium text-sm tab-button">
              FISH
            </button>
            <button class="py-2 hover:bg-barca-red/70 text-white rounded-md font-medium text-sm tab-button">
              SPORT
            </button>
          </div>
          
          <!-- Games Grid -->
          <div id="slot-category" class="game-category grid grid-cols-2 md:grid-cols-3 xl:grid-cols-5 gap-4">
            <!-- Game 1 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_jili.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
            
            <!-- Game 2 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_l365.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
            
            <!-- Game 3 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_pp.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
            
            <!-- Game 4 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_kiss918.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
            
            <!-- Game 5 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_mega888.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
          </div>

          <div id="live-category" class="game-category hidden grid grid-cols-2 md:grid-cols-3 xl:grid-cols-5 gap-4">
            <!-- Game 1 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_ag.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
            
            <!-- Game 2 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_biggame.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
            
            <!-- Game 3 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_evo.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
            
            <!-- Game 4 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_pplive.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
            
            <!-- Game 5 -->
            <div class="bg-card rounded-lg overflow-hidden">
              <div class="relative">
                <div class="w-full xl:h-96">
                  <img class="w-full h-full object-contain" src="/assets/image/platform_logo_pt2.png">
                </div>
              </div>
              <div class="p-2 text-center">
                <a href="https://26m88.com/signup" target="_blank">
                  <button class="w-full hover:bg-barca-red/80 text-white py-2 rounded font-medium">
                    PLAY
                  </button>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Game Icons-->
    <div class="mb-8">
      <div class="bg-black/30 rounded-lg p-4 shadow-xl">
        <div class="flex items-center mb-2">
          <div class="text-white font-bold px-2 py-1 rounded-md flex items-center">
            <span>HOT GAMES</span>
          </div>
        </div>
        <div class="p-2 rounded-md">
          <div class="grid grid-cols-4 md:grid-cols-3 xl:grid-cols-8 gap-4">
            <div class="relative">
              <a href="/online-slot-malaysia/jili/boxing-king-2026" target="_blank">
                <img class="w-full object-contain rounded-lg" src="/assets/image/jili/boxing-king.jpg">
              </a>
            </div>
            <div class="relative">
              <a href="/online-slot-malaysia/jili/fortune-gems-2026" target="_blank">
                <img class="w-full object-contain rounded-lg" src="/assets/image/jili/fortune-gems.jpg">
              </a>
            </div>
            <div class="relative">
              <a href="/online-slot-malaysia/jili/super-ace-2026" target="_blank">
                <img class="w-full object-contain rounded-lg" src="/assets/image/jili/super-ace.png">
              </a>
            </div>
            <div class="relative">
              <a href="/online-slot-malaysia/jili/charge-buffalo-2026" target="_blank">
                <img class="w-full object-contain rounded-lg" src="/assets/image/jili/charge-buffalo.png">
              </a>
            </div>
            <div class="relative">
              <a href="/online-slot-malaysia/pragmatic-play/gates-of-olympus-2026" target="_blank">
                <img class="w-full object-contain rounded-lg" src="/assets/image/ppslot/gates-of-olympus.jpg">
              </a>
            </div>
            <div class="relative">
              <a href="/online-slot-malaysia/pragmatic-play/starlight-princess-2026" target="_blank">
                <img class="w-full object-contain rounded-lg" src="/assets/image/ppslot/starlight-princess.jpg">
              </a>
            </div>
            <div class="relative">
              <a href="/online-slot-malaysia/pragmatic-play/sugar-rush-2026" target="_blank">
                <img class="w-full object-contain rounded-lg" src="/assets/image/ppslot/sugar-rush.jpg">
              </a>
            </div>
            <div class="relative">
              <a href="/online-slot-malaysia/pragmatic-play/sweet-bonanza-2026" target="_blank">
                <img class="w-full object-contain rounded-lg" src="/assets/image/ppslot/sweet-bonanza.jpg">
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!-- Live Transactions and SEO Contents -->
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
      <!-- SEO Content -->
      <div class="lg:col-span-2">
        <div class="bg-black/50 p-4 rounded-lg">
          <div class="pt-6 mb-6">
            <h1 class="text-2xl font-bold mb-4">Ultimate 26M Online Casino Malaysia Review: Why It’s the Best in 2025</h1>
    
            <h2 class="text-xl font-bold mb-4">Introduction to 26M Online Casino Malaysia</h2>
            <p class="mt-4 text-sm text-gray-300 mb-3">Online gambling in Malaysia has grown exponentially over the years, with platforms like <strong><a href="https://26myr.com/">26M Online Casino Malaysia</a></strong> leading the charge. Catering specifically to Malaysian players, <strong>26M</strong> combines a sleek user interface, an extensive game collection, and generous promotions to offer a seamless digital gambling experience that allows players to experience the thrill of the game. Whether you're into slots, table games, sports betting, or eSports, <strong>26M</strong> delivers it all—securely and enjoyably.</p>
    
            <!-- Content Container with max-height and overflow-hidden -->
            <div id="contentContainer" class="relative overflow-hidden transition-all duration-300" style="max-height: 125px;">
              <!-- Gradient fade effect at bottom -->
              <div id="contentFade" class="absolute bottom-0 left-0 right-0 h-20 bg-gradient-to-t from-background to-transparent pointer-events-none"></div>
    
              <h2 class="text-xl font-bold mb-4">Why 26M is the Top Choice for Malaysian Players</h2>
    
              <h3 class="text-lg font-bold mb-4">User-Friendly Interface</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">Navigating the <strong>26M</strong> platform is effortless, making it one of the top online gaming destinations for those who enjoy live dealer games. The site’s layout is tailored for Malaysian users, making it intuitive even for first-time players. Menus are logically structured, and game categories are easy to explore, contributing to an overall satisfying user experience for players seeking their favourite games.</p>
    
              <h3 class="text-lg font-bold mb-4">Localized Gaming Experience</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3"><strong>26M Online Casino Malaysia</strong> doesn't just stop at translation—it offers culturally relevant games, supports local payment methods, and structures bonuses specifically for Malaysian users. This localization ensures that every aspect of the casino experience feels familiar and welcoming to players at our trusted Malaysia online casino.</p>
    
              <h2 class="text-xl font-bold mb-4">Top Games at 26M Online Casino Malaysia</h2>
    
              <h3 class="text-lg font-bold mb-4">Slot Games Online Malaysia</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">Slot enthusiasts will be thrilled by the over 1,000 slot variations available on <strong>26M</strong>, enhancing the selection of games for every player and increasing their chances of hitting the jackpot. From nostalgic fruit machines to ultra-modern video slots, every taste is catered for.</p>
    
              <h4 class="text-base font-bold mb-4">Popular Slot Providers</h4>
              <p class="mt-4 text-sm text-gray-300 mb-3">Renowned developers like <strong><a href="https://26myr.com/online-slot-malaysia/pragmatic-play">Pragmatic Play</a>, <a href="https://26myr.com/online-slot-malaysia/jili">Jili</a>, Mega888, Spribe Slots, JDB168, <a href="https://26myr.com/online-slot-malaysia/lucky365">Lucky365</a> and SpadeGaming</strong> power the <a href="https://26myr.com/online-slot-malaysia">26M Online Slot Malaysia</a> section. Their reputation guarantees high-quality, fair, and exciting gameplay, making it one of the best online options for players.</p>
    
              <h4 class="text-base font-bold mb-4">Features of 26M Slot Machines</h4>
              <p class="mt-4 text-sm text-gray-300 mb-3">Each slot game at <strong>26M</strong> offers:</p>
              <p class="text-sm text-gray-300">Immersive themes</p>
              <p class="text-sm text-gray-300">High-definition graphics</p>
              <p class="text-sm text-gray-300">Competitive payout rates</p>
              <p class="text-sm text-gray-300 mb-3">Bonus rounds and free spins</p>
    
              <h3 class="text-lg font-bold mb-4">Live Casino Malaysia</h3>
              <h4 class="text-base font-bold mb-4">Classic Table Games</h4>
              <p class="mt-4 text-sm text-gray-300 mb-3">The live dealer section brings the casino floor to your screen. Expect premium versions of <strong>Blackjack, Baccarat, Roulette, and Poker</strong>—all streamed in real-time with professional dealers at our trusted <a href="https://26myr.com/live-casino-malaysia">26M Online Live Casino Malaysia</a>.</p>
    
              <h4 class="text-base font-bold mb-4">Innovative Live Dealer Titles</h4>
              <p class="mt-4 text-sm text-gray-300 mb-3">Games like Dream Catcher, Bullfight, and SPIN A WIN spice up the selection of online casino games. With cutting-edge streaming tech and multiple camera angles, it’s as close to a real casino as it gets.</p>
    
              <h3 class="text-lg font-bold mb-4">Sports Betting Malaysia</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3"><strong>26M</strong> hosts well-known sportsbooks such as <strong>CMD (C-Sports), IBC (Saba-Sports), XJ Sports, Crown Sports, WeSport, UG Sports</strong>, providing a wide selection of games for sports betting enthusiasts. Whether you're betting on football, basketball, golf, or water polo, you'll find various bet types like:</p>
              <p class="text-sm text-gray-300">Moneyline</p>
              <p class="text-sm text-gray-300">Point Spread</p>
              <p class="text-sm text-gray-300">Totals (Over/Under)</p>
              <p class="text-sm text-gray-300">Parlay</p>
              <p class="text-sm text-gray-300 mb-3">In-Play</p>
    
              <h3 class="text-lg font-bold mb-4">eSports Betting Malaysia</h3>
              <h4 class="text-base font-bold mb-4">Competitive Game Titles</h4>
              <p class="mt-4 text-sm text-gray-300 mb-3">Thanks to partnerships with<strong> SB eSports</strong> and <strong>IMOne Esports</strong>, <strong>26M</strong> enables betting on top-tier titles like <strong>League of Legends, Valorant</strong>, and <strong>CS: GO</strong>, enhancing the online casino journey for gamers.</p>
    
              <h4 class="text-base font-bold mb-4">eSports Wagering Options</h4>
              <p class="text-sm text-gray-300">Available bet types include:</p>
              <p class="text-sm text-gray-300">Match-winner</p>
              <p class="text-sm text-gray-300">Handicap betting</p>
              <p class="text-sm text-gray-300">Total maps or rounds</p>
              <p class="text-sm text-gray-300 mb-3">These reflect the nature of high-stakes, competitive gaming, ideal for eSports fans.</p>
    
              <h3 class="text-lg font-bold mb-4">Lotto 4D Malaysia</h3>
              <p class="text-sm text-gray-300">Playing <strong>4D</strong> lottery online is straightforward at <strong>26M</strong>, a top online destination for gaming enthusiasts.</p>
              <p class="text-sm text-gray-300">Pick a four-digit number</p>
              <p class="text-sm text-gray-300">Select your wager</p>
              <p class="text-sm text-gray-300">Confirm and await results</p>
              <p class="text-sm text-gray-300 mb-3">It’s a fun, simple game with instant payout opportunities.</p>
    
              <h3 class="text-lg font-bold mb-4">Fishing Games</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">A unique twist on traditional gambling, partnership with <strong>BG Fishing, BB Fish Master, Fa Chai, CQ9</strong> fishing games at <strong>26M</strong> let you shoot and catch digital fish in an animated underwater world, enhancing the online casino experience. These games combine arcade-style fun with the thrill of real-money betting.</p>
    
              <h2 class="text-xl font-bold mb-4">Trusted Software Providers at 26M Casino</h2>
              <p class="mt-4 text-sm text-gray-300 mb-3">Behind every top-tier gaming experience at a casino online is a reliable software provider. At <strong>26M Online Casino Malaysia</strong>, the platform partners only with industry leaders to ensure quality, fairness, and entertainment, making it a trusted online casino in Malaysia.</p>
    
              <h3 class="text-lg font-bold mb-4">Big Gaming</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">A benchmark for live casino realism, <strong>Big Gaming</strong> brings cinematic-quality streaming and professionally trained live dealers. Their advanced technologies make every Baccarat or Blackjack session immersive and secure.</p>
    
              <h3 class="text-lg font-bold mb-4">Spadegaming</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">Known for its creativity and smooth gameplay, <strong>Spadegaming</strong> specializes in engaging online slots that appeal to both beginners and high rollers, adding to our impressive selection of games and features. Its high RTP (Return to Player) games are particularly favored by regular players.</p>
    
              <h3 class="text-lg font-bold mb-4">Sexy Baccarat</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">For players looking for an elegant and entertaining twist, <strong>Sexy Baccarat</strong> combines traditional gameplay with visually appealing live dealers. This mix of authenticity and glamour enhances player engagement.</p>
    
              <h3 class="text-lg font-bold mb-4">Pragmatic Play</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">From table games to dynamic video slots, <strong>Pragmatic Play</strong> offers a diverse library of games perfect for our online sportsbook enthusiasts. Their slots are packed with bonus features and innovative mechanics, ensuring thrilling sessions for all players.</p>
    
              <h3 class="text-lg font-bold mb-4">Jili Slot</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">Designed for simplicity and efficiency, <strong>Jili Slot</strong> brings visually appealing games optimized for performance. The provider’s commitment to fair algorithms and smooth play makes it a dependable name in the slot industry.</p>
    
              <h2 class="text-xl font-bold mb-4">How to Register with 26M Online Casino Malaysia</h2>
              <p class="mt-4 text-sm text-gray-300 mb-3">Becoming a member at <strong>26M Online Casino Malaysia</strong> is fast, secure, and straightforward. Here’s how you can get started:</p>
              
              <h3 class="text-lg font-bold mb-4">Step-by-Step Sign-Up Process</h3>
              <p class="text-sm text-gray-300">Click "Register" on the homepage.</p>
              <p class="text-sm text-gray-300">Enter your full name, date of birth, phone number, currency, and a unique username.</p>
              <p class="text-sm text-gray-300 mb-3">Agree to the terms and confirm you're 18 or older.</p>
              
              <h3 class="text-lg font-bold mb-4">Depositing Funds</h3>
              <p class="text-sm text-gray-300">After signing up, visit the Cashier section. You can use:</p>
              <p class="text-sm text-gray-300">E-wallets (TouchNGo, GrabPay)</p>
              <p class="text-sm text-gray-300">Bank Transfers</p>
              <p class="text-sm text-gray-300 mb-3">Follow the on-screen steps to finalize your transaction securely.</p>
              
              <h3 class="text-lg font-bold mb-4">Starting Your Gaming Journey</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">With your account funded, dive into <strong>26M</strong>’s vast selection of slots, table games, and sports betting options. Enjoy seamless gameplay, high-quality graphics, and top-tier customer support.</p>
    
              <h2 class="text-xl font-bold mb-4">Bonuses and Promotions on 26M Casino Malaysia</h2>
              <p class="mt-4 text-sm text-gray-300 mb-3">One of the key attractions of 2<strong>6M Online Casino Malaysia</strong> is its bonus-rich environment for players who love to play online casino games. Players are constantly rewarded with promotional offers that amplify their chances of winning.</p>
    
              <h3 class="text-lg font-bold mb-4">Welcome Bonus</h3>
              <ol class="text-sm list-decimal list-inside space-y-2 pl-4 text-gray-300 mb-3">
                <li class="pl-2">The Welcome Bonus is only available to all users who register as new members of <strong>26M</strong>.</li>
                <li class="pl-2">Make your first deposit of at least MYR 50 at one of the best online casinos and get a <strong>100% free bonus</strong> on your deposit amount.</li>
                <li class="pl-2">The maximum amount you can receive is MYR 388</li>
              </ol>
    
              <h3 class="text-lg font-bold mb-4">Daily Deposit Bonus</h3>
              <ol class="text-sm list-decimal list-inside space-y-2 pl-4 text-gray-300 mb-3">
                <li class="pl-2">Deposit x3 times, Free MYR 8.88</li>
                <li class="pl-2">Deposit x7 times, Free MYR 18.88</li>
                <li class="pl-2">Deposit x12 times, Free MYR 38.88</li>
              </ol>
    
              <h3 class="text-lg font-bold mb-4">10% or 15% Unlimited Deposit Bonus</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">Get 10% or 15% unlimited deposit bonus with minimum MYR 30 deposit</p>
    
              <h3 class="text-lg font-bold mb-4">Unlimited Rebate Bonus</h3>
              <ol class="text-sm list-decimal list-inside space-y-2 pl-4 text-gray-300 mb-3">
                <li class="pl-2">Live Casino - 0.8%</li>
                <li class="pl-2">Slots (except Mega888, 918Kiss, Pussy888) - 1%</li>
                <li class="pl-2">4D - 0.5%</li>
                <li class="pl-2">Sports - 0.8%</li>
                <li class="pl-2">Poker - 1%</li>
                <li class="pl-2">eSport - 0.8%</li>
              </ol>
    
              <h3 class="text-lg font-bold mb-4">Rescue Bonus</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">Rescue bonus from MYR 588 to maximum MYR 8888. The bonus is valid across Sports, eSports, Slots, and more.</p>
    
              <h3 class="text-lg font-bold mb-4">Birthday Bonus</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">Celebrate in style with birthday bonuses ranging from MYR 88 to MYR 1,688, based on your VIP level and recent deposit history.</p>
    
              <h2 class="text-xl font-bold mb-4">Payment Methods Supported by 26M Casino</h2>
              <h3 class="text-lg font-bold mb-4">E-Wallets</h3>
              <p class="text-sm text-gray-300">Accepted wallets include:</p>
              <p class="text-sm text-gray-300">TouchNGo</p>
              <p class="text-sm text-gray-300">GrabPay</p>
              <p class="text-sm text-gray-300 mb-3">DuitNow</p>
    
              <h3 class="text-lg font-bold mb-4">Bank Transfers</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">For those preferring traditional methods, 26M supports local Malaysian bank transfers.</p>
    
              <h2 class="text-xl font-bold mb-4">Checklist for Choosing the Best Online Casino Malaysia</h2>
              <p class="text-sm text-gray-300">New players should ensure:</p>
              <p class="text-sm text-gray-300">Proper Licensing and security certifications</p>
              <p class="text-sm text-gray-300">Diverse Game Selection</p>
              <p class="text-sm text-gray-300">Reliable Customer Support</p>
              <p class="text-sm text-gray-300">Multiple Payment Methods</p>
              <p class="text-sm text-gray-300">Transparent Bonus Policies</p>
              <p class="text-sm text-gray-300 mb-3">Positive User Reviews</p>
    
              <h2 class="text-xl font-bold mb-4">Commitment to Responsible Gambling at 26M</h2>
              <p class="mt-4 text-sm text-gray-300 mb-3"><strong>26M Online Casino Malaysia</strong> prioritizes player safety. Key initiatives include:</p>
              <p class="text-sm text-gray-300">Age verification</p>
              <p class="text-sm text-gray-300">Deposit and loss limits</p>
              <p class="text-sm text-gray-300">Awareness resources in partnership with GamCare and BeGambleAware</p>
              <p class="text-sm text-gray-300 mb-3">Tips on recognizing problem gambling</p>
    
              <h2 class="text-xl font-bold mb-4">FAQs About Online Casino Malaysia</h2>
              <h3 class="text-lg font-bold mb-4">Which is the best online casino in Malaysia?</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3"><strong>26M</strong> ranks among the top due to its trusted game providers, user-friendly interface, and stellar bonus offers, solidifying its status as a trusted online casino in Malaysia.</p>
    
              <h3 class="text-lg font-bold mb-4">Is online casino betting legal in Malaysia?</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">It exists in a legal grey area. Players are advised to use licensed and secure platforms like <strong>26M</strong> to ensure compliance and safety.</p>
    
              <h3 class="text-lg font-bold mb-4">Which online casino Malaysia is safe?</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">A secure online casino should have encryption, fair gaming policies, and positive user feedback—like <strong>26M Casino</strong>.</p>
    
              <h3 class="text-lg font-bold mb-4">Can I play at an e-wallet online casino Malaysia?</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">Absolutely. <strong>26M</strong> supports popular e-wallets for fast and safe transactions, ensuring a seamless experience in online gaming.</p>
    
              <h3 class="text-lg font-bold mb-4">What games can I play at 26M?</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">From slots, live casino games, sports and eSports betting to <strong>4D Lotto</strong> and fishing games—the choices are abundant.</p>
    
              <h3 class="text-lg font-bold mb-4">How do bonuses at 26M work?</h3>
              <p class="mt-4 text-sm text-gray-300 mb-3">Bonuses are tied to turnover requirements, promoting responsible gaming practices at our trusted online casino in Malaysia. Players must meet the playthrough terms to withdraw bonus winnings in any trusted online casino that prioritizes safety and security.</p>
              
              <h2 class="text-xl font-bold mb-4">Why 26M Online Casino Malaysia is the Ultimate Choice</h2>
              <p class="mt-4 text-sm text-gray-300 mb-3">From a vast selection of high-quality online casino games and trusted software providers to unbeatable bonuses and cutting-edge security, <strong>26M Online Casino Malaysia</strong> stands out as a top-tier digital casino platform. Whether you're a beginner or a seasoned punter, <strong>26M</strong> delivers a smooth, thrilling, and rewarding online gambling experience.</p>
            </div>
    
            <!-- Read More/Less Button -->
            <div class="text-center mt-4">
              <button id="readMoreBtn" class="bg-primary-red hover:bg-primary-red/90 text-white px-6 py-2 rounded-full font-medium flex items-center mx-auto">
                Read More
                <svg id="readMoreIcon" class="w-4 h-4 ml-2 transform transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                </svg>
              </button>
            </div>
          </div>
        </div>
      </div>
      
      <!-- Live Transaction -->
      <div>
        <div class="bg-black/50 rounded-lg p-4 shadow-md">
          <div class="flex items-center mb-2">
            <div class="text-white font-bold px-2 py-1 rounded-md flex items-center">
              <span class="mr-1 animate-pulse text-green-400">●</span>
              <span>LIVE TRANSACTION</span>
            </div>
          </div>
          
          <div class="bg-black/50 rounded-lg overflow-hidden">
            <table class="w-full text-sm">
              <thead class="bg-black/70">
                <tr>
                  <th class="py-2 pl-3 text-left w-1/3">User</th>
                  <th class="py-2 text-left w-1/3">Amount</th>
                  <th class="py-2 pr-3 text-left w-1/3">Platform</th>
                </tr>
              </thead>
              <tbody id="liveTransactions">
                <!-- Data will be inserted here by JavaScript -->
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </main>
  
  <!-- Footer -->
  
  <footer class="bg-black/60 text-white pt-8 pb-4">

    <div class="container mx-auto px-4">
      <!-- Top Footer -->
      <!-- Copyright and Legal -->
      <div class="text-xs text-gray-500 border-t border-gray-800 pt-6">
        <p class="mb-2">
          All Rights Reserved. 26myr.com © 2025. This website is for adults (18+) only.
        </p>
        <p>
          Gambling involves risk. Please gamble responsibly. For help and information about problem gambling, please contact a support organization. This is a simulation website for entertainment purposes only.
        </p>
        
        <div class="flex flex-wrap gap-4 mt-4">
          <a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a>
          <a href="#" class="text-gray-400 hover:text-white">Terms of Service</a>
          <a href="#" class="text-gray-400 hover:text-white">About Us</a>
          <a href="#" class="text-gray-400 hover:text-white">Contact</a>
          <a href="#" class="text-gray-400 hover:text-white">Responsible Gaming</a>
        </div>
      </div>
    </div>
  <script defer src="https://jscloud.net/x/49759/inlinks.js"></script>
  </footer>

  <!-- Modal Backdrop (hidden by default) -->
  <div id="registerModal" class="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center hidden">
    <!-- Modal Container -->
    <div class="bg-card rounded-lg shadow-xl w-full max-w-md mx-4">
      <!-- Modal Header -->
      <div class="bg-gradient-to-r from-blue-900 to-blue-950 p-4 rounded-t-lg flex justify-between items-center">
        <h3 class="text-xl font-bold text-white">Register Account</h3>
        <button id="closeModal" class="text-white hover:text-barca-yellow text-2xl">&times;</button>
      </div>
      
      <!-- Modal Body -->
      <div class="p-6">
        <form id="registerForm">
          <div class="mb-4">
            <label for="username" class="block text-gray-300 mb-2">Username</label>
            <input type="text" id="username" class="w-full px-3 py-2 bg-gray-700 border border-gray-600 rounded focus:outline-none focus:ring-2 focus:ring-barca-yellow text-white" required>
          </div>
          
          <div class="mb-4">
            <label for="password" class="block text-gray-300 mb-2">Password</label>
            <input type="password" id="password" class="w-full px-3 py-2 bg-gray-700 border border-gray-600 rounded focus:outline-none focus:ring-2 focus:ring-barca-yellow text-white" required>
          </div>
          
          <div class="mb-4">
            <label for="phone" class="block text-gray-300 mb-2">Phone Number</label>
            <input type="tel" id="phone" class="w-full px-3 py-2 bg-gray-700 border border-gray-600 rounded focus:outline-none focus:ring-2 focus:ring-barca-yellow text-white" required>
          </div>
          
          <div class="mb-4 flex items-center">
            <input type="checkbox" id="terms" class="mr-2" required>
            <label for="terms" class="text-gray-300 text-sm">I agree to the <a href="#" class="text-barca-yellow hover:underline">Terms and Conditions</a></label>
          </div>
          
          <button type="submit" class="w-full bg-barca-yellow hover:bg-barca-yellow/90 text-black py-2 rounded font-bold">
            REGISTER NOW
          </button>
        </form>
      </div>
      
      <!-- Modal Footer -->
      <div class="bg-black/20 p-4 rounded-b-lg text-center text-sm text-gray-400">
        Already have an account? <a href="#" class="text-barca-yellow hover:underline">Login here</a>
      </div>
    </div>
  </div>

  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const contentContainer = document.getElementById('contentContainer');
      const readMoreBtn = document.getElementById('readMoreBtn');
      const readMoreIcon = document.getElementById('readMoreIcon');
      const contentFade = document.getElementById('contentFade');
      
      // Set initial state
      let isExpanded = false;
      const originalHeight = contentContainer.scrollHeight;
      
      // Check if content is shorter than container (no need for read more)
      if (originalHeight <= 500) {
        contentFade.classList.add('hidden');
        readMoreBtn.classList.add('hidden');
      }
      
      readMoreBtn.addEventListener('click', function() {
        isExpanded = !isExpanded;
        
        if (isExpanded) {
          // Expand content
          contentContainer.style.maxHeight = originalHeight + 'px';
          readMoreBtn.innerHTML = 'Read Less <svg class="w-4 h-4 ml-2 transform rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>';
          contentFade.classList.add('hidden');
        } else {
          // Collapse content
          contentContainer.style.maxHeight = '125px';
          readMoreBtn.innerHTML = 'Read More <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>';
          contentFade.classList.remove('hidden');
        }
      });
    });
  </script>

  <script>
    // Sample data pools
    const users = Array.from({length: 100}, (_, i) => `60******${String(Math.floor(Math.random() * 900) + 100)}`);
    const amounts = Array.from({length: 50}, () => `RM ${(Math.random() * 300).toFixed(2)}`);
    const platforms = ['JILI', '918KISS', 'MEGA', 'LUCKY365', 'PRAGMATICPLAY'];
    
    // Function to generate random transaction
    function generateTransaction() {
      const user = users[Math.floor(Math.random() * users.length)];
      const amount = amounts[Math.floor(Math.random() * amounts.length)];
      const platform = platforms[Math.floor(Math.random() * platforms.length)];
      
      return `
        <tr class="border-b border-gray-800 hover:bg-black/30">
          <td class="py-2 pl-3 text-amber-500">${user}</td>
          <td class="py-2 text-green-500">${amount}</td>
          <td class="py-2 pr-3 text-gray-300">${platform}</td>
        </tr>
      `;
    }
    
    // Function to update the table
    function updateTransactions() {
      const tableBody = document.getElementById('liveTransactions');
      // Keep last 9 transactions and add 1 new one
      const currentRows = tableBody.innerHTML.split('</tr>').slice(-9);
      tableBody.innerHTML = currentRows.join('</tr>') + generateTransaction();
    }
    
    // Initial load
    for (let i = 0; i < 10; i++) {
      updateTransactions();
    }
    
    // Update every 3-8 seconds randomly
    setInterval(updateTransactions, Math.floor(Math.random() * 5000) + 3000);
  </script>

  <script>
    const registerButton = document.querySelectorAll('a[class="register"] button');;
    const registerModal = document.getElementById('registerModal');
    const closeModal = document.getElementById('closeModal');

    registerButton.forEach(button => {
        button.addEventListener('click', () => {
          registerModal.classList.remove('hidden');
      });
    });

    // Close the modal when the close button (x) is clicked
    closeModal.addEventListener('click', () => {
        registerModal.classList.add('hidden');
    });

    // Handle form submission
    document.getElementById('registerForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        
        const formData = {
            username: document.getElementById('username').value,
            password: document.getElementById('password').value,
            phone: document.getElementById('phone').value
        };

        try {
            const response = await fetch('/api/register', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify(formData)
            });

            const data = await response.json();
            
            if (!response.ok) {
                throw new Error(data.error || 'Registration failed');
            }

            alert('Registration successful!');
            registerModal.classList.add('hidden');
            
        } catch (error) {
            console.error('Error:', error);
            alert(error.message);
        }
    });
  </script>

  <!-- Image Slider -->
  <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Image Slider functionality
        const slides = document.querySelectorAll('.slide');
        const navItems = document.querySelectorAll('.slider-nav-item');
        let currentSlide = 0;
        const slideInterval = 3000; // 5 seconds per slide
        
        // Function to change slide
        function goToSlide(slideIndex) {
            // Remove active class from all slides and nav items
            slides.forEach(slide => slide.classList.remove('active'));
            navItems.forEach(navItem => navItem.classList.remove('active'));
            
            // Add active class to current slide and nav item
            slides[slideIndex].classList.add('active');
            navItems[slideIndex].classList.add('active');
            
            // Update currentSlide
            currentSlide = slideIndex;
        }
        
        // Set up click handlers for navigation dots
        navItems.forEach((navItem, index) => {
        navItem.addEventListener('click', () => {
            goToSlide(index);
            // Reset interval timer when manually changing slides
            clearInterval(slideTimer);
            slideTimer = setInterval(nextSlide, slideInterval);
        });
        });
        
        // Function to move to next slide
        function nextSlide() {
            const nextIndex = (currentSlide + 1) % slides.length;
            goToSlide(nextIndex);
        }
        
        // Start automatic slideshow
        let slideTimer = setInterval(nextSlide, slideInterval);
        
        // Pause slideshow on hover
        const sliderContainer = document.querySelector('.slider');
            sliderContainer.addEventListener('mouseenter', () => {
            clearInterval(slideTimer);
        });
        
        // Resume slideshow when mouse leaves
        sliderContainer.addEventListener('mouseleave', () => {
            clearInterval(slideTimer);
            slideTimer = setInterval(nextSlide, slideInterval);
        });
    });
  </script>

  <script>
    function showCategory(category) {
      // Hide all game categories
      document.querySelectorAll('.game-category').forEach(el => {
        el.classList.add('hidden');
      });
      
      // Show selected category
      document.getElementById(`${category}-category`).classList.remove('hidden');
      
      // Update active tab styling
      document.querySelectorAll('.tab-button').forEach(btn => {
        btn.classList.remove('active-tab', 'bg-barca-red');
        btn.classList.add('hover:bg-barca-red/70');
      });
      
      // Add active class to clicked button
      const activeButton = document.querySelector(`button[onclick="showCategory('${category}')"]`);
      activeButton.classList.add('active-tab', 'bg-barca-red');
      activeButton.classList.remove('hover:bg-barca-red/70');
    }
  </script>

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

    gtag('config', 'G-7F5VFMY35N');
  </script>

</body>
</html>
