make all the red borders of the blocks darker

about.html

@@ -110,12 +110,12 @@
                     </div>
                     
                     <!-- Value 2 -->
-                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 value-card">
-                        <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto">
-                            <i data-feather="heart" class="text-black text-2xl"></i>
+                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-700 value-card">
+                        <div class="w-16 h-16 bg-red-700 rounded-full flex items-center justify-center mb-6 mx-auto">
+<i data-feather="heart" class="text-black text-2xl"></i>
                         </div>
-                        <h3 class="text-2xl font-bold text-center mb-4 text-red-500">Empathy</h3>
-                        <p class="text-gray-300 text-center">
+                        <h3 class="text-2xl font-bold text-center mb-4 text-red-700">Empathy</h3>
+<p class="text-gray-300 text-center">
                             We understand our users' challenges and design solutions that truly meet their needs.
                         </p>
                     </div>

events.html

@@ -130,11 +130,11 @@ Register Now
                     </div>
 
                     <!-- Event 2 -->
-                    <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-red-500 p-6 transition duration-300 event-card">
-                        <div class="flex justify-between items-start mb-4">
-                            <span class="bg-red-500 text-black px-3 py-1 rounded-full text-sm font-bold">WEBINAR</span>
-                            <span class="text-red-500">MAR 20</span>
-                        </div>
+                    <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-red-700 p-6 transition duration-300 event-card">
+<div class="flex justify-between items-start mb-4">
+                            <span class="bg-red-700 text-black px-3 py-1 rounded-full text-sm font-bold">WEBINAR</span>
+                            <span class="text-red-700">MAR 20</span>
+</div>
                         <h4 class="text-xl font-bold mb-2">VR Performance Training</h4>
                         <p class="text-gray-400 mb-4">Discover how VR can enhance your mental preparation and performance.</p>
                         <div class="flex items-center text-gray-300 text-sm mb-4">

index.html

@@ -262,12 +262,12 @@
                 </div>
                 
                 <!-- Feature 2 -->
-                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 transform hover:scale-105 transition">
-                    <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto">
-                        <i data-feather="layers" class="text-black text-2xl"></i>
+                <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-700 transform hover:scale-105 transition">
+                    <div class="w-16 h-16 bg-red-700 rounded-full flex items-center justify-center mb-6 mx-auto">
+<i data-feather="layers" class="text-black text-2xl"></i>
                     </div>
-                    <h3 class="text-2xl font-bold text-center mb-4 text-red-500">AR Training</h3>
-                    <p class="text-gray-300 text-center">
+                    <h3 class="text-2xl font-bold text-center mb-4 text-red-700">AR Training</h3>
+<p class="text-gray-300 text-center">
                         Augmented reality overlays provide real-time feedback on posture, breathing, and movement during your practice sessions.
                     </p>
                 </div>
@@ -369,14 +369,14 @@
             </p>
             <div class="max-w-xl mx-auto">
 <!-- Subscription Plan -->
-                <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-red-500 transform hover:scale-105 transition md:col-span-1">
-                    <h3 class="text-2xl font-bold text-center mb-4 text-red-500">Subscription Plan</h3>
+                <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-red-700 transform hover:scale-105 transition md:col-span-1">
+                    <h3 class="text-2xl font-bold text-center mb-4 text-red-700">Subscription Plan</h3>
 <div class="text-center mb-2">
                         <span class="text-sm font-bold text-green-400">7-DAY FREE TRIAL</span>
                     </div>
                     <div class="text-center mb-6">
-                        <span class="text-4xl font-bold text-red-500">$60</span>
-                        <span class="text-gray-400">/month</span>
+                        <span class="text-4xl font-bold text-red-700">$60</span>
+<span class="text-gray-400">/month</span>
                         <div class="text-sm text-gray-400">or $700/year (save $80) + add ons</div>
 </div>
 <ul class="space-y-3 mb-8">

results.html

@@ -225,8 +225,8 @@
             <p class="text-xl mb-12 max-w-2xl mx-auto text-gray-300">
                 Join our next competition and test your mental performance against others
             </p>
-            <button class="bg-gradient-to-r from-red-900 via-red-800 to-red-700 hover:from-red-800 hover:via-red-700 hover:to-red-600 text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg">
-                            Join Next Event
+                            <button class="bg-gradient-to-r from-red-900 via-red-800 to-red-700 hover:from-red-800 hover:via-red-700 hover:to-red-600 text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg">
+Join Next Event
             </button>
 </div>
     </section>