diff --git a/.vscode/settings.json b/.vscode/settings.json
index 766f97d..dbda45a 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,5 +1,6 @@
 {
   "files.associations": {
     "*.mdx": "markdown"
-  }
+  },
+  "tailwindCSS.experimental.configFile": "src/styles/main.css"
 }
diff --git a/package.json b/package.json
index a5b9853..d90879c 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
@@ -17,40 +17,40 @@
   },
   "dependencies": {
     "@astrojs/check": "0.9.4",
-    "@astrojs/mdx": "4.2.1",
-    "@astrojs/react": "4.2.1",
+    "@astrojs/mdx": "4.2.3",
+    "@astrojs/react": "4.2.3",
     "@astrojs/rss": "4.0.11",
     "@astrojs/sitemap": "3.3.0",
-    "astro": "5.5.4",
+    "astro": "5.6.1",
     "astro-auto-import": "^0.4.4",
     "astro-font": "^1.0.0",
     "date-fns": "^4.1.0",
-    "disqus-react": "^1.1.5",
+    "disqus-react": "^1.1.6",
     "github-slugger": "^2.0.0",
     "gray-matter": "^4.0.3",
     "marked": "^15.0.7",
     "prop-types": "^15.8.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-icons": "^5.4.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-icons": "^5.5.0",
     "react-lite-youtube-embed": "^2.4.0",
     "remark-collapse": "^0.1.2",
     "remark-toc": "^9.0.0",
-    "swiper": "^11.2.4"
+    "swiper": "^11.2.6"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.0.6",
-    "@types/node": "22.13.4",
-    "@types/react": "19.0.9",
-    "@types/react-dom": "19.0.3",
-    "eslint": "^9.20.1",
-    "prettier": "^3.5.1",
+    "@tailwindcss/vite": "^4.1.3",
+    "@types/node": "22.14.0",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.1",
+    "eslint": "^9.24.0",
+    "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "sharp": "0.33.5",
-    "tailwindcss": "^4.0.6",
-    "typescript": "^5.7.3"
+    "tailwindcss": "^4.1.3",
+    "typescript": "^5.8.3"
   }
 }
diff --git a/src/styles/safe.css b/src/styles/safe.css
index 1f57516..39630bc 100644
--- a/src/styles/safe.css
+++ b/src/styles/safe.css
@@ -11,22 +11,11 @@ input#nav-toggle:checked ~ #nav-menu {
   @apply block;
 }
 
-/* form style */
-.form-input {
-  @apply w-full rounded border-transparent bg-light px-6 py-4 text-text-dark placeholder:text-text-light focus:border-primary dark:focus:border-darkmode-primary focus:ring-transparent dark:border-darkmode-border dark:bg-darkmode-light dark:text-darkmode-text-light;
-}
-
-.form-label {
-  @apply mb-4 block font-secondary text-xl font-normal text-text-dark dark:text-darkmode-text-light;
-}
-
 /* swiper pagination */
-.testimonial-slider-pagination {
-  .swiper-pagination-bullet {
-    @apply h-2.5 w-2.5 bg-light opacity-100 dark:bg-darkmode-light;
-  }
-
-  .swiper-pagination-bullet-active {
-    @apply h-4 w-4 bg-primary dark:bg-darkmode-primary;
-  }
+.swiper-pagination-bullet {
+  @apply !h-2.5 !w-2.5 !bg-light !opacity-100 dark:!bg-darkmode-light;
+}
+
+.swiper-pagination-bullet-active {
+  @apply !h-4 !w-4 !bg-primary dark:!bg-darkmode-primary;
 }
diff --git a/src/styles/utilities.css b/src/styles/utilities.css
index ff16f3b..fdc0821 100755
--- a/src/styles/utilities.css
+++ b/src/styles/utilities.css
@@ -1,3 +1,12 @@
 @utility bg-gradient {
   @apply bg-linear-to-b from-[rgba(249,249,249,1)] from-[0.53%] to-white to-[83.28%] dark:from-darkmode-light dark:to-darkmode-body;
 }
+
+/* form style */
+@utility form-input {
+  @apply w-full rounded border-transparent bg-light px-6 py-4 text-text-dark placeholder:text-text-light focus:border-primary dark:focus:border-darkmode-primary focus:ring-transparent dark:border-darkmode-border dark:bg-darkmode-light dark:text-darkmode-text-light;
+}
+
+@utility form-label {
+  @apply mb-4 block font-secondary text-xl font-normal text-text-dark dark:text-darkmode-text-light;
+}