Update frontend/src/components/progressbar.tsx

frontend/src/components/progressbar.tsx

@@ -22,9 +22,9 @@ export function ProgressBar({ currentStep }: ProgressBarProps) {
               <div
                 className={`w-12 h-12 rounded-full flex items-center justify-center text-white font-semibold transition-all duration-300 ${
                   currentStep > step.index
-                    ? "bg-gradient-to-r from-blue-800 to-teal-600"
+                    ? "bg-gradient-to-r from-teal-500 to-teal-700"
                     : currentStep === step.index
-                    ? "bg-gradient-to-r from-blue-600 to-teal-500"
+                    ? "bg-gradient-to-r from-teal-600 to-blue-700"
                     : "bg-gray-300 text-gray-600"
                 }`}
               >
@@ -48,7 +48,7 @@ export function ProgressBar({ currentStep }: ProgressBarProps) {
               <div
                 className={`h-1 w-32 mx-4 rounded-full transition-all duration-300 ${
                   currentStep > step.index
-                    ? "bg-gradient-to-r from-blue-800 to-teal-600"
+                    ? "bg-gradient-to-r from-teal-500 via-teal-600 to-blue-600"
                     : "bg-gray-300"
                 }`}
               />
@@ -58,4 +58,4 @@ export function ProgressBar({ currentStep }: ProgressBarProps) {
       </div>
     </div>
   );
-}
+}