It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://cocktailnights.site

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.    <title>Cocktailnights Games</title>
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <meta http-equiv="x-dns-prefetch-control" content="on" />
  10. <meta name="description" content="Best Free Online Games">
  11. <meta name="keywords" content="games, online, arcade, html5, gamemonetize">
  12. <meta property="og:image" content="https://cocktailnights.site/static/logo/y8/logo-y8.png">
  13.  
  14. <link rel="shortcut icon" href="https://cocktailnights.site/favicon_crazygames.ico">
  15. <link rel='apple-touch-icon'/ href="https://cocktailnights.site/favicon_crazygames.ico">
  16.  
  17. <link rel="preload" href="https://cocktailnights.site/templates/crazygames-like/css/play.css?ver=2025-02-27T12-42" as="style" onload="this.onload=null;this.rel='stylesheet'">
  18. <noscript><link rel="stylesheet" href="https://cocktailnights.site/templates/crazygames-like/css/play.css?ver=2025-02-27T12-42"></noscript>
  19.  
  20. <link rel="preload" href="https://cocktailnights.site/templates/crazygames-like/css/all.css?ver=2025-02-27T12-42" as="style" onload="this.onload=null;this.rel='stylesheet'">
  21. <noscript><link rel="stylesheet" href="https://cocktailnights.site/templates/crazygames-like/css/all.css?ver=2025-02-27T12-42"></noscript>
  22.  
  23. <script src="https://cocktailnights.site/templates/crazygames-like/js/jquery.v1.min.js"></script>
  24.  
  25. <link rel="preload" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@3.6.12/dist/css/splide.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
  26. <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@3.6.12/dist/css/splide.min.css"></noscript>
  27. <script src="https://cdn.tailwindcss.com"></script>
  28. <script>
  29.    tailwind.config = {
  30.        theme: {
  31.            extend: {},
  32.        },
  33.        corePlugins: {
  34.            preflight: false, // Opsional, jika ada masalah dengan reset CSS bawaan
  35.        }
  36.    };
  37. </script>
  38.  
  39.  
  40. <script type="text/javascript">
  41.    var siteUrl = '//cocktailnights.site';
  42. </script>
  43.  
  44. <script src="https://www.google.com/recaptcha/api.js"
  45.    async defer>
  46. </script>
  47.  
  48.    <link href="https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined" rel="preload" as="style" onload="this.rel='stylesheet'">
  49.    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="preload" as="style" onload="this.rel='stylesheet'">
  50.    <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  51.    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  52.    <meta name="referrer" content="no-referrer">
  53. </head>
  54.  
  55. <body>
  56.    <div id="header" class="fix-top">
  57.    <div class="relative flex items-center justify-between px-5 py-2 mx-auto lg:bg-[#1F1F30]">
  58.        <div class="flex items-center">
  59.            <div id="tablet-search-button" class="hidden mr-2 md:block lg:hidden">
  60.                <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true" class="fill-white size-6">
  61.                    <path xmlns="http://www.w3.org/2000/svg" fill="white" fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 4.44772 2.44772 4 3 4H15C15.5523 4 16 4.44772 16 5C16 5.55228 15.5523 6 15 6H3C2.44772 6 2 5.55228 2 5ZM2 12C2 11.4477 2.44772 11 3 11L21 11C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13L3 13C2.44772 13 2 12.5523 2 12ZM2 19C2 18.4477 2.44772 18 3 18L21 18C21.5523 18 22 18.4477 22 19C22 19.5523 21.5523 20 21 20L3 20C2.44772 20 2 19.5523 2 19Z"></path>
  62.                </svg>
  63.            </div>
  64.            <div id="desktop-menu-button" class="hidden w-12 cursor-pointer lg:block">
  65.                <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true" class="fill-white size-6"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M19 4C19.5523 4 20 3.55229 20 3C20 2.44772 19.5523 2 19 2L3 2C2.44772 2 2 2.44772 2 3C2 3.55228 2.44772 4 3 4L19 4ZM20.47 7.95628L15.3568 11.152C14.7301 11.5437 14.7301 12.4564 15.3568 12.848L20.47 16.0438C21.136 16.4601 22 15.9812 22 15.1958V8.80427C22 8.01884 21.136 7.54 20.47 7.95628ZM11 13C11.5523 13 12 12.5523 12 12C12 11.4477 11.5523 11 11 11L3 11C2.44771 11 2 11.4477 2 12C2 12.5523 2.44771 13 3 13L11 13ZM20 21C20 21.5523 19.5523 22 19 22L3 22C2.44771 22 2 21.5523 2 21C2 20.4477 2.44771 20 3 20L19 20C19.5523 20 20 20.4477 20 21Z"></path></svg>
  66.            </div>
  67.            <a href="https://cocktailnights.site/" class="logo hide-text">Play Best Free Online Games</a>
  68.        </div>
  69.        <div id="mobile-search-button" class="md:hidden">
  70.            <svg viewBox="0 0 22 22" focusable="false" aria-hidden="true" class="fill-white size-5"><path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="M10.5502 4.33335C7.25947 4.33335 4.59184 7.00099 4.59184 10.2917C4.59184 13.5824 7.25947 16.25 10.5502 16.25C13.8409 16.25 16.5085 13.5824 16.5085 10.2917C16.5085 7.00099 13.8409 4.33335 10.5502 4.33335ZM2.42517 10.2917C2.42517 5.80437 6.06286 2.16669 10.5502 2.16669C15.0375 2.16669 18.6752 5.80437 18.6752 10.2917C18.6752 12.1448 18.0548 13.853 17.0105 15.2199L23.7745 21.984C24.1976 22.4071 24.1976 23.093 23.7745 23.5161C23.3515 23.9391 22.6655 23.9391 22.2425 23.5161L15.4784 16.752C14.1114 17.7963 12.4033 18.4167 10.5502 18.4167C6.06286 18.4167 2.42517 14.779 2.42517 10.2917ZM20.8418 6.50002C20.2435 6.50002 19.7585 6.98505 19.7585 7.58335C19.7585 8.18166 20.2435 8.66669 20.8418 8.66669L23.0085 8.66669C23.6068 8.66669 24.0918 8.18166 24.0918 7.58335C24.0918 6.98505 23.6068 6.50002 23.0085 6.50002L20.8418 6.50002ZM17.5918 3.25002C17.5918 2.65171 18.0769 2.16669 18.6752 2.16669H23.0085C23.6068 2.16669 24.0918 2.65171 24.0918 3.25002C24.0918 3.84833 23.6068 4.33335 23.0085 4.33335L18.6752 4.33335C18.0769 4.33335 17.5918 3.84833 17.5918 3.25002ZM21.9252 10.8334C21.3269 10.8334 20.8418 11.3184 20.8418 11.9167C20.8418 12.515 21.3269 13 21.9252 13H23.0085C23.6068 13 24.0918 12.515 24.0918 11.9167C24.0918 11.3184 23.6068 10.8334 23.0085 10.8334H21.9252Z"></path></svg>
  71.        </div>
  72.        <div class="relative w-1/2 shrink-0 bg-[#373952] h-10 rounded-[17px] hidden md:flex lg:hidden items-center pl-12 pr-4 ml-4">
  73.            <input type="text" class="w-full text-base text-white bg-transparent outline-none"
  74.                id="Search-InArea-tablet" name="search_parameter" placeholder="Search" autocomplete="off" aria-label="search-input">
  75.            <i class="fa fa-search text-[#babbcc] absolute top-1/2 left-4 transform -translate-y-1/2 text-lg"></i>
  76.            <i id="clear-search" class="fa fa-times-circle text-[#babbcc] text-lg hidden" aria-hidden="true"></i>
  77.        </div>
  78.        <div id="search-results-tablet" class="absolute bg-[#0C0D14] w-screen left-0 hidden h-svh max-h-[calc(100svh-80px)] py-4 space-y-2 overflow-y-auto top-[70px]"></div>
  79.        <div class="relative w-[460px] shrink-0 bg-[#373952] h-10 rounded-[17px] hidden lg:flex items-center pr-12 pl-4 ml-4">
  80.            <input type="text" class="w-full text-base text-white bg-transparent outline-none"
  81.                id="Search-InArea-desktop" name="search_parameter" placeholder="Search" autocomplete="off" aria-label="search-input">
  82.            <i class="w-[18px] fa fa-search text-[#babbcc] absolute top-1/2 right-4 transform -translate-y-1/2 text-lg"></i>
  83.            <div id="search-results-desktop" class="absolute bg-[#1F1F30] w-[460px] rounded-2xl left-0 h-[400px] hidden py-4 overflow-y-auto top-[70px]"></div>
  84.        </div>
  85.        <div class="w-[144px] hidden lg:block"></div>
  86.    </div>
  87. </div>
  88. <div id="search-result-desktop-bg" class="fixed top-0 left-0 z-30 hidden w-full h-full bg-black bg-opacity-50"></div>
  89.  
  90. <div id="sidebar-menu" class="w-full h-svh fixed top-0 left-0 z-[999999999999999] bg-[#0C0D14] flex-col hidden md:-left-full md:flex transition-all duration-300 md:w-auto md:pr-5 lg:left-0 lg:z-20 lg:w-[62px] lg:pr-0 group lg:hover:w-auto lg:border-r lg:border-[#2d2e3b] lg:overflow-x-hidden min-[1920px]:w-[240px] min-[1920px]:hover:w-[240px]">
  91.    <div class="flex items-center p-2 bg-[#0C0D14] shrink-0">
  92.        <div id="back-button" class="mx-2 size-5 md:size-6 shrink-0 md:my-4">
  93.            <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true" class="md:hidden">
  94.                <path fill="#fff" fill-rule="evenodd" clip-rule="evenodd"
  95.                    d="M8.33 18.74c.41.37 1.04.34 1.41-.07.37-.41.34-1.04-.07-1.41L4.95 13H21a1 1 0 0 0 0-2H4.95l4.72-4.26a1 1 0 1 0-1.34-1.49L2.79 10.26a2 2 0 0 0 0 2.98l5.54 5.5Z">
  96.                </path>
  97.            </svg>
  98.            <svg fill="#fff" viewBox="0 0 24 24" focusable="false" aria-hidden="true" class="hidden md:block">
  99.                <path fill-rule="evenodd" clip-rule="evenodd" d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z"></path>
  100.            </svg>
  101.        </div>
  102.        <div class="relative flex-1 shrink-0 bg-[#373952] h-[34px] rounded-[17px] flex items-center pl-12 pr-4 md:hidden">
  103.            <input type="text" class="w-full text-base text-white bg-transparent outline-none"
  104.                id="Search-InArea" name="search_parameter" placeholder="Search" autocomplete="off" aria-label="search-input">
  105.            <i class="fa fa-search text-[#babbcc] absolute top-1/2 left-4 transform -translate-y-1/2 text-lg"></i>
  106.            <i id="clear-search" class="fa fa-times-circle text-[#babbcc] text-lg hidden" aria-hidden="true"></i>
  107.        </div>
  108.    </div>
  109.    <div id="search-results" class="flex-1 hidden w-full max-h-full my-4 space-y-2 overflow-y-auto"></div>
  110.    <div id="sidebar" class="flex-1 w-full max-h-full overflow-y-hidden min-[1920px]:overflow-y-auto lg:group-hover:overflow-y-auto lg:pt-4 lg:overflow-x-hidden lg:group-hover:pr-5 lg:pb-6 min-[1920px]:group-hover:pr-0 min-[1920px]:pr-5">
  111.        <a href="https://cocktailnights.site/" class="border-violet-500 border-l-4 text-violet-400 flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  112.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/home.webp" alt="Home Icon" class="mx-5 size-5 lg:size-[22px]">
  113.            <div class="relative transition-all duration-300">Home</div>
  114.        </a>
  115.        <a href="https://cocktailnights.site/new-games" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  116.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/confetti.webp" alt="New Games Icon" class="mx-5 size-5 lg:size-[22px]">
  117.            <div class="relative transition-all duration-300">New Games</div>
  118.        </a>
  119.        <a href="https://cocktailnights.site/best-games" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  120.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/best-seller.webp" alt="Best Games IconHome" class="mx-5 size-5 lg:size-[22px]">
  121.            <div class="relative transition-all duration-300">Best Games</div>
  122.        </a>
  123.        <a href="https://cocktailnights.site/featured-games" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  124.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/stars.webp" alt="Featured Games Icon" class="mx-5 size-5 lg:size-[22px]">
  125.            <div class="relative transition-all duration-300">Featured Games</div>
  126.        </a>
  127.        <a href="https://cocktailnights.site/played-games" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  128.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/play-button.webp" alt="Played Games IconHome" class="mx-5 size-5 lg:size-[22px]">
  129.            <div class="relative transition-all duration-300">Played Games</div>
  130.        </a>
  131.        <div class="w-full h-px my-4 bg-slate-100 bg-opacity-10"></div>
  132.        <a href="https://cocktailnights.site/category/racing-games" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] text-[15px] hover:text-opacity-65 hover:[&>div.truncate]:pl-2 [&>div.truncate]:mr-2 hover:[&>div.truncate]:mr-0">
  133.    <div class="mx-5 mr-5 size-5 lg:size-[22px] aspect-w-1 aspect-h-1 shrink-0">
  134.        <img src="/cat/racing-games.png" alt="Racing Games image" class="object-cover w-full h-full">
  135.    </div>
  136.    <div class="relative truncate transition-all duration-300">Racing Games</div>
  137. </a><a href="https://cocktailnights.site/category/action-games" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] text-[15px] hover:text-opacity-65 hover:[&>div.truncate]:pl-2 [&>div.truncate]:mr-2 hover:[&>div.truncate]:mr-0">
  138.    <div class="mx-5 mr-5 size-5 lg:size-[22px] aspect-w-1 aspect-h-1 shrink-0">
  139.        <img src="/cat/action-games.jpg" alt="Action Games image" class="object-cover w-full h-full">
  140.    </div>
  141.    <div class="relative truncate transition-all duration-300">Action Games</div>
  142. </a>
  143.        <a href="https://cocktailnights.site/categories" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  144.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/hamburger-menu.webp" alt="More Tags Icon" class="mx-5 size-5 lg:size-[22px]">
  145.            <div class="relative transition-all duration-300">More Categories</div>
  146.        </a>
  147.        <div class="w-full h-px my-4 bg-slate-100 bg-opacity-10"></div>
  148.        <a href="https://cocktailnights.site/tag/horror" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div.truncate]:pl-2 [&>div.truncate]:mr-2 hover:[&>div.truncate]:mr-0 text-[15px]">
  149.    <div class="mx-5 size-5 lg:size-[22px] aspect-w-1 aspect-h-1 shrink-0">
  150.        <img src="https://cocktailnights.site/tag-img/horror.webp" alt="More Tags Icon" class="object-cover w-full h-full" alt="Horror image">
  151.    </div>
  152.    <div class="relative truncate transition-all duration-300">Horror</div>
  153. </a>
  154.        <a href="https://cocktailnights.site/tags" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  155.            <img src="https://cocktailnights.site/templates/crazygames-like/image/tag.png" alt="More Tags Icon" class="mx-5 size-5 lg:size-[22px]">
  156.            <div class="relative transition-all duration-300">More Tags</div>
  157.        </a>
  158.        <div class="w-full h-px my-4 bg-slate-100 bg-opacity-10"></div>
  159.        <a href="https://cocktailnights.site/blogs" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  160.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/blogs.webp" alt="Blog Icon" class="mx-5 size-5 lg:size-[22px]">
  161.            <div class="relative transition-all duration-300">Blog</div>
  162.        </a>
  163.        <a href="https://cocktailnights.site/contact" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  164.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/phone.webp" alt="Contact Icon" class="mx-5 size-5 lg:size-[22px]">
  165.            <div class="relative transition-all duration-300">Contact</div>
  166.        </a>
  167.        <a href="https://www.youtube.com/@BestCrazyGames" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  168.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/youtube.webp" alt="YouTube Icon" class="mx-5 size-5 lg:size-[22px]">
  169.            <div class="relative transition-all duration-300">YouTube</div>
  170.        </a>
  171.        <a href="https://cocktailnights.site/terms" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  172.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/term.webp" alt="Terms Icon" class="mx-5 size-5 lg:size-[22px]">
  173.            <div class="relative transition-all duration-300">Terms</div>
  174.        </a>
  175.        <a href="https://cocktailnights.site/about" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  176.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/about.webp" alt="About Icon" class="mx-5 size-5 lg:size-[22px]">
  177.            <div class="relative transition-all duration-300">About</div>
  178.        </a>
  179.        <a href="https://x.com/gamemonetize" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  180.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/twitter.webp" alt="X Icon" class="mx-5 bg-white rounded size-5">
  181.            <div class="relative transition-all duration-300">X GameMonetize</div>
  182.        </a>
  183.        <a href="https://cocktailnights.site/privacy" class="border-transparent border-l-4 text-white flex items-center font-semibold no-underline h-[34px] hover:text-opacity-65 hover:[&>div]:pl-2 [&>div]:mr-2 hover:[&>div]:mr-0 text-[15px]">
  184.            <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/privacy.webp" alt="Privacy Icon" class="mx-5 size-5 lg:size-[22px]">
  185.            <div class="relative transition-all duration-300">Privacy</div>
  186.        </a>
  187.        <div class="w-full py-8 text-sm text-center text-white lg:hidden">
  188.            GameMonetize.com ©2025
  189.        </div>
  190.    </div>
  191. </div>
  192.  
  193.    
  194.  
  195.    <div  class="px-4 pt-20 pb-5 md:pb-10 lg:pl-20 min-[1920px]:pl-[256px] transition-all duration-300 " style="">
  196.  
  197.        <script language="javascript">var PageType ="games"; var ids ="3422,1280,3332,3469,2048,2816,1793,2822,2823,1815,100,3523,3584,4096,2561,4097,4353,4609,514,2306,2562,2821,3342,2076,4659,1625,3178,4715,2691,696";</script>
  198. <div>
  199. <div class="hide-text">
  200. <h1>Cocktailnights Games</h1>
  201. <p></p>
  202. </div>
  203. <div class='flex items-center justify-center w-full gap-5 text-sm font-bold leading-tight text-white'>
  204.    <div class='items-center hidden mr-6 text-xl font-[900] leading-none lg:flex'>
  205.        Welcome to <br /> CrazyGamesX
  206.    </div>
  207.    <div class='flex items-center'>
  208.        <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/game.svg" alt="game-icon" class="mr-2 size-6 md:size-8">
  209.        4000+ Games
  210.    </div>
  211.    <div class='flex items-center'>
  212.        <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/rocket.svg" alt="game-icon" class="mr-2 size-6 md:size-8">
  213.        No Install Needed
  214.    </div>
  215.    <div class='items-center hidden lg:flex'>
  216.        <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/responsive.svg" alt="game-icon" class="mr-2 size-6 md:size-8">
  217.        On any devices
  218.    </div>
  219.    <div class='flex items-center'>
  220.        <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/friend.svg" alt="game-icon" class="mr-2 size-6 md:size-8">
  221.        Play with friends
  222.    </div>
  223.    <div class='items-center hidden lg:flex'>
  224.        <img src="https://cocktailnights.site/templates/crazygames-like/image/icon-color/shine.svg" alt="game-icon" class="mr-2 size-6 md:size-8">
  225.        All for free
  226.    </div>
  227. </div>
  228. <div id="special-page-header-desc"></div>
  229. <div class="ad728list">
  230.    
  231. </div>
  232.  
  233.  
  234. <div id="content" class="space-y-6">
  235.    <div class="hidden"><div style="text-align:center;margin:0 auto;width:300px; height:250px;">
  236.                
  237.                </div></div>
  238.    <div class="relative group">
  239.        <div class="flex w-full h-[267px] overflow-x-auto no-scrollbar home-top-games-list-carousel gap-2">
  240.            
  241.            <a href="https://cocktailnights.site/game/cube-arena-2048-merge-numbers" class="relative overflow-hidden new-games-list shrink-0" aria-label="Cube Arena  2048  Merge Numbers" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  242.    <img src="https://img.gamemonetize.com/83up5y2u78nvd5ngywugy6j4g3im4lda/512x384.jpg" alt="Cube Arena  2048  Merge Numbers" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  243.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  244.        <span>Cube Arena  2048  Merge Numbers</span>
  245.        
  246.    </div>
  247.    
  248.    
  249. </a><div class='grid grid-cols-2 grid-rows-2 w-[356px] shrink-0 gap-2'><a href="https://cocktailnights.site/game/owl-hunter" class="relative overflow-hidden new-games-list shrink-0" aria-label="Owl Hunter" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  250.    <img src="https://img.gamemonetize.com/tj3cceszatqdgt1ku9t4bllve4bwl9sf/512x384.jpg" alt="Owl Hunter" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  251.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  252.        <span>Owl Hunter</span>
  253.        
  254.    </div>
  255.    
  256.    
  257. </a><a href="https://cocktailnights.site/game/pets-grooming-bubble-party" class="relative overflow-hidden new-games-list shrink-0" aria-label="Pets Grooming Bubble Party" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  258.    <img src="https://img.gamemonetize.com/noy64das3607igtjtd2auk3eptzoyjb2/512x384.jpg" alt="Pets Grooming Bubble Party" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  259.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  260.        <span>Pets Grooming Bubble Party</span>
  261.        
  262.    </div>
  263.    
  264.    
  265. </a><a href="https://cocktailnights.site/game/ba-da-bean-coloring-book" class="relative overflow-hidden new-games-list shrink-0" aria-label="Ba Da Bean Coloring Book" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  266.    <img src="https://img.gamemonetize.com/eh6qu75skbbrbzlkl0wjijmz0krts3b6/512x384.jpg" alt="Ba Da Bean Coloring Book" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  267.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  268.        <span>Ba Da Bean Coloring Book</span>
  269.        
  270.    </div>
  271.    
  272.    
  273. </a><a href="https://cocktailnights.site/game/count-escape-rush" class="relative overflow-hidden new-games-list shrink-0" aria-label="Count Escape Rush" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  274.    <img src="https://img.gamemonetize.com/f09c7w9y94ke2bn2nlisnx1l7ad1mc23/512x384.jpg" alt="Count Escape Rush" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  275.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  276.        <span>Count Escape Rush</span>
  277.        
  278.    </div>
  279.    
  280.    
  281. </a></div><a href="https://cocktailnights.site/game/sugar-factory" class="relative overflow-hidden new-games-list shrink-0" aria-label="Sugar Factory" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  282.    <img src="https://img.gamemonetize.com/4of4u9w0grehf0whzwfid8bsy2nq44i4/512x384.jpg" alt="Sugar Factory" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  283.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  284.        <span>Sugar Factory</span>
  285.        
  286.    </div>
  287.    
  288.    
  289. </a><div class='grid grid-cols-2 grid-rows-2 w-[356px] shrink-0 gap-2'><a href="https://cocktailnights.site/game/kitty-maze" class="relative overflow-hidden new-games-list shrink-0" aria-label="Kitty Maze" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  290.    <img src="https://img.gamemonetize.com/ukem7nnalwoix13pe80j52yu9gk3en7c/512x384.jpg" alt="Kitty Maze" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  291.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  292.        <span>Kitty Maze</span>
  293.        
  294.    </div>
  295.    
  296.    
  297. </a><a href="https://cocktailnights.site/game/foam-world" class="relative overflow-hidden new-games-list shrink-0" aria-label="Foam World" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  298.    <img src="https://img.gamemonetize.com/ov40ro6ulovujr7mxljjm6kldhh47gsx/512x384.jpg" alt="Foam World" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  299.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  300.        <span>Foam World</span>
  301.        
  302.    </div>
  303.    
  304.    
  305. </a><a href="https://cocktailnights.site/game/solitaire-king-game" class="relative overflow-hidden new-games-list shrink-0" aria-label="Solitaire King Game" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  306.    <img src="https://img.gamemonetize.com/bcsy29748uexfn9tqk3ogh5sjdh0gzbe/512x384.jpg" alt="Solitaire King Game" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  307.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  308.        <span>Solitaire King Game</span>
  309.        
  310.    </div>
  311.    
  312.    
  313. </a><a href="https://cocktailnights.site/game/merge-tiktok-gravity-knife" class="relative overflow-hidden new-games-list shrink-0" aria-label="Merge TikTok Gravity Knife" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  314.    <img src="https://img.gamemonetize.com/yhul7nu531162htf58s70mx2lpcz7ho8/512x384.jpg" alt="Merge TikTok Gravity Knife" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  315.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  316.        <span>Merge TikTok Gravity Knife</span>
  317.        
  318.    </div>
  319.    
  320.    
  321. </a></div><a href="https://cocktailnights.site/game/level-devil-3d" class="relative overflow-hidden new-games-list shrink-0" aria-label="Level Devil 3D" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  322.    <img src="https://img.gamemonetize.com/1ku5l19fabw5ojlnwngseloysc93prhp/512x384.jpg" alt="Level Devil 3D" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  323.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  324.        <span>Level Devil 3D</span>
  325.        
  326.    </div>
  327.    
  328.    
  329. </a><div class='grid grid-cols-2 grid-rows-2 w-[356px] shrink-0 gap-2'><a href="https://cocktailnights.site/game/fireball-vs-ice-cream" class="relative overflow-hidden new-games-list shrink-0" aria-label="Fireball Vs Ice Cream" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  330.    <img src="https://img.gamemonetize.com/xymznd2m8001gvwww7vebyzjr4biw7os/512x384.jpg" alt="Fireball Vs Ice Cream" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  331.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  332.        <span>Fireball Vs Ice Cream</span>
  333.        
  334.    </div>
  335.    
  336.    
  337. </a><a href="https://cocktailnights.site/game/thanksgiving-party-prep" class="relative overflow-hidden new-games-list shrink-0" aria-label="Thanksgiving Party Prep" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  338.    <img src="https://img.gamemonetize.com/r2hbeit221x9yppw6uc2rqg2hc4kuzin/512x384.jpg" alt="Thanksgiving Party Prep" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  339.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  340.        <span>Thanksgiving Party Prep</span>
  341.        
  342.    </div>
  343.    
  344.    
  345. </a><a href="https://cocktailnights.site/game/mechdinosaur" class="relative overflow-hidden new-games-list shrink-0" aria-label="MechDinosaur" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  346.    <img src="https://img.gamemonetize.com/vm0t1dm804h6hgo77coq5oc4z5r4mch6/512x384.jpg" alt="MechDinosaur" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  347.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  348.        <span>MechDinosaur</span>
  349.        
  350.    </div>
  351.    
  352.    
  353. </a><a href="https://cocktailnights.site/game/detective-scary-cases" class="relative overflow-hidden new-games-list shrink-0" aria-label="Detective Scary Cases" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  354.    <img src="https://img.gamemonetize.com/vrgt4a4aiqw32vw1sh6cvrot9jn5hv1x/512x384.jpg" alt="Detective Scary Cases" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  355.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  356.        <span>Detective Scary Cases</span>
  357.        
  358.    </div>
  359.    
  360.    
  361. </a></div><a href="https://cocktailnights.site/game/penguin-love-puzzle-2" class="relative overflow-hidden new-games-list shrink-0" aria-label="Penguin Love Puzzle 2" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  362.    <img src="https://img.gamemonetize.com/utwwkrey72952sjtpf1q9orrksu0zikz/512x384.jpg" alt="Penguin Love Puzzle 2" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  363.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  364.        <span>Penguin Love Puzzle 2</span>
  365.        
  366.    </div>
  367.    
  368.    
  369. </a><div class='grid grid-cols-2 grid-rows-2 w-[356px] shrink-0 gap-2'><a href="https://cocktailnights.site/game/cute-puzzles" class="relative overflow-hidden new-games-list shrink-0" aria-label="Cute Puzzles" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  370.    <img src="https://img.gamemonetize.com/ul8zo4sgu563dtfbs0trd78als3h80u7/512x384.jpg" alt="Cute Puzzles" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  371.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  372.        <span>Cute Puzzles</span>
  373.        
  374.    </div>
  375.    
  376.    
  377. </a><a href="https://cocktailnights.site/game/merge-master-skibidi-bop" class="relative overflow-hidden new-games-list shrink-0" aria-label="Merge Master: Skibidi Bop" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  378.    <img src="https://img.gamemonetize.com/7cno37tfianlivq29hanilqqtqak2ghv/512x384.jpg" alt="Merge Master: Skibidi Bop" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  379.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  380.        <span>Merge Master: Skibidi Bop</span>
  381.        
  382.    </div>
  383.    
  384.    
  385. </a><a href="https://cocktailnights.site/game/colorful-greedy-snake" class="relative overflow-hidden new-games-list shrink-0" aria-label="Colorful Greedy Snake" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  386.    <img src="https://img.gamemonetize.com/rqsp1o7za0rbl0b6xgprqgwqgehxt0b1/512x384.jpg" alt="Colorful Greedy Snake" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  387.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  388.        <span>Colorful Greedy Snake</span>
  389.        
  390.    </div>
  391.    
  392.    
  393. </a><a href="https://cocktailnights.site/game/python-snake-simulator" class="relative overflow-hidden new-games-list shrink-0" aria-label="Python Snake Simulator" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  394.    <img src="https://img.gamemonetize.com/44kn0fl5u7y68pl6reh5ypobj5q1g62m/512x384.jpg" alt="Python Snake Simulator" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  395.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  396.        <span>Python Snake Simulator</span>
  397.        
  398.    </div>
  399.    
  400.    
  401. </a></div><a href="https://cocktailnights.site/game/dead-faces-horror-room" class="relative overflow-hidden new-games-list shrink-0" aria-label="Dead Faces : Horror Room" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  402.    <img src="https://img.gamemonetize.com/rq7qsvvrbnthbtsp2w88ffm591uuuamc/512x384.jpg" alt="Dead Faces : Horror Room" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  403.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  404.        <span>Dead Faces : Horror Room</span>
  405.        
  406.    </div>
  407.    
  408.    
  409. </a><div class='grid grid-cols-2 grid-rows-2 w-[356px] shrink-0 gap-2'><a href="https://cocktailnights.site/game/car-stunt-king" class="relative overflow-hidden new-games-list shrink-0" aria-label="Car Stunt King" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  410.    <img src="https://img.gamemonetize.com/ssem0jt7pvsapqm8ce9tt6oyf4029pu7/512x384.jpg" alt="Car Stunt King" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  411.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  412.        <span>Car Stunt King</span>
  413.        
  414.    </div>
  415.    
  416.    
  417. </a><a href="https://cocktailnights.site/game/baby-daily-habits" class="relative overflow-hidden new-games-list shrink-0" aria-label="Baby Daily Habits" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  418.    <img src="https://img.gamemonetize.com/1gdpin5necb0pgiqj45j66d9w2uxw2zv/512x384.jpg" alt="Baby Daily Habits" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  419.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  420.        <span>Baby Daily Habits</span>
  421.        
  422.    </div>
  423.    
  424.    
  425. </a><a href="https://cocktailnights.site/game/bts-messi-coloring-book" class="relative overflow-hidden new-games-list shrink-0" aria-label="BTS Messi Coloring Book" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  426.    <img src="https://img.gamemonetize.com/lza9218h9wudblhkraqu1lvcuqeh92b6/512x384.jpg" alt="BTS Messi Coloring Book" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  427.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  428.        <span>BTS Messi Coloring Book</span>
  429.        
  430.    </div>
  431.    
  432.    
  433. </a><a href="https://cocktailnights.site/game/pizza-cafe-tycoon" class="relative overflow-hidden new-games-list shrink-0" aria-label="Pizza Cafe Tycoon" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  434.    <img src="https://img.gamemonetize.com/ozrihsbvi9tirbdb9cnyu7rks1ydj8hc/512x384.jpg" alt="Pizza Cafe Tycoon" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  435.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  436.        <span>Pizza Cafe Tycoon</span>
  437.        
  438.    </div>
  439.    
  440.    
  441. </a></div><a href="https://cocktailnights.site/game/the-crazy-dentist-wojak-game" class="relative overflow-hidden new-games-list shrink-0" aria-label="The Crazy Dentist wojak game" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  442.    <img src="https://img.gamemonetize.com/y8iedym7u25m04ns5xdabpzxnp1pyr7h/512x384.jpg" alt="The Crazy Dentist wojak game" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  443.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  444.        <span>The Crazy Dentist wojak game</span>
  445.        
  446.    </div>
  447.    
  448.    
  449. </a><div class='grid grid-cols-2 grid-rows-2 w-[356px] shrink-0 gap-2'><a href="https://cocktailnights.site/game/oil-tanker-truck-transport" class="relative overflow-hidden new-games-list shrink-0" aria-label="Oil Tanker Truck Transport" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  450.    <img src="https://img.gamemonetize.com/8a8zdsgou4lwpsx4b2cgpfios6h8p0q3/512x384.jpg" alt="Oil Tanker Truck Transport" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  451.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  452.        <span>Oil Tanker Truck Transport</span>
  453.        
  454.    </div>
  455.    
  456.    
  457. </a><a href="https://cocktailnights.site/game/coloring-books" class="relative overflow-hidden new-games-list shrink-0" aria-label="Coloring books" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  458.    <img src="https://img.gamemonetize.com/rvyjptyd1lhrfwbw2x3hveyb8kxont2s/512x384.jpg" alt="Coloring books" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  459.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  460.        <span>Coloring books</span>
  461.        
  462.    </div>
  463.    
  464.    
  465. </a><a href="https://cocktailnights.site/game/arabic-make-up-dresser" class="relative overflow-hidden new-games-list shrink-0" aria-label="Arabic Make up Dresser" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  466.    <img src="https://img.gamemonetize.com/8wqpg9opyobkr4lqqz89nm1obvi4lju5/512x384.jpg" alt="Arabic Make up Dresser" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  467.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  468.        <span>Arabic Make up Dresser</span>
  469.        
  470.    </div>
  471.    
  472.    
  473. </a><a href="https://cocktailnights.site/game/magic-mermaid-salon" class="relative overflow-hidden new-games-list shrink-0" aria-label="Magic Mermaid Salon" data-url="" data-scale="1.2" data-translate="-23px,-25px" data-wt-video="">
  474.    <img src="https://img.gamemonetize.com/2xqyu00yr6l0djdnstsly3b6hqo1e2ay/512x384.jpg" alt="Magic Mermaid Salon" loading="lazy" class="rounded-2xl min-h-[200px] md:min-h-0 w-full object-cover lg:h-full lg:rounded-lg lg:min-h-0">
  475.    <div class="absolute bottom-0 lg:hidden left-0 w-full px-2 py-1.5 text-[15px] text-white bg-black truncate font-bold bg-opacity-50 backdrop-blur-sm rounded-b-2xl z-20">
  476.        <span>Magic Mermaid Salon</span>
  477.        
  478.    </div>
  479.    
  480.    
  481. </a></div>
  482.        </div>
  483.        <div id="top-home-desktop-arrow-right" class="absolute top-0 right-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer bg-opacity-80">
  484.            <i class="fa fa-chevron-right" aria-hidden="true"></i>
  485.        </div>
  486.        <div id="top-home-desktop-arrow-left" class="absolute top-0 left-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer bg-opacity-80">
  487.            <i class="fa fa-chevron-left" aria-hidden="true"></i>
  488.        </div>
  489.    </div>
  490.    <div class='mb-6'>
  491.    <div class="flex justify-between mb-2">
  492.        <div class="flex items-center text-sm font-bold text-white">
  493.            Best Games
  494.            <a href="https://cocktailnights.site/best-games" class='ml-4 text-xs text-violet-500'>View more</a>
  495.        </div>
  496.        <div class="cursor-pointer splide-arrow-right lg:hidden">
  497.            <svg class="size-5 fill-white" viewBox="0 0 24 24" focusable="false" aria-hidden="true" class="GameCarousel_doubleArrow__BGrRW double-arrow css-6qu7l6"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.25757 2.33007C3.62757 1.92005 4.2599 1.88759 4.66993 2.25759L12.9814 9.75759C14.3395 10.9831 14.3395 13.0169 12.9814 14.2424L4.66993 21.7424C4.2599 22.1124 3.62757 22.08 3.25757 21.6699C2.88758 21.2599 2.92003 20.6276 3.33006 20.2576L11.6415 12.7576C12.1195 12.3263 12.1195 11.6737 11.6415 11.2424L3.33006 3.74243C2.92003 3.37243 2.88758 2.7401 3.25757 2.33007Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2576 2.33007C11.6276 1.92005 12.2599 1.88759 12.6699 2.25759L20.9814 9.75759C22.3395 10.9831 22.3395 13.0169 20.9814 14.2424L12.6699 21.7424C12.2599 22.1124 11.6276 22.08 11.2576 21.6699C10.8876 21.2599 10.92 20.6276 11.3301 20.2576L19.6415 12.7576C20.1195 12.3263 20.1195 11.6737 19.6415 11.2424L11.3301 3.74243C10.92 3.37243 10.8876 2.7401 11.2576 2.33007Z"></path></svg>
  498.        </div>
  499.    </div>
  500.    <div class="relative group">
  501.        <div class="flex max-w-full space-x-2 overflow-x-auto no-scrollbar splide-items-container">
  502.            <a href="https://cocktailnights.site/game/cube-arena-2048-merge-numbers" class="relative w-32 shrink-0 lg:w-52" aria-label="Cube Arena  2048  Merge Numbers" data-wt-video="">
  503.    <img src="https://img.gamemonetize.com/83up5y2u78nvd5ngywugy6j4g3im4lda/512x384.jpg" alt="Cube Arena  2048  Merge Numbers image" class="object-cover w-full rounded-lg" loading="lazy">
  504. </a><a href="https://cocktailnights.site/game/owl-hunter" class="relative w-32 shrink-0 lg:w-52" aria-label="Owl Hunter" data-wt-video="">
  505.    <img src="https://img.gamemonetize.com/tj3cceszatqdgt1ku9t4bllve4bwl9sf/512x384.jpg" alt="Owl Hunter image" class="object-cover w-full rounded-lg" loading="lazy">
  506. </a><a href="https://cocktailnights.site/game/pets-grooming-bubble-party" class="relative w-32 shrink-0 lg:w-52" aria-label="Pets Grooming Bubble Party" data-wt-video="">
  507.    <img src="https://img.gamemonetize.com/noy64das3607igtjtd2auk3eptzoyjb2/512x384.jpg" alt="Pets Grooming Bubble Party image" class="object-cover w-full rounded-lg" loading="lazy">
  508. </a><a href="https://cocktailnights.site/game/ba-da-bean-coloring-book" class="relative w-32 shrink-0 lg:w-52" aria-label="Ba Da Bean Coloring Book" data-wt-video="">
  509.    <img src="https://img.gamemonetize.com/eh6qu75skbbrbzlkl0wjijmz0krts3b6/512x384.jpg" alt="Ba Da Bean Coloring Book image" class="object-cover w-full rounded-lg" loading="lazy">
  510. </a><a href="https://cocktailnights.site/game/count-escape-rush" class="relative w-32 shrink-0 lg:w-52" aria-label="Count Escape Rush" data-wt-video="">
  511.    <img src="https://img.gamemonetize.com/f09c7w9y94ke2bn2nlisnx1l7ad1mc23/512x384.jpg" alt="Count Escape Rush image" class="object-cover w-full rounded-lg" loading="lazy">
  512. </a><a href="https://cocktailnights.site/game/sugar-factory" class="relative w-32 shrink-0 lg:w-52" aria-label="Sugar Factory" data-wt-video="">
  513.    <img src="https://img.gamemonetize.com/4of4u9w0grehf0whzwfid8bsy2nq44i4/512x384.jpg" alt="Sugar Factory image" class="object-cover w-full rounded-lg" loading="lazy">
  514. </a><a href="https://cocktailnights.site/game/kitty-maze" class="relative w-32 shrink-0 lg:w-52" aria-label="Kitty Maze" data-wt-video="">
  515.    <img src="https://img.gamemonetize.com/ukem7nnalwoix13pe80j52yu9gk3en7c/512x384.jpg" alt="Kitty Maze image" class="object-cover w-full rounded-lg" loading="lazy">
  516. </a><a href="https://cocktailnights.site/game/foam-world" class="relative w-32 shrink-0 lg:w-52" aria-label="Foam World" data-wt-video="">
  517.    <img src="https://img.gamemonetize.com/ov40ro6ulovujr7mxljjm6kldhh47gsx/512x384.jpg" alt="Foam World image" class="object-cover w-full rounded-lg" loading="lazy">
  518. </a><a href="https://cocktailnights.site/game/solitaire-king-game" class="relative w-32 shrink-0 lg:w-52" aria-label="Solitaire King Game" data-wt-video="">
  519.    <img src="https://img.gamemonetize.com/bcsy29748uexfn9tqk3ogh5sjdh0gzbe/512x384.jpg" alt="Solitaire King Game image" class="object-cover w-full rounded-lg" loading="lazy">
  520. </a><a href="https://cocktailnights.site/game/merge-tiktok-gravity-knife" class="relative w-32 shrink-0 lg:w-52" aria-label="Merge TikTok Gravity Knife" data-wt-video="">
  521.    <img src="https://img.gamemonetize.com/yhul7nu531162htf58s70mx2lpcz7ho8/512x384.jpg" alt="Merge TikTok Gravity Knife image" class="object-cover w-full rounded-lg" loading="lazy">
  522. </a><a href="https://cocktailnights.site/game/level-devil-3d" class="relative w-32 shrink-0 lg:w-52" aria-label="Level Devil 3D" data-wt-video="">
  523.    <img src="https://img.gamemonetize.com/1ku5l19fabw5ojlnwngseloysc93prhp/512x384.jpg" alt="Level Devil 3D image" class="object-cover w-full rounded-lg" loading="lazy">
  524. </a><a href="https://cocktailnights.site/game/fireball-vs-ice-cream" class="relative w-32 shrink-0 lg:w-52" aria-label="Fireball Vs Ice Cream" data-wt-video="">
  525.    <img src="https://img.gamemonetize.com/xymznd2m8001gvwww7vebyzjr4biw7os/512x384.jpg" alt="Fireball Vs Ice Cream image" class="object-cover w-full rounded-lg" loading="lazy">
  526. </a><a href="https://cocktailnights.site/game/thanksgiving-party-prep" class="relative w-32 shrink-0 lg:w-52" aria-label="Thanksgiving Party Prep" data-wt-video="">
  527.    <img src="https://img.gamemonetize.com/r2hbeit221x9yppw6uc2rqg2hc4kuzin/512x384.jpg" alt="Thanksgiving Party Prep image" class="object-cover w-full rounded-lg" loading="lazy">
  528. </a><a href="https://cocktailnights.site/game/mechdinosaur" class="relative w-32 shrink-0 lg:w-52" aria-label="MechDinosaur" data-wt-video="">
  529.    <img src="https://img.gamemonetize.com/vm0t1dm804h6hgo77coq5oc4z5r4mch6/512x384.jpg" alt="MechDinosaur image" class="object-cover w-full rounded-lg" loading="lazy">
  530. </a><a href="https://cocktailnights.site/game/detective-scary-cases" class="relative w-32 shrink-0 lg:w-52" aria-label="Detective Scary Cases" data-wt-video="">
  531.    <img src="https://img.gamemonetize.com/vrgt4a4aiqw32vw1sh6cvrot9jn5hv1x/512x384.jpg" alt="Detective Scary Cases image" class="object-cover w-full rounded-lg" loading="lazy">
  532. </a><a href="https://cocktailnights.site/game/penguin-love-puzzle-2" class="relative w-32 shrink-0 lg:w-52" aria-label="Penguin Love Puzzle 2" data-wt-video="">
  533.    <img src="https://img.gamemonetize.com/utwwkrey72952sjtpf1q9orrksu0zikz/512x384.jpg" alt="Penguin Love Puzzle 2 image" class="object-cover w-full rounded-lg" loading="lazy">
  534. </a><a href="https://cocktailnights.site/game/cute-puzzles" class="relative w-32 shrink-0 lg:w-52" aria-label="Cute Puzzles" data-wt-video="">
  535.    <img src="https://img.gamemonetize.com/ul8zo4sgu563dtfbs0trd78als3h80u7/512x384.jpg" alt="Cute Puzzles image" class="object-cover w-full rounded-lg" loading="lazy">
  536. </a><a href="https://cocktailnights.site/game/merge-master-skibidi-bop" class="relative w-32 shrink-0 lg:w-52" aria-label="Merge Master: Skibidi Bop" data-wt-video="">
  537.    <img src="https://img.gamemonetize.com/7cno37tfianlivq29hanilqqtqak2ghv/512x384.jpg" alt="Merge Master: Skibidi Bop image" class="object-cover w-full rounded-lg" loading="lazy">
  538. </a><a href="https://cocktailnights.site/game/colorful-greedy-snake" class="relative w-32 shrink-0 lg:w-52" aria-label="Colorful Greedy Snake" data-wt-video="">
  539.    <img src="https://img.gamemonetize.com/rqsp1o7za0rbl0b6xgprqgwqgehxt0b1/512x384.jpg" alt="Colorful Greedy Snake image" class="object-cover w-full rounded-lg" loading="lazy">
  540. </a><a href="https://cocktailnights.site/game/python-snake-simulator" class="relative w-32 shrink-0 lg:w-52" aria-label="Python Snake Simulator" data-wt-video="">
  541.    <img src="https://img.gamemonetize.com/44kn0fl5u7y68pl6reh5ypobj5q1g62m/512x384.jpg" alt="Python Snake Simulator image" class="object-cover w-full rounded-lg" loading="lazy">
  542. </a>
  543.        </div>
  544.        <div class="absolute top-0 right-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer splide-arrow-right bg-opacity-80">
  545.            <i class="fa fa-chevron-right" aria-hidden="true"></i>
  546.        </div>
  547.        <div class="absolute top-0 left-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer splide-arrow-left bg-opacity-80">
  548.            <i class="fa fa-chevron-left" aria-hidden="true"></i>
  549.        </div>
  550.    </div>
  551. </div><div class='mb-6'>
  552.    <div class="flex justify-between mb-2">
  553.        <div class="flex items-center text-sm font-bold text-white">
  554.            Arcade Games
  555.            <a href="https://cocktailnights.site/category/arcade-games" class='ml-4 text-xs text-violet-500'>View more</a>
  556.        </div>
  557.        <div class="cursor-pointer splide-arrow-right lg:hidden">
  558.            <svg class="size-5 fill-white" viewBox="0 0 24 24" focusable="false" aria-hidden="true" class="GameCarousel_doubleArrow__BGrRW double-arrow css-6qu7l6"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.25757 2.33007C3.62757 1.92005 4.2599 1.88759 4.66993 2.25759L12.9814 9.75759C14.3395 10.9831 14.3395 13.0169 12.9814 14.2424L4.66993 21.7424C4.2599 22.1124 3.62757 22.08 3.25757 21.6699C2.88758 21.2599 2.92003 20.6276 3.33006 20.2576L11.6415 12.7576C12.1195 12.3263 12.1195 11.6737 11.6415 11.2424L3.33006 3.74243C2.92003 3.37243 2.88758 2.7401 3.25757 2.33007Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2576 2.33007C11.6276 1.92005 12.2599 1.88759 12.6699 2.25759L20.9814 9.75759C22.3395 10.9831 22.3395 13.0169 20.9814 14.2424L12.6699 21.7424C12.2599 22.1124 11.6276 22.08 11.2576 21.6699C10.8876 21.2599 10.92 20.6276 11.3301 20.2576L19.6415 12.7576C20.1195 12.3263 20.1195 11.6737 19.6415 11.2424L11.3301 3.74243C10.92 3.37243 10.8876 2.7401 11.2576 2.33007Z"></path></svg>
  559.        </div>
  560.    </div>
  561.    <div class="relative group">
  562.        <div class="flex max-w-full space-x-2 overflow-x-auto no-scrollbar splide-items-container">
  563.            <a href="https://cocktailnights.site/game/sprunki-drop" class="relative w-32 shrink-0 lg:w-52" aria-label="Sprunki Drop" data-wt-video="">
  564.    <img src="https://img.gamemonetize.com/g2v5wciudv1n2sjwythcfjzgvpnfav8u/512x384.jpg" alt="Sprunki Drop image" class="object-cover w-full rounded-lg" loading="lazy">
  565. </a><a href="https://cocktailnights.site/game/weight-puzzle-3d" class="relative w-32 shrink-0 lg:w-52" aria-label="Weight Puzzle 3D" data-wt-video="">
  566.    <img src="https://img.gamemonetize.com/z62h7dsza71b8957l45wgpqq652ttour/512x384.jpg" alt="Weight Puzzle 3D image" class="object-cover w-full rounded-lg" loading="lazy">
  567. </a><a href="https://cocktailnights.site/game/merge-sesame" class="relative w-32 shrink-0 lg:w-52" aria-label="Merge Sesame" data-wt-video="">
  568.    <img src="https://img.gamemonetize.com/gf9xdl8e1v8tp0la4t6ey6pqyqdarzfi/512x384.jpg" alt="Merge Sesame image" class="object-cover w-full rounded-lg" loading="lazy">
  569. </a><a href="https://cocktailnights.site/game/royal-couple-wedding-invitation" class="relative w-32 shrink-0 lg:w-52" aria-label="Royal Couple Wedding Invitation" data-wt-video="">
  570.    <img src="https://img.gamemonetize.com/o26wqe1m4emhaqns6dpu6lbzywrg881x/512x384.jpg" alt="Royal Couple Wedding Invitation image" class="object-cover w-full rounded-lg" loading="lazy">
  571. </a><a href="https://cocktailnights.site/game/thanksgiving-party-prep" class="relative w-32 shrink-0 lg:w-52" aria-label="Thanksgiving Party Prep" data-wt-video="">
  572.    <img src="https://img.gamemonetize.com/r2hbeit221x9yppw6uc2rqg2hc4kuzin/512x384.jpg" alt="Thanksgiving Party Prep image" class="object-cover w-full rounded-lg" loading="lazy">
  573. </a><a href="https://cocktailnights.site/game/mechdinosaur" class="relative w-32 shrink-0 lg:w-52" aria-label="MechDinosaur" data-wt-video="">
  574.    <img src="https://img.gamemonetize.com/vm0t1dm804h6hgo77coq5oc4z5r4mch6/512x384.jpg" alt="MechDinosaur image" class="object-cover w-full rounded-lg" loading="lazy">
  575. </a><a href="https://cocktailnights.site/game/lazy-jump-online" class="relative w-32 shrink-0 lg:w-52" aria-label="Lazy Jump Online" data-wt-video="">
  576.    <img src="https://img.gamemonetize.com/npycpi1rn91379sihu4cbzsvvn5oosjy/512x384.jpg" alt="Lazy Jump Online image" class="object-cover w-full rounded-lg" loading="lazy">
  577. </a><a href="https://cocktailnights.site/game/milky-way" class="relative w-32 shrink-0 lg:w-52" aria-label="Milky Way" data-wt-video="">
  578.    <img src="https://img.gamemonetize.com/53e78luthfa9xix3pgbjbf700xatretx/512x384.jpg" alt="Milky Way image" class="object-cover w-full rounded-lg" loading="lazy">
  579. </a><a href="https://cocktailnights.site/game/bee-keeper" class="relative w-32 shrink-0 lg:w-52" aria-label="Bee keeper" data-wt-video="">
  580.    <img src="https://img.gamemonetize.com/l9ysbr2ma4jmf0y0ozewsaucx4d187am/512x384.jpg" alt="Bee keeper image" class="object-cover w-full rounded-lg" loading="lazy">
  581. </a><a href="https://cocktailnights.site/game/physics-box-2" class="relative w-32 shrink-0 lg:w-52" aria-label="Physics Box 2" data-wt-video="">
  582.    <img src="https://img.gamemonetize.com/sj2x1n47d8voo7f2epn3lgak61ahio65/512x384.jpg" alt="Physics Box 2 image" class="object-cover w-full rounded-lg" loading="lazy">
  583. </a><a href="https://cocktailnights.site/game/beauty-salon-girl-hairstyles" class="relative w-32 shrink-0 lg:w-52" aria-label="Beauty Salon Girl Hairstyles" data-wt-video="">
  584.    <img src="https://img.gamemonetize.com/qoa1g7l2tvtv680icb1h5tbrlxflfh7x/512x384.jpg" alt="Beauty Salon Girl Hairstyles image" class="object-cover w-full rounded-lg" loading="lazy">
  585. </a><a href="https://cocktailnights.site/game/funny-snake" class="relative w-32 shrink-0 lg:w-52" aria-label="Funny Snake" data-wt-video="">
  586.    <img src="https://img.gamemonetize.com/ag3vp900adbofmc5pz4kjin6q9thha9g/512x384.jpg" alt="Funny Snake image" class="object-cover w-full rounded-lg" loading="lazy">
  587. </a><a href="https://cocktailnights.site/game/penguin-love-puzzle-2" class="relative w-32 shrink-0 lg:w-52" aria-label="Penguin Love Puzzle 2" data-wt-video="">
  588.    <img src="https://img.gamemonetize.com/utwwkrey72952sjtpf1q9orrksu0zikz/512x384.jpg" alt="Penguin Love Puzzle 2 image" class="object-cover w-full rounded-lg" loading="lazy">
  589. </a><a href="https://cocktailnights.site/game/merge-master-skibidi-bop" class="relative w-32 shrink-0 lg:w-52" aria-label="Merge Master: Skibidi Bop" data-wt-video="">
  590.    <img src="https://img.gamemonetize.com/7cno37tfianlivq29hanilqqtqak2ghv/512x384.jpg" alt="Merge Master: Skibidi Bop image" class="object-cover w-full rounded-lg" loading="lazy">
  591. </a><a href="https://cocktailnights.site/game/hit-and-run-solo-leveling" class="relative w-32 shrink-0 lg:w-52" aria-label="Hit And Run: Solo Leveling" data-wt-video="">
  592.    <img src="https://img.gamemonetize.com/f89br0v93lrsimki3ms5qjfpaf83vh2x/512x384.jpg" alt="Hit And Run: Solo Leveling image" class="object-cover w-full rounded-lg" loading="lazy">
  593. </a><a href="https://cocktailnights.site/game/dino-robot-fighting-war" class="relative w-32 shrink-0 lg:w-52" aria-label="Dino Robot Fighting War" data-wt-video="">
  594.    <img src="https://img.gamemonetize.com/ki7gx5y0aipclso1ty1fnez880wipn5x/512x384.jpg" alt="Dino Robot Fighting War image" class="object-cover w-full rounded-lg" loading="lazy">
  595. </a><a href="https://cocktailnights.site/game/colorful-greedy-snake" class="relative w-32 shrink-0 lg:w-52" aria-label="Colorful Greedy Snake" data-wt-video="">
  596.    <img src="https://img.gamemonetize.com/rqsp1o7za0rbl0b6xgprqgwqgehxt0b1/512x384.jpg" alt="Colorful Greedy Snake image" class="object-cover w-full rounded-lg" loading="lazy">
  597. </a><a href="https://cocktailnights.site/game/endless-cat-climb" class="relative w-32 shrink-0 lg:w-52" aria-label="Endless Cat Climb" data-wt-video="">
  598.    <img src="https://img.gamemonetize.com/iesodo60w0iclgtr4m4schime7fk1tbw/512x384.jpg" alt="Endless Cat Climb image" class="object-cover w-full rounded-lg" loading="lazy">
  599. </a><a href="https://cocktailnights.site/game/kids-house-cleanup" class="relative w-32 shrink-0 lg:w-52" aria-label="Kids House Cleanup" data-wt-video="">
  600.    <img src="https://img.gamemonetize.com/dspfsux13icg3o4fkogxadg89xhwwn72/512x384.jpg" alt="Kids House Cleanup image" class="object-cover w-full rounded-lg" loading="lazy">
  601. </a><a href="https://cocktailnights.site/game/python-snake-simulator" class="relative w-32 shrink-0 lg:w-52" aria-label="Python Snake Simulator" data-wt-video="">
  602.    <img src="https://img.gamemonetize.com/44kn0fl5u7y68pl6reh5ypobj5q1g62m/512x384.jpg" alt="Python Snake Simulator image" class="object-cover w-full rounded-lg" loading="lazy">
  603. </a>
  604.        </div>
  605.        <div class="absolute top-0 right-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer splide-arrow-right bg-opacity-80">
  606.            <i class="fa fa-chevron-right" aria-hidden="true"></i>
  607.        </div>
  608.        <div class="absolute top-0 left-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer splide-arrow-left bg-opacity-80">
  609.            <i class="fa fa-chevron-left" aria-hidden="true"></i>
  610.        </div>
  611.    </div>
  612. </div><div class='mb-6'>
  613.    <div class="flex justify-between mb-2">
  614.        <div class="flex items-center text-sm font-bold text-white">
  615.            Racing Games
  616.            <a href="https://cocktailnights.site/category/racing-games" class='ml-4 text-xs text-violet-500'>View more</a>
  617.        </div>
  618.        <div class="cursor-pointer splide-arrow-right lg:hidden">
  619.            <svg class="size-5 fill-white" viewBox="0 0 24 24" focusable="false" aria-hidden="true" class="GameCarousel_doubleArrow__BGrRW double-arrow css-6qu7l6"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.25757 2.33007C3.62757 1.92005 4.2599 1.88759 4.66993 2.25759L12.9814 9.75759C14.3395 10.9831 14.3395 13.0169 12.9814 14.2424L4.66993 21.7424C4.2599 22.1124 3.62757 22.08 3.25757 21.6699C2.88758 21.2599 2.92003 20.6276 3.33006 20.2576L11.6415 12.7576C12.1195 12.3263 12.1195 11.6737 11.6415 11.2424L3.33006 3.74243C2.92003 3.37243 2.88758 2.7401 3.25757 2.33007Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2576 2.33007C11.6276 1.92005 12.2599 1.88759 12.6699 2.25759L20.9814 9.75759C22.3395 10.9831 22.3395 13.0169 20.9814 14.2424L12.6699 21.7424C12.2599 22.1124 11.6276 22.08 11.2576 21.6699C10.8876 21.2599 10.92 20.6276 11.3301 20.2576L19.6415 12.7576C20.1195 12.3263 20.1195 11.6737 19.6415 11.2424L11.3301 3.74243C10.92 3.37243 10.8876 2.7401 11.2576 2.33007Z"></path></svg>
  620.        </div>
  621.    </div>
  622.    <div class="relative group">
  623.        <div class="flex max-w-full space-x-2 overflow-x-auto no-scrollbar splide-items-container">
  624.            <a href="https://cocktailnights.site/game/riders-downhill-racing" class="relative w-32 shrink-0 lg:w-52" aria-label="Riders Downhill Racing" data-wt-video="">
  625.    <img src="https://img.gamemonetize.com/pvy2k1jp0znnq1l8uyai88tk2uc6xcf8/512x384.jpg" alt="Riders Downhill Racing image" class="object-cover w-full rounded-lg" loading="lazy">
  626. </a><a href="https://cocktailnights.site/game/motorcycle-dirt-racing-multiplayer" class="relative w-32 shrink-0 lg:w-52" aria-label="Motorcycle Dirt Racing Multiplayer" data-wt-video="">
  627.    <img src="https://img.gamemonetize.com/pd2c2meh0ax42i3ynichh7h3ry34l7re/512x384.jpg" alt="Motorcycle Dirt Racing Multiplayer image" class="object-cover w-full rounded-lg" loading="lazy">
  628. </a><a href="https://cocktailnights.site/game/parking-challenge-2" class="relative w-32 shrink-0 lg:w-52" aria-label="Parking Challenge 2" data-wt-video="">
  629.    <img src="https://img.gamemonetize.com/nqj312kwrj8cak1gbr8eo9crl8wuvfsw/512x384.jpg" alt="Parking Challenge 2 image" class="object-cover w-full rounded-lg" loading="lazy">
  630. </a><a href="https://cocktailnights.site/game/detective-scary-cases" class="relative w-32 shrink-0 lg:w-52" aria-label="Detective Scary Cases" data-wt-video="">
  631.    <img src="https://img.gamemonetize.com/vrgt4a4aiqw32vw1sh6cvrot9jn5hv1x/512x384.jpg" alt="Detective Scary Cases image" class="object-cover w-full rounded-lg" loading="lazy">
  632. </a><a href="https://cocktailnights.site/game/funny-mad-racing" class="relative w-32 shrink-0 lg:w-52" aria-label="Funny Mad Racing" data-wt-video="">
  633.    <img src="https://img.gamemonetize.com/oba2cgdvjemwvvloq5rnjr4ej7wjtksr/512x384.jpg" alt="Funny Mad Racing image" class="object-cover w-full rounded-lg" loading="lazy">
  634. </a><a href="https://cocktailnights.site/game/cute-puzzles" class="relative w-32 shrink-0 lg:w-52" aria-label="Cute Puzzles" data-wt-video="">
  635.    <img src="https://img.gamemonetize.com/ul8zo4sgu563dtfbs0trd78als3h80u7/512x384.jpg" alt="Cute Puzzles image" class="object-cover w-full rounded-lg" loading="lazy">
  636. </a><a href="https://cocktailnights.site/game/atv-ultimate-offroad" class="relative w-32 shrink-0 lg:w-52" aria-label="ATV Ultimate Offroad" data-wt-video="">
  637.    <img src="https://img.gamemonetize.com/pobxo4lajobw9ls5d9j1wgevq41psezx/512x384.jpg" alt="ATV Ultimate Offroad image" class="object-cover w-full rounded-lg" loading="lazy">
  638. </a><a href="https://cocktailnights.site/game/dead-faces-horror-room" class="relative w-32 shrink-0 lg:w-52" aria-label="Dead Faces : Horror Room" data-wt-video="">
  639.    <img src="https://img.gamemonetize.com/rq7qsvvrbnthbtsp2w88ffm591uuuamc/512x384.jpg" alt="Dead Faces : Horror Room image" class="object-cover w-full rounded-lg" loading="lazy">
  640. </a><a href="https://cocktailnights.site/game/infinity-zoom-art" class="relative w-32 shrink-0 lg:w-52" aria-label="Infinity Zoom Art" data-wt-video="">
  641.    <img src="https://img.gamemonetize.com/gcr9v0wvz6s9zy4b4w1zcoz9wf3hoy7p/512x384.jpg" alt="Infinity Zoom Art image" class="object-cover w-full rounded-lg" loading="lazy">
  642. </a><a href="https://cocktailnights.site/game/lucy-dog-care" class="relative w-32 shrink-0 lg:w-52" aria-label="Lucy Dog Care" data-wt-video="">
  643.    <img src="https://img.gamemonetize.com/cv6khj3s0smdhqtvcy0oahpr39om6ftc/512x384.jpg" alt="Lucy Dog Care image" class="object-cover w-full rounded-lg" loading="lazy">
  644. </a><a href="https://cocktailnights.site/game/hidden-car-tires" class="relative w-32 shrink-0 lg:w-52" aria-label="Hidden Car Tires" data-wt-video="">
  645.    <img src="https://img.gamemonetize.com/q0tp0bykd4lmzj104i7yobr69i5he9kv/512x384.jpg" alt="Hidden Car Tires image" class="object-cover w-full rounded-lg" loading="lazy">
  646. </a><a href="https://cocktailnights.site/game/pets-grooming-bubble-party" class="relative w-32 shrink-0 lg:w-52" aria-label="Pets Grooming Bubble Party" data-wt-video="">
  647.    <img src="https://img.gamemonetize.com/noy64das3607igtjtd2auk3eptzoyjb2/512x384.jpg" alt="Pets Grooming Bubble Party image" class="object-cover w-full rounded-lg" loading="lazy">
  648. </a><a href="https://cocktailnights.site/game/car-stunt-king" class="relative w-32 shrink-0 lg:w-52" aria-label="Car Stunt King" data-wt-video="">
  649.    <img src="https://img.gamemonetize.com/ssem0jt7pvsapqm8ce9tt6oyf4029pu7/512x384.jpg" alt="Car Stunt King image" class="object-cover w-full rounded-lg" loading="lazy">
  650. </a><a href="https://cocktailnights.site/game/baby-panda-handmade-crafts" class="relative w-32 shrink-0 lg:w-52" aria-label="Baby Panda Handmade Crafts" data-wt-video="">
  651.    <img src="https://img.gamemonetize.com/msdt6mfh6vk2nv7yp0n6ng6hlh4eart0/512x384.jpg" alt="Baby Panda Handmade Crafts image" class="object-cover w-full rounded-lg" loading="lazy">
  652. </a><a href="https://cocktailnights.site/game/foam-world" class="relative w-32 shrink-0 lg:w-52" aria-label="Foam World" data-wt-video="">
  653.    <img src="https://img.gamemonetize.com/ov40ro6ulovujr7mxljjm6kldhh47gsx/512x384.jpg" alt="Foam World image" class="object-cover w-full rounded-lg" loading="lazy">
  654. </a><a href="https://cocktailnights.site/game/night-neon-racers" class="relative w-32 shrink-0 lg:w-52" aria-label="Night Neon Racers" data-wt-video="">
  655.    <img src="https://img.gamemonetize.com/zrsbiulgpzj75g68zwldhd9s1edzttil/512x384.jpg" alt="Night Neon Racers image" class="object-cover w-full rounded-lg" loading="lazy">
  656. </a><a href="https://cocktailnights.site/game/doodle-run-3d-hard-mode" class="relative w-32 shrink-0 lg:w-52" aria-label="Doodle Run 3D :Hard Mode" data-wt-video="">
  657.    <img src="https://img.gamemonetize.com/ayhdbh9te397jkvv5c7592xvgt9q0plb/512x384.jpg" alt="Doodle Run 3D :Hard Mode image" class="object-cover w-full rounded-lg" loading="lazy">
  658. </a><a href="https://cocktailnights.site/game/solitaire-king-game" class="relative w-32 shrink-0 lg:w-52" aria-label="Solitaire King Game" data-wt-video="">
  659.    <img src="https://img.gamemonetize.com/bcsy29748uexfn9tqk3ogh5sjdh0gzbe/512x384.jpg" alt="Solitaire King Game image" class="object-cover w-full rounded-lg" loading="lazy">
  660. </a><a href="https://cocktailnights.site/game/cooking-madness-game" class="relative w-32 shrink-0 lg:w-52" aria-label="Cooking Madness Game" data-wt-video="">
  661.    <img src="https://img.gamemonetize.com/9r1j2i8o8euql5330e4umgl0wupbialb/512x384.jpg" alt="Cooking Madness Game image" class="object-cover w-full rounded-lg" loading="lazy">
  662. </a><a href="https://cocktailnights.site/game/physics-puzzle" class="relative w-32 shrink-0 lg:w-52" aria-label="Physics Puzzle" data-wt-video="">
  663.    <img src="https://img.gamemonetize.com/460k3obv3a2i7nc99q9hkfxtlqbswi7a/512x384.jpg" alt="Physics Puzzle image" class="object-cover w-full rounded-lg" loading="lazy">
  664. </a>
  665.        </div>
  666.        <div class="absolute top-0 right-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer splide-arrow-right bg-opacity-80">
  667.            <i class="fa fa-chevron-right" aria-hidden="true"></i>
  668.        </div>
  669.        <div class="absolute top-0 left-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer splide-arrow-left bg-opacity-80">
  670.            <i class="fa fa-chevron-left" aria-hidden="true"></i>
  671.        </div>
  672.    </div>
  673. </div>
  674. </div>
  675.  
  676. <div class="flex space-x-2">
  677.    <div class="p-5 text-white bg-[#212233] lg:text-sm rounded-2xl lg:w-[464px] shrink-0">
  678.        <div class="mb-4 text-2xl font-extrabold">Cocktailnights Games</div>
  679.        <div class="space-y-4 text-gray-300 h-[100px] overflow-hidden footer-description">
  680.            
  681.        </div>
  682.        <div class="mt-4 font-bold cursor-pointer modal-footer-open text-violet-400">Learn more</div>
  683.    </div>
  684.    <div class="relative flex-1 group max-w-[calc(100%-472px)]">
  685.        <div class="h-full max-w-full space-x-2 overflow-x-scroll no-scrollbar whitespace-nowrap categories-list-container-carousel">
  686.            <div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/action-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  687.    <img src="/cat/action-games.jpg" alt="Action Games image" class="object-cover mb-2 rounded-lg size-9">
  688.    <div class="truncate">Action Games</div>
  689. </a><a href="https://cocktailnights.site/category/racing-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  690.    <img src="/cat/racing-games.png" alt="Racing Games image" class="object-cover mb-2 rounded-lg size-9">
  691.    <div class="truncate">Racing Games</div>
  692. </a></div></div><div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/shooting-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  693.    <img src="/cat/shooting-games.jpg" alt="Shooting Games image" class="object-cover mb-2 rounded-lg size-9">
  694.    <div class="truncate">Shooting Games</div>
  695. </a><a href="https://cocktailnights.site/category/arcade-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  696.    <img src="/cat/arcade-games.jpg" alt="Arcade Games image" class="object-cover mb-2 rounded-lg size-9">
  697.    <div class="truncate">Arcade Games</div>
  698. </a></div></div><div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/puzzle-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  699.    <img src="/cat/puzzle-games.jpg" alt="Puzzle Games image" class="object-cover mb-2 rounded-lg size-9">
  700.    <div class="truncate">Puzzle Games</div>
  701. </a><a href="https://cocktailnights.site/category/strategy-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  702.    <img src="/cat/strategy-games.png" alt="Strategy Games image" class="object-cover mb-2 rounded-lg size-9">
  703.    <div class="truncate">Strategy Games</div>
  704. </a></div></div><div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/multiplayer-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  705.    <img src="/cat/multiplayer-games.jpg" alt="Multiplayer Games image" class="object-cover mb-2 rounded-lg size-9">
  706.    <div class="truncate">Multiplayer Games</div>
  707. </a><a href="https://cocktailnights.site/category/sports-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  708.    <img src="/cat/sports-games.png" alt="Sports Games image" class="object-cover mb-2 rounded-lg size-9">
  709.    <div class="truncate">Sports Games</div>
  710. </a></div></div>
  711.            <div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/action-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  712.    <img src="/cat/action-games.jpg" alt="Action Games image" class="object-cover mb-2 rounded-lg size-9">
  713.    <div class="truncate">Action Games</div>
  714. </a><a href="https://cocktailnights.site/category/racing-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  715.    <img src="/cat/racing-games.png" alt="Racing Games image" class="object-cover mb-2 rounded-lg size-9">
  716.    <div class="truncate">Racing Games</div>
  717. </a></div></div><div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/shooting-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  718.    <img src="/cat/shooting-games.jpg" alt="Shooting Games image" class="object-cover mb-2 rounded-lg size-9">
  719.    <div class="truncate">Shooting Games</div>
  720. </a><a href="https://cocktailnights.site/category/arcade-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  721.    <img src="/cat/arcade-games.jpg" alt="Arcade Games image" class="object-cover mb-2 rounded-lg size-9">
  722.    <div class="truncate">Arcade Games</div>
  723. </a></div></div><div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/puzzle-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  724.    <img src="/cat/puzzle-games.jpg" alt="Puzzle Games image" class="object-cover mb-2 rounded-lg size-9">
  725.    <div class="truncate">Puzzle Games</div>
  726. </a><a href="https://cocktailnights.site/category/strategy-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  727.    <img src="/cat/strategy-games.png" alt="Strategy Games image" class="object-cover mb-2 rounded-lg size-9">
  728.    <div class="truncate">Strategy Games</div>
  729. </a></div></div><div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/multiplayer-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  730.    <img src="/cat/multiplayer-games.jpg" alt="Multiplayer Games image" class="object-cover mb-2 rounded-lg size-9">
  731.    <div class="truncate">Multiplayer Games</div>
  732. </a><a href="https://cocktailnights.site/category/sports-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  733.    <img src="/cat/sports-games.png" alt="Sports Games image" class="object-cover mb-2 rounded-lg size-9">
  734.    <div class="truncate">Sports Games</div>
  735. </a></div></div>
  736.            <div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/action-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  737.    <img src="/cat/action-games.jpg" alt="Action Games image" class="object-cover mb-2 rounded-lg size-9">
  738.    <div class="truncate">Action Games</div>
  739. </a><a href="https://cocktailnights.site/category/racing-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  740.    <img src="/cat/racing-games.png" alt="Racing Games image" class="object-cover mb-2 rounded-lg size-9">
  741.    <div class="truncate">Racing Games</div>
  742. </a></div></div><div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/shooting-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  743.    <img src="/cat/shooting-games.jpg" alt="Shooting Games image" class="object-cover mb-2 rounded-lg size-9">
  744.    <div class="truncate">Shooting Games</div>
  745. </a><a href="https://cocktailnights.site/category/arcade-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  746.    <img src="/cat/arcade-games.jpg" alt="Arcade Games image" class="object-cover mb-2 rounded-lg size-9">
  747.    <div class="truncate">Arcade Games</div>
  748. </a></div></div><div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/puzzle-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  749.    <img src="/cat/puzzle-games.jpg" alt="Puzzle Games image" class="object-cover mb-2 rounded-lg size-9">
  750.    <div class="truncate">Puzzle Games</div>
  751. </a><a href="https://cocktailnights.site/category/strategy-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  752.    <img src="/cat/strategy-games.png" alt="Strategy Games image" class="object-cover mb-2 rounded-lg size-9">
  753.    <div class="truncate">Strategy Games</div>
  754. </a></div></div><div class='max-w-[160px] shrink-0 w-1/3 inline-block relative h-full'><div class='flex flex-col h-full space-y-2'><a href="https://cocktailnights.site/category/multiplayer-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  755.    <img src="/cat/multiplayer-games.jpg" alt="Multiplayer Games image" class="object-cover mb-2 rounded-lg size-9">
  756.    <div class="truncate">Multiplayer Games</div>
  757. </a><a href="https://cocktailnights.site/category/sports-games" class="bg-[#212233] p-4 rounded-2xl flex flex-col text-white text-base font-bold flex-1 shrink-0 w-full">
  758.    <img src="/cat/sports-games.png" alt="Sports Games image" class="object-cover mb-2 rounded-lg size-9">
  759.    <div class="truncate">Sports Games</div>
  760. </a></div></div>
  761.        </div>
  762.        <div class="absolute top-0 right-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer categories-list-container-carousel-arrow-right bg-opacity-80">
  763.            <i class="fa fa-chevron-right" aria-hidden="true"></i>
  764.        </div>
  765.        <div class="absolute top-0 left-0 z-20 items-center justify-center hidden w-12 h-full pl-2 text-2xl text-white bg-black cursor-pointer categories-list-container-carousel-arrow-left bg-opacity-80">
  766.            <i class="fa fa-chevron-left" aria-hidden="true"></i>
  767.        </div>
  768.    </div>
  769. </div>
  770.  
  771. <div id="more-splide" class="mt-6 space-y-6">
  772. </div>
  773.  
  774. <div class="w-screen bg-black modal-footer h-svh bg-opacity-60 fixed inset-0 z-[99999999999] items-center justify-center hidden">
  775.    <div class="px-5 pt-2 my-8 text-white relative bg-gray-800 rounded-2xl w-[90%] max-w-[600px]">
  776.        <div class="relative ml-auto text-lg text-right text-white cursor-pointer size-8 modal-close">
  777.            <i class="fa fa-times" aria-hidden="true"></i>
  778.        </div>
  779.        <div class="h-[548px] overflow-y-auto">
  780.            <div class="mb-4 text-2xl font-extrabold">Cocktailnights Games</div>
  781.            <div class="space-y-4 text-gray-300 footer-description"></div>
  782.        </div>
  783.    </div>
  784. </div>
  785.  
  786. <div class="flex justify-center my-8 space-x-2">
  787.    <a href="/random" class="flex items-center justify-center w-48 h-12 text-base font-bold text-white border border-white rounded-full">
  788.        <img src="/templates/crazygames-like/image/icon-color/dice.webp" alt="Random Game Dice Image" class="mr-2 size-4">
  789.        Random Game
  790.    </a>
  791.    <div href="/random" class="flex items-center justify-center w-48 h-12 text-base font-bold text-white rounded-full bg-violet-600" onclick="window.scrollTo(0, 0)">
  792.        <i class="mr-2 fa fa-arrow-up" aria-hidden="true"></i>
  793.        Back to top
  794.    </div>
  795. </div>
  796.  
  797. <script>
  798.    $(document).ready(function () {
  799.        let loadedCategories = 4; // Jumlah kategori yang telah dimuat
  800.        let numPerLoad = 3;  // Jumlah kategori yang akan dimuat per scroll
  801.        let isLoading = false; // Cegah multiple request
  802.        let noMoreData = false; // Jika tidak ada data lagi, hentikan request
  803.  
  804.        // Cek apakah ini halaman Home dan perangkat Desktop
  805.        if (window.location.pathname === '/') {
  806.            function loadMoreCategories() {
  807.                if (isLoading || noMoreData) return; // Jika sedang memuat atau sudah habis, hentikan
  808.                isLoading = true;
  809.                
  810.                $.ajax({
  811.                    url: "ajax_loadmoresliders.php",
  812.                    type: "GET",
  813.                    data: {
  814.                        LoadedGamesNum: loadedCategories,
  815.                        num: numPerLoad
  816.                    },
  817.                    beforeSend: function () {
  818.                        $("#loadingIndicator").show();
  819.                    },
  820.                    success: function (data) {
  821.                        if (data.trim() === "NoData") {
  822.                            noMoreData = true; // Hentikan infinite scroll jika tidak ada data lagi
  823.                        } else {
  824.                            $("#more-splide").append(data);
  825.                            loadedCategories += numPerLoad;
  826.                        }
  827.                        $("#loadingIndicator").hide();
  828.                        isLoading = false;
  829.                        $(document).on('click', '.splide-arrow-right', function () {
  830.                            const container = $(this).parent().find('.splide-items-container')[0];
  831.                            const gamelist = $(this).parent().find('.splide-items-container a');
  832.                            for (let index = 0; index < gamelist.length; index++) {
  833.                                if (gamelist[index].getBoundingClientRect().x + gamelist[index].getBoundingClientRect().width > container.clientWidth) {
  834.                                    container.scrollTo({ left: gamelist[index].offsetLeft - 48, behavior: 'smooth' });
  835.                                    break;
  836.                                }
  837.                            }
  838.                        });
  839.  
  840.                        $(document).on('click', '.splide-arrow-left', function () {
  841.                            const container = $(this).parent().find('.splide-items-container')[0];
  842.                            const gamelist = $(this).parent().find('.splide-items-container a');
  843.                            let veryLeftGameListIndex = 0;
  844.                            for (let index = gamelist.length - 1; index >= 0; index--) {
  845.                                veryLeftGameListIndex = index;
  846.                                if (gamelist[index].getBoundingClientRect().x < -container.clientWidth) {
  847.                                    break;
  848.                                }
  849.                            }
  850.                            container.scrollTo({ left: gamelist[veryLeftGameListIndex].getBoundingClientRect().offsetLeft - 48, behavior: 'smooth' });
  851.                        });
  852.  
  853.                        const updateArrowsSplideVisibility = () => {
  854.                            const container = document.querySelectorAll('.splide-items-container');
  855.  
  856.                            container.forEach((c) => {
  857.                                const leftArrow = c.parentElement.querySelector('.splide-arrow-left');
  858.                                const rightArrow = c.parentElement.querySelector('.splide-arrow-right');
  859.  
  860.                                if (c.scrollLeft === 0) {
  861.                                    leftArrow.classList.remove('group-hover:flex');
  862.                                } else {
  863.                                    leftArrow.classList.add('group-hover:flex');
  864.                                }
  865.  
  866.                                if (c.scrollLeft + c.clientWidth + 2 >= c.scrollWidth) {
  867.                                    rightArrow.classList.remove('group-hover:flex');
  868.                                } else {
  869.                                    rightArrow.classList.add('group-hover:flex');
  870.                                }
  871.                            });
  872.                        };
  873.  
  874.                        document.querySelectorAll('.splide-items-container').forEach((c) => {
  875.                            c.addEventListener('scroll', updateArrowsSplideVisibility);
  876.                        });
  877.                        window.addEventListener('resize', updateArrowsSplideVisibility);
  878.                        updateArrowsSplideVisibility();
  879.                    },
  880.                    error: function () {
  881.                        alert("Failed to load more categories.");
  882.                        $("#loadingIndicator").hide();
  883.                        isLoading = false;
  884.                    }
  885.                });
  886.            }
  887.  
  888.            // Cek jika user sudah hampir mencapai bagian bawah halaman
  889.            $(window).scroll(function () {
  890.                if ($(window).scrollTop() + $(window).height() >= $(document).height() - 300) {
  891.                    loadMoreCategories();
  892.                }
  893.            });
  894.        }
  895.    });
  896. </script>
  897. </div>
  898.  
  899. <script type="text/javascript">
  900.     $(function() {
  901.  
  902.        if (window.location.pathname === '/') return;
  903.  
  904.         var columnWidthValue = 185;
  905.         let isMobile = window.matchMedia("only screen and (max-width: 600px)").matches;
  906.  
  907.         if (isMobile) {
  908.             columnWidthValue = $(window).width() / 2;
  909.         }
  910.  
  911.         var $container = $('#game-list-container');
  912.         window.addEventListener('resize', function(event) {
  913.             var columnWidthValue = 185;
  914.             let isMobile = window.matchMedia("only screen and (max-width: 600px)").matches;
  915.  
  916.             if (isMobile) {
  917.                 columnWidthValue = $(window).width() / 2;
  918.             }
  919.             var $container = $('#game-list-container');
  920.         });
  921.  
  922.         if (PageType == "games" || PageType == "best") {
  923.             $(window).scroll(function() {
  924.                 if ($(document).scrollTop() + $(window).height() > $(document).height() - 500) {
  925.                     if (!loading) {
  926.                         loading = true;
  927.                         jsonajax(30);
  928.                     }
  929.                 }
  930.             });
  931.         }
  932.         var LoadedGamesNum = 0;
  933.         var loading = false;
  934.  
  935.         function jsonajax(e) {
  936.             if (e <= 0) return;
  937.             if (typeof cat !== 'undefined') {
  938.                 url = "/ajax_loadmoregames.php?LoadedGamesNum=" + LoadedGamesNum + "&num=" + e + "&ids=" + ids + "&cat=" + cat;
  939.             } else {
  940.                 url = "/ajax_loadmoregames.php?LoadedGamesNum=" + LoadedGamesNum + "&num=" + e + "&ids=" + ids + "&pagetype=" + PageType;
  941.             }
  942.             $.ajax({
  943.                 url: url,
  944.                 success: function(t) {
  945.                     if (t == 'NoData') {
  946.                         loading = true;
  947.                     } else {
  948.                         var $html = $(t);
  949.                         $container.append($html);
  950.                         loading = false;
  951.                     }
  952.                     LoadedGamesNum = LoadedGamesNum + e;
  953.                 }
  954.             });
  955.         }
  956.     });
  957.     if (typeof PageType !== 'undefined') {
  958.         if (PageType == "played") {
  959.             //$(".bottomtext").hide();
  960.         }
  961.     }
  962. </script>
  963. <script src='https://api.gamemonetize.com/cms.js?1746768660'></script>
  964.  
  965. </div>
  966. <div id="BackTop"></div>
  967.    </div>
  968.    
  969. <script>
  970.    //gotop
  971.    $(function() {
  972.        var sT = $(window).scrollTop();
  973.        if ($(window).scrollTop() != "0")
  974.            $("#BackTop").fadeIn("slow");
  975.        var scrollDiv = $("#BackTop");
  976.        $(window).scroll(function() {
  977.            if ($(window).scrollTop() == "0")
  978.                $(scrollDiv).fadeOut("slow")
  979.            else
  980.                $(scrollDiv).fadeIn("slow")
  981.        });
  982.        $("#BackTop").click(function() {
  983.            $("html, body").animate({
  984.                scrollTop: 0
  985.            }, "slow")
  986.        });
  987.    });
  988. </script>
  989.  
  990. <script src="https://cocktailnights.site/templates/crazygames-like/js/global.js?ver=6afe51d9c501bd8425ac8f3818f09fa7"></script>
  991. <script src="https://cocktailnights.site/templates/crazygames-like/js/jquery.masnory.min.js"></script>
  992. <script src="https://cocktailnights.site/templates/crazygames-like/js/gamefree.js?ver=6afe51d9c501bd8425ac8f3818f09fa7"></script>
  993. <script src="https://cocktailnights.site/static/libs/js/jquery.form.min.js"></script>
  994. <script src="https://cocktailnights.site/static/libs/js/root.js"></script>
  995. <script src="https://cocktailnights.site/templates/crazygames-like/js/general.js?ver=6afe51d9c501bd8425ac8f3818f09fa7"></script>
  996. <script src="https://cocktailnights.site/templates/crazygames-like/js/index.js?ver=6afe51d9c501bd8425ac8f3818f09fa7"></script>
  997. <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@3.6.12/dist/js/splide.min.js"></script><script></script>
  998.  
  999.    <script>
  1000.        $('.sidebar').mouseenter(function() {
  1001.            $('.logo-icon').css('width', '120px');
  1002.            $('.logo-icon').attr('src', '../../../static/logo/kizi/logo.png');
  1003.        });
  1004.  
  1005.        $('.sidebar').mouseleave(function() {
  1006.            $('.logo-icon').css('width', '35px');
  1007.            $('.logo-icon').attr('src', '../../../static/logo/kizi/logo-35.png');
  1008.        });
  1009.    </script>
  1010. </body>
  1011.  
  1012. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda