diff --git a/resources/css/libs/swiper.css b/resources/css/libs/swiper.css
index 6daf633..6a8dcf3 100644
--- a/resources/css/libs/swiper.css
+++ b/resources/css/libs/swiper.css
@@ -41,6 +41,13 @@
       @apply scale-105;
     }
   }
+  .swiper-button-prev:has(svg),
+  .swiper-button-next:has(svg) {
+    @apply p-0 border-none w-24 h-24;
+    &:after {
+      @apply hidden;
+    }
+  }
 }
 .swiper-wrapper {
   @apply mb-4 block lg:flex;
diff --git a/resources/img/elements/carhop-slider-next.svg b/resources/img/elements/carhop-slider-next.svg
new file mode 100644
index 0000000..af99924
--- /dev/null
+++ b/resources/img/elements/carhop-slider-next.svg
@@ -0,0 +1,4 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="50" cy="50" r="49" transform="rotate(-180 50 50)" stroke="#136F63" stroke-width="2"/>
+<path d="M41 70L60 50.5517L41 30" stroke="#136F63" stroke-width="2"/>
+</svg>
diff --git a/resources/img/elements/carhop-slider-previous.svg b/resources/img/elements/carhop-slider-previous.svg
new file mode 100644
index 0000000..292df52
--- /dev/null
+++ b/resources/img/elements/carhop-slider-previous.svg
@@ -0,0 +1,4 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="50" cy="50" r="49" stroke="#136F63" stroke-width="2"/>
+<path d="M59 30L40 49.4483L59 70" stroke="#136F63" stroke-width="2"/>
+</svg>