STYLE add new CSS for featured news block with responsive layout and styling adjustments

resources/css/blocks/featured-news.css

@@ -0,0 +1,33 @@
+.featured-news {
+  @apply bg-carhop-blue-50 py-20;
+
+  .swiper-actions-wrapper,
+  .swiper-pagination-fraction,
+  .swiper-pagination {
+    @apply px-4 md:px-20;
+  }
+
+  &__inner {
+    @apply max-w-screen-2xl mx-auto;
+  }
+
+  &__header {
+    @apply flex flex-col justify-center items-center gap-4;
+
+    .block-title {
+      @apply text-lg mb-3 font-bold tracking-bigbig uppercase nunito;
+    }
+
+    .block-subtitle {
+      @apply text-4xl md:text-5xl  font-normal uppercase text-center;
+      line-height: 1.2;
+    }
+  }
+  &__slider-content {
+    @apply py-16 pt-8 md:pt-16 2xl:pt-32 pb-0;
+  }
+}
+
+.our-collections + .featured-news {
+  margin-top: -40px !important;
+}