<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
      <script>
            if (window.location.hostname.includes(".pages.dev")) {
                  const newUrl =
                        "https://bigshotboxinggame.com" + window.location.pathname + window.location.search;
                  window.location.replace(newUrl);
            }
      </script>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Play Big Shot Boxing Official Game Online</title>
      <meta name="description" content="Big Shot Boxing is a Free online Game, where you can punch, dodge, and use different combos to KO your opponent." />
      <meta property="og:type" content="website" />
      <meta property="og:title" content="Play Big Shot Boxing Official Game Online" />
      <meta property="og:url" content="https://bigshotboxinggame.com/" />
      <meta property="og:site_name" content="Big Shot Boxing" />
      <meta property="og:image" content="https://bigshotboxinggame.com/big_shot_boxing_icon.webp" />
      <meta property="og:description" content="Big Shot Boxing is a Free online Game, where you can punch, dodge, and use different combos to KO your opponent." />
      <meta property="og:locale" content="en_US" />
      <meta name="twitter:card" content="summary" />
      <meta name="twitter:title" content="Play Big Shot Boxing Official Game Online" />
      <meta name="twitter:description" content="Big Shot Boxing is a Free online Game, where you can punch, dodge, and use different combos to KO your opponent." />
      <meta name="twitter:creator" content="Big Shot Boxing" />
      <meta name="twitter:image" content="https://bigshotboxinggame.com/big_shot_boxing_icon.webp" />
      <link rel="apple-touch-icon" sizes="57x57" href="https://bigshotboxinggame.com/apple-icon-57x57.png" />
      <link rel="apple-touch-icon" sizes="60x60" href="https://bigshotboxinggame.com/apple-icon-60x60.png" />
      <link rel="apple-touch-icon" sizes="72x72" href="https://bigshotboxinggame.com/apple-icon-72x72.png" />
      <link rel="apple-touch-icon" sizes="76x76" href="https://bigshotboxinggame.com/apple-icon-76x76.png" />
      <link rel="apple-touch-icon" sizes="114x114" href="https://bigshotboxinggame.com/apple-icon-114x114.png" />
      <link rel="apple-touch-icon" sizes="120x120" href="https://bigshotboxinggame.com/apple-icon-120x120.png" />
      <link rel="apple-touch-icon" sizes="144x144" href="https://bigshotboxinggame.com/apple-icon-144x144.png" />
      <link rel="apple-touch-icon" sizes="152x152" href="https://bigshotboxinggame.com/apple-icon-152x152.png" />
      <link rel="apple-touch-icon" sizes="180x180" href="https://bigshotboxinggame.com/apple-icon-180x180.png" />
      <link rel="icon" type="image/png" sizes="192x192" href="https://bigshotboxinggame.com/android-icon-192x192.png" />
      <link rel="icon" type="image/png" sizes="32x32" href="https://bigshotboxinggame.com/favicon-32x32.png" />
      <link rel="icon" type="image/png" sizes="96x96" href="https://bigshotboxinggame.com/favicon-96x96.png" />
      <link rel="icon" type="image/png" sizes="16x16" href="https://bigshotboxinggame.com/favicon-16x16.png" />
      <meta name="msapplication-TileColor" content="#ffffff" />
      <meta name="msapplication-TileImage" content="https://bigshotboxinggame.com/ms-icon-144x144.png" />
      <meta name="theme-color" content="#ffffff" />
      <link rel="manifest" href="https://bigshotboxinggame.com/manifest.json" />
      <link rel="preconnect" href="https://fonts.googleapis.com" />
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
      <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap" rel="stylesheet">
      <noscript>
            <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap" rel="stylesheet">
      </noscript>
      <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js" defer></script><script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Big Shot Boxing",
        "url": "https://bigshotboxinggame.com",
        "abstract": "Big Shot Boxing is a Free online Game, where you can punch, dodge, and use different combos to KO your opponent.",
        "copyrightYear": "2025",
        "keywords": "Big Shot Boxing, Big Shot Boxing Game, Big Shot Boxing Online, Big Shot Boxing Play Free"
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": ["VideoGame", "WebApplication"],
        "name": "Big Shot Boxing",
        "description": "Big Shot Boxing is a Free online Game, where you can punch, dodge, and use different combos to KO your opponent.",
        "operatingSystem": "Web Browser",
        "applicationCategory": "GameApplication",
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": 4.9,
            "ratingCount": 41100
        },
        "offers": {
            "@type": "Offer",
            "price": 0,
            "priceCurrency": "USD"
        }
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebPage",
        "name": "Play Big Shot Boxing Official Game Online",
        "url": "https://bigshotboxinggame.com",
        "description": "Big Shot Boxing is a Free online Game, where you can punch, dodge, and use different combos to KO your opponent.",
        "image": {
            "@type": "ImageObject",
            "url": "https://bigshotboxinggame.com/big_shot_boxing.webp",
            "height": 1024,
            "width": 1024
        },
        "datePublished": "2025-06-05T11:13:11Z",
        "dateModified": "2025-06-05T11:13:11Z",
        "publisher": {
            "@type": "Person",
            "name": "Samuel Brooks"
        }
    }
</script>  <script type="module" crossorigin src="/assets/app.DaMI2rT5.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/app.5k_gfgrh.css">
</head>
<body><header
    class=" bg-header-background text-header-foreground border-x shadow-2xl border-header-background fixed top-0 left-1/2 -translate-x-1/2 w-full max-w-2xl z-20"
    x-data="{ isMenuOpen: false }" @keydown.escape="isMenuOpen = false">
    <div class="relative">
        <div class="cut-left w-16 h-full absolute top-0 -left-16 bg-header-background"></div>
        <div class="cut-right w-16 h-full absolute top-0 -right-16 bg-header-background"></div>

        <div class=" px-4">
            <div class="flex items-center justify-between py-1.5">
                <a href="/" aria-label="Go to Home Page">
                    <img src="/big_shot_boxing_icon.webp" alt="Big Shot Boxing" class="logo-image">
                </a>
                <div class="nav-container">
                    <nav class="hidden md:flex gap-6">
                        <a href="/" class="nav-link">
                            Home
                        </a>
                        <a href="/blog/" class="nav-link">
                            Blog
                        </a>
                    </nav>
                    <button @click="isMenuOpen = !isMenuOpen" class="md:hidden rounded-lg" :aria-expanded="isMenuOpen"
                        :aria-label="isMenuOpen ? 'Close Menu' : 'Open Menu'">
                        <svg x-show="!isMenuOpen" xmlns="http://www.w3.org/2000/svg" class="size-10" fill="none"
                            viewBox="0 0 24 24" stroke="currentColor" x-cloak>
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M4 6h16M4 12h16M4 18h16" />
                        </svg>
                        <svg x-show="isMenuOpen" xmlns="http://www.w3.org/2000/svg" class="size-10" fill="none"
                            viewBox="0 0 24 24" stroke="currentColor" x-cloak>
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M6 18L18 6M6 6l12 12" />
                        </svg>
                    </button>
                </div>
            </div>

            <div x-show="isMenuOpen" x-cloak class="md:hidden pb-4" @click.away="isMenuOpen = false">
                <nav class="flex flex-col space-y-3">
                    <a href="/" class="mobile-nav-link" @click="isMenuOpen = false">
                        Home
                    </a>
                    <a href="/blog/" class="mobile-nav-link" @click="isMenuOpen = false">
                        Blog
                    </a>
                </nav>
            </div>
        </div>
    </div>
</header><main class="pb-12">
    <div class="bg-secondary-section-background py-6">
        <div class="relative mt-16">
            <section class="mb-12">
                <div class="text-center space-y-6">
                    <h1 class="page-heading">Play Free Big Shot Boxing Game Online</h1>
                    <p class="max-w-4xl mx-auto text-xl text-balance">
                        If you are a huge fan of retro fighting games and want to play one, try Big Shot Boxing. It is a simple fighting game with easy controls and smooth graphics. The game has pixel-style graphics, enabling it to run seamlessly on any PC or Laptop.
                    </p>
                    <p class="text-lg">⭐ Rated 4.9 - 41.1k 🎮 players</p>
                </div>

            </section>

            <section x-data="{
                        currentUrl: 'https://embed.bigshotboxinggame.com/big-shot-boxing-main/',
                        isFullscreen: false,
                        showConfirmDialog: false,
                        showControlsModal: false,
                        actionType: '',
                        targetUrl: '',
                        isPageLoaded: false,
                        init() {
                            this.showControlsModal = false;
                            this.showConfirmDialog = false;
                            window.addEventListener('load', () => {
                                this.isPageLoaded = true;
                            });
                        },
                        async changeGameUrl(url) {
                            this.showConfirmDialog = true;
                            this.actionType = 'change';
                            this.targetUrl = url;
                        },
                        async reloadGame() {
                            this.showConfirmDialog = true;
                            this.actionType = 'reload';
                        },
                        async confirmAction() {
                            if (this.actionType === 'change') {
                                this.currentUrl = this.targetUrl;
                            } else if (this.actionType === 'reload') {
                                const iframe = document.getElementById('game-iframe');
                                iframe.src = this.currentUrl;
                            }
                            this.showConfirmDialog = false;
                        },
                        goFullscreen() {
                            const iframe = document.getElementById('game-iframe');
                            if (iframe.requestFullscreen) {
                              iframe.requestFullscreen();
                            } else if (iframe.webkitRequestFullscreen) {
                              iframe.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
                            } else if (iframe.msRequestFullscreen) {
                              iframe.msRequestFullscreen();
                            }
                          }
                    }">
                <div class="relative group">
                    <iframe id="game-iframe" :src="isPageLoaded ? currentUrl : ''" loading="lazy"
                        class="game-player relative z-10 " title="Big Shot Boxing" allowfullscreen></iframe>
                </div>

                <div class="flex items-center flex-col sm:flex-row justify-between gap-4 mt-6">
                    <div class="flex flex-wrap gap-3 items-center justify-center">
                    </div>
                    <div class="flex flex-wrap gap-3 items-center justify-center">
                        <button @click="showControlsModal = true" class="button-primary">
                            Controls
                        </button>
                        <button @click="reloadGame()" aria-label="Reload Game" class="button-secondary">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                stroke="currentColor" class="size-6">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
                            </svg>
                        </button>
                        <button @click="goFullscreen()" aria-label="View Fullscreen" class="button-secondary">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                stroke="currentColor" class="size-6">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" />
                            </svg>
                        </button>
                        <div x-data="{ isSocialShareOpen: false }" class="relative">
                            <button
                                    @click="isSocialShareOpen = !isSocialShareOpen"
                                    class="social-share-button"
                                    aria-label="Share It"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     class="size-6"
                                     viewBox="0 0 20 20"
                                     fill="currentColor"
                                >
                                    <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"/>
                                </svg>
                            </button>
                        
                            <div
                                    x-show="isSocialShareOpen"
                                    x-cloak
                                    @click="isSocialShareOpen = false"
                                    class="fixed inset-0 z-50 bg-black bg-opacity-50 transition-opacity"
                                    x-transition:enter="ease-out duration-300"
                                    x-transition:enter-start="opacity-0"
                                    x-transition:enter-end="opacity-100"
                                    x-transition:leave="ease-in duration-200"
                                    x-transition:leave-start="opacity-100"
                                    x-transition:leave-end="opacity-0"
                            ></div>
                        
                            <div
                                    x-show="isSocialShareOpen"
                                    x-cloak
                                    class="fixed inset-0 z-50 flex items-center justify-center p-4"
                                    x-transition:enter="ease-out duration-300"
                                    x-transition:enter-start="opacity-0 scale-95"
                                    x-transition:enter-end="opacity-100 scale-100"
                                    x-transition:leave="ease-in duration-200"
                                    x-transition:leave-start="opacity-100 scale-100"
                                    x-transition:leave-end="opacity-0 scale-95"
                            >
                                <div class="relative w-full max-w-xs p-4 bg-muted text-muted-foreground rounded-md rounded-tr-none shadow-xl">
                                    <button @click="isSocialShareOpen = false"
                                            class="absolute -top-8 right-0 p-1 rounded-md rounded-b-none bg-muted text-muted-foreground focus:outline-none"
                                            aria-label="Close Menu"
                                    >
                                        <svg class="size-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                                        </svg>
                                    </button>
                        
                                    <div class="grid grid-cols-3 gap-4">
                                        <a
                                                href="https://www.linkedin.com/sharing/share-offsite?mini&#x3D;true&amp;url&#x3D;https%3A%2F%2Fbigshotboxinggame.com%2F&amp;title&#x3D;Play%20Big%20Shot%20Boxing%20Official%20Game%20Online&amp;summary&#x3D;Play%20Big%20Shot%20Boxing%20Official%20Game%20Online"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#006699] rounded-md hover:bg-[#005580] transition-colors"
                                                title="Share on LinkedIn"
                                        >
                                            <svg class="size-6"
                                                 viewBox="0 0 24 24"
                                                 fill="currentColor"
                                            >
                                                <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://www.facebook.com/sharer/sharer.php?u&#x3D;https%3A%2F%2Fbigshotboxinggame.com%2F"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#337FFF] rounded-md hover:bg-[#2b6cd9] transition-colors"
                                                title="_shareOnFacebook"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://x.com/intent/post?text&#x3D;Play%20Big%20Shot%20Boxing%20Official%20Game%20Online&amp;url&#x3D;https%3A%2F%2Fbigshotboxinggame.com%2F"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-black rounded-md hover:bg-stone-800 transition-colors"
                                                title="_shareOnX"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://wa.me/?text&#x3D;Play%20Big%20Shot%20Boxing%20Official%20Game%20Online%20https%3A%2F%2Fbigshotboxinggame.com%2F"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#00D95F] rounded-md hover:bg-[#00c055] transition-colors"
                                                title=""
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://t.me/share/url?url&#x3D;https%3A%2F%2Fbigshotboxinggame.com%2F&amp;text&#x3D;Play%20Big%20Shot%20Boxing%20Official%20Game%20Online"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#34AADF] rounded-md hover:bg-[#2d95c2] transition-colors"
                                                title="Share on Telegram"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.563 8.994l-1.791 8.425c-.127.585-.456.732-.925.456l-2.555-1.883-1.233 1.188c-.136.136-.255.255-.511.255l.361-2.29 4.735-4.275c.19-.181-.042-.282-.293-.101l-5.85 3.69-2.52-.789c-.546-.17-.556-.546.121-.82l9.684-3.73c.456-.17.855.101.711.82z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://www.reddit.com/submit?url&#x3D;https%3A%2F%2Fbigshotboxinggame.com%2F&amp;title&#x3D;Play%20Big%20Shot%20Boxing%20Official%20Game%20Online"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#FF4500] rounded-md hover:bg-[#e63e00] transition-colors"
                                                title="Share on Reddit"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://pinterest.com/pin/create/button/?url&#x3D;https%3A%2F%2Fbigshotboxinggame.com%2F&amp;description&#x3D;Play%20Big%20Shot%20Boxing%20Official%20Game%20Online"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#E60023] rounded-md hover:bg-[#cc001f] transition-colors"
                                                title="Share on Pinterest"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"/>
                                            </svg>
                                        </a>
                        
                                        <a
                                                href="https://www.tumblr.com/widgets/share/tool?canonicalUrl&#x3D;https%3A%2F%2Fbigshotboxinggame.com%2F&amp;title&#x3D;Play%20Big%20Shot%20Boxing%20Official%20Game%20Online"
                                                target="_blank"
                                                rel="noopener noreferrer"
                                                class="flex items-center justify-center p-3 text-white bg-[#001935] rounded-md hover:bg-[#00152b] transition-colors"
                                                title="_shareOnTumblr"
                                        >
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M19.3 16.8c.6 1.8 1.3 3.3 2.3 4.5 1 .9 2.1 1.7 3.4 2.3-.3.2-.6.3-.9.5-.3.1-.6.2-.9.3-.3 0-.6.1-1 .1-.3 0-.6 0-.9-.1-.3 0-.6-.1-.9-.2-.3-.1-.6-.2-.8-.4-.2-.2-.4-.4-.6-.6-.2-.2-.3-.5-.4-.8-.1-.3-.2-.6-.2-1v-7.1h4.7v-3.2h-4.7V0h-3.2c-.2.3-.4.6-.5.9-.1.3-.2.6-.3.9 0 .3-.1.6-.1.9v2.7h-3.2v3.2h3.2v8.1c0 .6.1 1.2.2 1.7.1.6.3 1.1.5 1.7.2.5.5 1 .8 1.4.3.4.7.8 1.1 1.1.4.3.9.6 1.4.8.5.2 1.1.4 1.7.5.6.1 1.2.2 1.8.2.5 0 1 0 1.5-.1.5-.1.9-.2 1.4-.3.4-.2.8-.3 1.2-.5.4-.2.7-.4 1-.6z"/>
                                            </svg>
                                        </a>
                        
                                        <a href="/cdn-cgi/l/email-protection#08377b7d6a626d6b7c2e2b703b4c33586469712d3a384a616f2d3a385b60677c2d3a384a677061666f2d3a38476e6e616b6169642d3a384f69656d2d3a3847666461666d2e696578336a676c712e2b703b4c33607c7c787b2d3b492d3a4e2d3a4e6a616f7b60677c6a677061666f6f69656d266b67652d3a4e" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center p-3 text-white bg-stone-600 rounded-md hover:bg-stone-700 transition-colors" title="_shareOnEmail">
                                            <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M0 3v18h24v-18h-24zm21.518 2l-9.518 7.713-9.518-7.713h19.036zm-19.518 14v-11.817l10 8.104 10-8.104v11.817h-20z"/>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div x-show="showConfirmDialog" x-cloak
                    class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
                    <div class="dialog-card max-w-md w-full mx-4 shadow-2xl">
                        <strong class="block text-2xl font-bold mb-4">
                            Confirm Action
                        </strong>
                        <p class="mb-6" x-text="actionType === 'change' ? 'Are you sure you want to change the game?' : 'Are you sure you want to reload the game?'">
                        </p>
                        <div class="flex justify-end space-x-4">
                            <button @click="showConfirmDialog = false" class="button-muted">
                                Cancel
                            </button>
                            <button @click="confirmAction()" class="button-secondary">
                                Confirm
                            </button>
                        </div>
                    </div>
                </div>

                <div x-show="showControlsModal" x-cloak
                    class="fixed inset-0 bg-black/90 bg-opacity-50 flex items-center justify-center z-50"
                    x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200"
                    x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
                    <div class="dialog-card shadow-2xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-y-auto"
                        x-show="showControlsModal" x-cloak x-transition:enter="transition ease-out duration-300"
                        x-transition:enter-start="opacity-0 transform scale-95"
                        x-transition:enter-end="opacity-100 transform scale-100"
                        x-transition:leave="transition ease-in duration-200"
                        x-transition:leave-start="opacity-100 transform scale-100"
                        x-transition:leave-end="opacity-0 transform scale-95" @click.away="showControlsModal = false">
                        <div class="flex items-end justify-end">
                            <button @click="showControlsModal = false"
                                class="bg-primary text-primary-foreground rounded-md">
                                <svg xmlns="http://www.w3.org/2000/svg" class="size-8" fill="none" viewBox="0 0 24 24"
                                    stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        d="M6 18L18 6M6 6l12 12" />
                                </svg>
                            </button>
                        </div>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                            <div>
                                <strong class="block text-2xl font-semibold mb-6">
                                    Desktop
                                </strong>
                                <ul class="space-y-4">
                                    <li class="space-y-2 about-card">
                                        <strong class="block font-bold shrink-0">
                                            Left Arrow
                                        </strong>
                                        <span class="block">
                                            Cross
                                        </span>
                                    </li>
                                    <li class="space-y-2 about-card">
                                        <strong class="block font-bold shrink-0">
                                            Right Arrow
                                        </strong>
                                        <span class="block">
                                            Jab
                                        </span>
                                    </li>
                                    <li class="space-y-2 about-card">
                                        <strong class="block font-bold shrink-0">
                                            X
                                        </strong>
                                        <span class="block">
                                            Uppercut
                                        </span>
                                    </li>
                                    <li class="space-y-2 about-card">
                                        <strong class="block font-bold shrink-0">
                                            Z
                                        </strong>
                                        <span class="block">
                                            Block
                                        </span>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <strong class="block text-2xl font-semibold mb-6">
                                    Mobile
                                </strong>
                                <ul class="space-y-4">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </div>
    </div>


    <section class="my-12">
        <div class="info-card space-y-4" style="clip-path: none;">
            <p class="text-xl">The Android version of the game is also available for the fans. However, if you are interested in playing it online without any downloading and installation processes, tap on the Play button and enjoy it. It is completely free, and we are not charging a penny from the players.</p>
            <p class="text-xl">Whether you are a casual gamer or a gaming enthusiast, BSB offers fun for everyone. It gives you a mixture of strategy, action, and fun. However, if you have not tried the game before and don&#x27;t know about the gameplay, its controls, or other attributes, then read the article till the end.</p>
        </div>
    </section>

    <div class="bg-secondary-section-background py-12 ">
        <section>
            <div class="space-y-6">
                <h2 class="section-heading text-left">
                    Game Information
                </h2>

                <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4">
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Category</h3>
                            <p class="font-normal text-base line-clamp-1">
                                Fighting, Arcade
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Developer</h3>
                            <p class="font-normal text-base line-clamp-1">
                                
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Technology</h3>
                            <p class="font-normal text-base line-clamp-1">
                                HTML5
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Platform</h3>
                            <p class="font-normal text-base line-clamp-1">
                                Web Browser
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Supported Devices</h3>
                            <p class="font-normal text-base line-clamp-1">
                                Web Browser (desktop, tablet, mobile)
                            </p>
                        </div>
                    </div>
                    <div class="info-card space-y-2 relative">

                        <div>
                            <h3 class="line-clamp-1 text-xl font-bold !mt-0">Release Date</h3>
                            <p class="font-normal text-base line-clamp-1">
                                2017
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <div class="bg-secondary-section-background ">
        <section class="w-full flex justify-center items-center mb-20 p-4 relative top-12">
            <div class="w-fit md:max-w-5xl grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-4">
                <a href="#about" class="button-secondary text-center text-2xl">
                    About
                </a>
                <a href="#features" class="button-secondary text-center text-2xl">
                    Features
                </a>
                <a href="#howto" class="button-secondary text-center text-2xl">
                    How to Play
                </a>
                <a href="#faqs" class="button-secondary text-center text-2xl">
                    FAQs
                </a>
                <a href="#conclusion" class="button-secondary text-center text-2xl">
                    Conclusion
                </a>
            </div>
        </section>
    </div>

    <section id="about" class="mb-12">
        <div class="space-y-6">
            <h2 class="card-section-heading">Big Shot Boxing Game Overview</h2>
            <div class="space-y-4 text-xl text-center">
                <p class="text-xl">Big Shot Boxing is a free online arcade game. Players are supposed to control a boxer in the match and make him win. They can attack their opponents with a jab, a cross punch, a hook, and an uppercut. Moreover, players can try different combos to KO their rival quickly.</p>
                <p class="text-xl">The game uses realistic physics-based mechanics to determine the movement of fighters in the game. Also, while delivering the punches, fighters can move in different directions to dodge the attack of their opponent. However, players cannot control the movement of their fighter.</p>
                <p class="text-xl">BSB features a four-button control system. Therefore, players cannot play the online browser version of the game on their touch screens. However, there is an Android version of the game available in the Play Store. So, the fans can try it on their Android smartphones or tablets.</p>
                <p class="text-xl">There are two game modes, Quick Match and Career. Also, you can fight as a Retired boxer or a professional one. At the beginning of the game, you will be asked to select a game mode as well as a fighter. However, some fighters are in the pro category, and some are completely free.</p>
            </div>
        </div>
    </section>

    <div class="bg-secondary-section-background py-12 mb-12">
        <section id="features">
            <h2 class="section-heading">Game Features</h2>
            <p class="mt-2 desc-before">There are so many interesting features that Big Shot Boxing offers to its players. So, if you want to know about those, read below.</p>
            <div class="grid relative overflow-hidden mt-6 gap-6">
                <div class="flex items-center flex-col md:flex-row gap-10">
                    <div class="bg-secondary w-20 h-20 flex items-center cut-pattern justify-center"><span
                            class="text-3xl font-semibold text-secondary-foreground">1</span></div>
                    <div class="feature-card space-y-4 flex-1">
                        <div class="space-y-2">
                            <h3 class="text-2xl text-secondary font-semibold">
                                Quick Match
                            </h3>
                            <p class="text-card-foreground text-xl">Tap on the Quick Match button to start the game directly. This is a game mode which allows you to start a game randomly and fight with any boxer you want to.</p>
                        </div>
                    </div>
                </div>
                <div class="flex items-center flex-col md:flex-row gap-10">
                    <div class="bg-secondary w-20 h-20 flex items-center cut-pattern justify-center"><span
                            class="text-3xl font-semibold text-secondary-foreground">2</span></div>
                    <div class="feature-card space-y-4 flex-1">
                        <div class="space-y-2">
                            <h3 class="text-2xl text-secondary font-semibold">
                                Customization
                            </h3>
                            <p class="text-card-foreground text-xl">Players can unlock different outfits, fighters, and other options. Moreover, they can apply different outfits and boxing gloves on their boxers. Most of the boxes are free to unlock.</p>
                        </div>
                    </div>
                </div>
                <div class="flex items-center flex-col md:flex-row gap-10">
                    <div class="bg-secondary w-20 h-20 flex items-center cut-pattern justify-center"><span
                            class="text-3xl font-semibold text-secondary-foreground">3</span></div>
                    <div class="feature-card space-y-4 flex-1">
                        <div class="space-y-2">
                            <h3 class="text-2xl text-secondary font-semibold">
                                Diverse Game Modes
                            </h3>
                            <p class="text-card-foreground text-xl">There are multiple game modes with different conditions and challenges. So, the modes include Quick Matches, Career, Retire Boxer, and Hall of Fame. Players can pick boxers who are retired in Retire Boxer Mode, and in the Hall of Fame, they get all-time best boxers.</p>
                        </div>
                    </div>
                </div>
                <div class="flex items-center flex-col md:flex-row gap-10">
                    <div class="bg-secondary w-20 h-20 flex items-center cut-pattern justify-center"><span
                            class="text-3xl font-semibold text-secondary-foreground">4</span></div>
                    <div class="feature-card space-y-4 flex-1">
                        <div class="space-y-2">
                            <h3 class="text-2xl text-secondary font-semibold">
                                Free to Play
                            </h3>
                            <p class="text-card-foreground text-xl">The game is completely free to play. There is a Play button given on the page for players who want to play it online. Furthermore, there are some boxers that players can unlock by paying in-game money.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <section class="mb-12" id="howto">
        <div>
            <h2 class="card-section-heading">How to Play?</h2>
            <div class="mb-6 mt-3 space-y-3 text-center">
                <p class="desc-before">To play the Big Shot Boxing on your PC or a Laptop, tap on the Play button. The game is given on our page, which you can play live and online. So you don&#x27;t need to go anywhere else to play it.</p>
            </div>
            <ol class="space-y-3 text-center text-xl">
            </ol>
        </div>
    </section>


    <section id="faqs" class="mb-12">
        <div class="space-y-6" itemscope itemtype="http://schema.org/FAQPage">
            <h2 class="section-heading">Frequently Asked Questions</h2>
            <div class="grid gap-6">
                <div class="faq-card" itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
                    id="faq-item">
                    <button class="w-full text-left" id="faq-trigger">
                        <strong class="block text-lg font-semibold" itemprop="name">
                            Is Big Shot Boxing a free game to play?
                        </strong>
                    </button>
                    <div itemprop="acceptedAnswer" class="max-h-0 h-full overflow-hidden transition-all duration-400"
                        itemscope itemtype="http://schema.org/Answer" id="faq-answer">
                        <p itemprop="text" class="mt-4">Yes, it is a free game.</p>
                    </div>
                </div>
                <div class="faq-card" itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
                    id="faq-item">
                    <button class="w-full text-left" id="faq-trigger">
                        <strong class="block text-lg font-semibold" itemprop="name">
                            Are all the boxers in the game free to unlock?
                        </strong>
                    </button>
                    <div itemprop="acceptedAnswer" class="max-h-0 h-full overflow-hidden transition-all duration-400"
                        itemscope itemtype="http://schema.org/Answer" id="faq-answer">
                        <p itemprop="text" class="mt-4">Most of the boxers in Big Shot Boxing are free to unlock. But for some boxers, you must pay the in-game coins.</p>
                    </div>
                </div>
                <div class="faq-card" itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
                    id="faq-item">
                    <button class="w-full text-left" id="faq-trigger">
                        <strong class="block text-lg font-semibold" itemprop="name">
                            Is it a multiplayer game?
                        </strong>
                    </button>
                    <div itemprop="acceptedAnswer" class="max-h-0 h-full overflow-hidden transition-all duration-400"
                        itemscope itemtype="http://schema.org/Answer" id="faq-answer">
                        <p itemprop="text" class="mt-4">No, it is a single-player game.</p>
                    </div>
                </div>
                <div class="faq-card" itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
                    id="faq-item">
                    <button class="w-full text-left" id="faq-trigger">
                        <strong class="block text-lg font-semibold" itemprop="name">
                            Can I play the game offline?
                        </strong>
                    </button>
                    <div itemprop="acceptedAnswer" class="max-h-0 h-full overflow-hidden transition-all duration-400"
                        itemscope itemtype="http://schema.org/Answer" id="faq-answer">
                        <p itemprop="text" class="mt-4">No, it requires an internet connection.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="conclusion">
        <div class="space-y-6">
            <h2 class="card-section-heading">Conclusion</h2>
            <div class="space-y-4">
                <p class="text-xl text-center">Big Shot Boxing is a game made for boxing enthusiasts. It allows them to play their favourite sport without getting hurt in real life. Players can engage in a boxing match against AI fighters and knock them out with perfect punches. The simple graphics and convenient game controls make the game more joyful for the players.</p>
            </div>
        </div>
    </section>
</main><footer class="bg-footer-background text-footer-foreground">
    <div class="container mx-auto px-4 py-16">
        <div class="grid grid-cols-1 gap-12">
            <div class="space-y-4">
                <div class="flex items-center space-x-3">
                    <div>
                        <img src="/big_shot_boxing_icon.webp"
                             alt="Big Shot Boxing"
                             class="logo-image"
                        >
                    </div>
                    <strong class="block text-xl font-bold">Big Shot Boxing</strong>
                </div>
                <p class="leading-relaxed">Big Shot Boxing is a Free online Game, where you can punch, dodge, and use different combos to KO your opponent.</p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
                <div>
                    <strong class="block text-xl font-bold mb-6 text-footer-foreground">Quick Links</strong>
                    <ul class="space-y-3">
                        <li>
                            <a href="/about/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                About Us
                            </a>
                        </li>
                        <li>
                            <a href="/contact/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                Contact Us
                            </a>
                        </li>
                        <li>
                            <a href="/privacy-policy/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                Privacy Policy
                            </a>
                        </li>
                        <li>
                            <a href="/terms/"
                               target="_self"
                               class="text-footer-link transition-all hover:text-white duration-300 flex items-center">
                                Terms &amp; Conditions
                            </a>
                        </li>
                    </ul>
                </div>

                <div>
                    <strong class="block text-xl font-bold mb-6 text-footer-foreground">Follow Us</strong>
                    <div class="flex gap-4 flex-wrap">
                        <a href="#"
                           target="_blank"
                           aria-label="Join our Facebook community"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Facebook
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Follow us on X for updates"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            X
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join TikTok"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            TikTok
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Watch gameplay videos and tutorials"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Youtube
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join discussions on Reddit"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Reddit
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="View game screenshots and art"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Instagram
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join Threads"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Threads
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join Tumblr"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Tumblr
                        </a>
                        <a href="#"
                           target="_blank"
                           aria-label="Join Pinterest"
                           class="p-3 bg-secondary text-secondary-foreground rounded-2xl hover:bg-footer-foreground hover:text-footer-background transition-colors duration-300"
                        >
                            Pinterest
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="border-t border-footer-foreground mt-16 pt-8">
            <p class="text-footer-foreground text-sm">Copyright &copy; 2024 - 2025. All rights reserved.</p>
        </div>
    </div>
</footer>
<button id="back-to-top"
        onclick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' })"
        title="Back to Top"
>
    <svg xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24"
         stroke-width="1.5"
         stroke="currentColor"
         class="size-5"
    >
        <path stroke-linecap="round"
              stroke-linejoin="round"
              d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"/>
    </svg>
</button><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    document.addEventListener("DOMContentLoaded", () => {
        document.querySelectorAll("#faq-item").forEach((faqItem) => {
            let faqTrigger = faqItem.querySelector("#faq-trigger");
            let faqAnswer = faqItem.querySelector("#faq-answer");

            faqTrigger.addEventListener("click", () => {
                if (faqAnswer.classList.contains("active")) {
                    faqAnswer.classList.remove("max-h-screen");
                    faqAnswer.classList.remove("active");
                } else {
                    faqAnswer.classList.add("max-h-screen");
                    faqAnswer.classList.add("active");
                }
            });
        });
    });
</script></body>
</html>