everything semi working before sample implementation

resources/views/murals.blade.php

@@ -229,15 +229,15 @@
         <div class="container">
             <h2>About Our Murals</h2>
             <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 2rem;">
-                <div style="background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
+                <div class="card">
                     <h4 style="color: var(--primary-color); margin-bottom: 1rem;">Custom Dimensions</h4>
                     <p>Order murals in any size. Simply provide your width and height measurements, and we'll print to exact specifications.</p>
                 </div>
-                <div style="background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
+                <div class="card">
                     <h4 style="color: var(--primary-color); margin-bottom: 1rem;">Non-Repeating Design</h4>
                     <p>Unlike wallpapers, murals are single cohesive images perfect for accent walls. One stunning focal point for your space.</p>
                 </div>
-                <div style="background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
+                <div class="card">
                     <h4 style="color: var(--primary-color); margin-bottom: 1rem;">Premium Quality</h4>
                     <p>High-resolution printing with vibrant colors and excellent durability. Professional installation guides included.</p>
                 </div>