can you make the font for nagad clothing look more like the font on the logo image

index.html

@@ -8,9 +8,10 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
-        html, body {
+        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Bebas+Neue&display=swap');
+html, body {
             font-family: 'Montserrat', sans-serif;
             overflow-x: hidden;
             scroll-behavior: smooth;
@@ -75,7 +76,7 @@
     <!-- Hero Section -->
     <section class="min-h-screen flex items-center justify-center relative px-6">
         <div class="text-center max-w-4xl mx-auto">
-            <h1 class="text-5xl md:text-8xl font-bold mb-6 text-stroke uppercase tracking-tighter">Nagad Clothing</h1>
+            <h1 class="text-5xl md:text-8xl font-bold mb-6 text-stroke uppercase tracking-tighter" style="font-family: 'Bebas Neue', sans-serif;">Nagad Clothing</h1>
 <p class="text-lg md:text-xl mb-10 max-w-2xl mx-auto">Where faith meets urban culture. Inspired by scripture, driven by beats, designed for the streets.</p>
 <div class="flex flex-col md:flex-row justify-center gap-4">
                 <button class="bg-white text-black px-8 py-3 font-medium hover:bg-gray-200 hover-scale">Shop Now</button>