diff --git a/resources/css/base/swiper.css b/resources/css/base/swiper.css
new file mode 100644
index 0000000..9c5bf57
--- /dev/null
+++ b/resources/css/base/swiper.css
@@ -0,0 +1,16 @@
+:root {
+  --swiper-pagination-bullet-border-radius: 0;
+  --swiper-pagination-bullet-height: 2px;
+  --swiper-pagination-bullet-width: 30px;
+  --swiper-pagination-bullet-horizontal-gap: 10px;
+  --swiper-theme-color: var(
+    --wp--preset--color--primary
+  ) !important;
+  --swiper-pagination-color: var(
+    --color-primary
+  ) !important;
+}
+
+.swiper-pagination-bullet {
+  @apply bg-primary;
+}