diff --git a/components/university/premium-animated-boy.tsx b/components/university/premium-animated-boy.tsx
index 724f9d8..199ea23 100644
--- a/components/university/premium-animated-boy.tsx
+++ b/components/university/premium-animated-boy.tsx
@@ -46,12 +46,12 @@ export const PremiumAnimatedBoy = ({
   }, [isJumping, isHappy, isIdle]);
 
   const isStrideB = stride % 2 === 1;
-  const currentVariant = isHappy
-    ? "happy"
-    : isJumping
-      ? jumpType === "running"
-        ? "running_jump"
-        : "standing_jump"
+  const currentVariant = isJumping
+    ? jumpType === "running"
+      ? "running_jump"
+      : "standing_jump"
+    : isHappy
+      ? "happy"
       : isIdle
         ? "idle"
         : isStrideB
diff --git a/components/university/university-flow-banner.tsx b/components/university/university-flow-banner.tsx
index 4822b87..0c51d56 100644
--- a/components/university/university-flow-banner.tsx
+++ b/components/university/university-flow-banner.tsx
@@ -306,35 +306,28 @@ export default function UniversityFlowBanner() {
                     <div className="flex-1 relative h-[70px] -mt-[35px] mx-[8px] z-0 pointer-events-none">
                       <AnimatePresence>
                         {jumpGap === index && (
-                          <motion.div
-                            initial={
-                              {
-                                maskPosition: "-80% 0%",
-                                WebkitMaskPosition: "-80% 0%",
-                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                              } as any
-                            }
-                            animate={
-                              {
-                                maskPosition: "100% 0%",
-                                WebkitMaskPosition: "100% 0%",
-                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                              } as any
-                            }
-                            exit={{ opacity: 0, transition: { duration: 0.1 } }}
-                            transition={{ duration: 0.5, ease: "linear" }}
-                            style={{
-                              maskImage:
-                                "linear-gradient(to right, transparent 0%, black 85%, transparent 100%)",
-                              WebkitMaskImage:
-                                "linear-gradient(to right, transparent 0%, black 85%, transparent 100%)",
-                              maskSize: "80% 100%",
-                              WebkitMaskSize: "80% 100%",
-                              maskRepeat: "no-repeat",
-                              WebkitMaskRepeat: "no-repeat",
-                            }}
-                            className="absolute inset-0 border-t-[3px] border-dashed border-blue-400/80 rounded-t-full shadow-[0_-4px_10px_rgba(59,130,246,0.2)]"
-                          />
+                          <svg
+                            className="absolute inset-0 h-full w-full overflow-visible pointer-events-none"
+                            preserveAspectRatio="none"
+                            viewBox="0 0 100 100"
+                          >
+                            <motion.path
+                              d="M 0 100 Q 50 -20 100 100"
+                              fill="none"
+                              stroke="currentColor"
+                              strokeWidth="3"
+                              strokeDasharray="6 6"
+                              vectorEffect="non-scaling-stroke"
+                              className="text-blue-400/80"
+                              initial={{ pathLength: 0 }}
+                              animate={{ pathLength: 1 }}
+                              exit={{
+                                opacity: 0,
+                                transition: { duration: 0.1 },
+                              }}
+                              transition={{ duration: 0.5, ease: "linear" }}
+                            />
+                          </svg>
                         )}
                       </AnimatePresence>
 
diff --git a/components/university/university-hero.tsx b/components/university/university-hero.tsx
index 4adf811..0b5892f 100644
--- a/components/university/university-hero.tsx
+++ b/components/university/university-hero.tsx
@@ -92,11 +92,11 @@ export default function UniversityHero() {
               </span>
             </a>
 
-            <div className="flex flex-wrap items-center justify-center gap-x-8 gap-y-3">
+            <div className="grid grid-cols-2 sm:flex sm:flex-wrap items-center justify-center gap-x-3 sm:gap-x-8 gap-y-3 w-full max-w-sm sm:max-w-none mx-auto">
               {features.map((feature, i) => (
-                <div key={i} className="flex items-center gap-2.5">
-                  <Check className="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
-                  <span className="text-[13px] font-medium text-slate-700 dark:text-slate-300">
+                <div key={i} className="flex items-center gap-2 sm:gap-2.5">
+                  <Check className="h-4 w-4 text-emerald-600 dark:text-emerald-400 shrink-0" />
+                  <span className="text-[12px] sm:text-[13px] font-medium text-slate-700 dark:text-slate-300 text-left">
                     {feature}
                   </span>
                 </div>