fix: align styles

components/MyPages/Blocks/Benefits/NextLevel/index.tsx

@@ -19,7 +19,7 @@ export default async function NextLevelBenefitsBlock({
   return (
     <section className={styles.container}>
       <header className={styles.header}>
-        <Title as="h4" level="h2" uppercase className={styles.title}>
+        <Title as="h3" level="h2" uppercase className={styles.title}>
           {title}
           {link && (
             <Link className={styles.link} href={link.href}>

components/MyPages/Blocks/Benefits/NextLevel/next.module.css

@@ -7,6 +7,7 @@
   display: flex;
   justify-content: space-between;
 }
+
 .cardContainer {
   display: grid;
   gap: 0.4rem;
@@ -16,6 +17,10 @@
   font-weight: 600;
 }
 
+.subtitle {
+  margin: 0;
+  font-size: 2rem;
+}
 .card {
   text-decoration: none;
   display: flex;