diff --git a/resources/css/components/news-card.css b/resources/css/components/news-card.css
new file mode 100644
index 0000000..db75c1b
--- /dev/null
+++ b/resources/css/components/news-card.css
@@ -0,0 +1,27 @@
+.latest-news-swiper {
+  padding: 20px 40px;
+}
+
+.news-card {
+  @apply border-primary border;
+}
+
+.news-image img {
+  width: 100%;
+  height: 200px;
+  object-fit: cover;
+}
+
+.news-content {
+  padding: 15px;
+}
+
+.news-content h3 {
+  margin: 0 0 10px;
+  font-size: 1.2em;
+}
+
+.news-excerpt {
+  font-size: 0.9em;
+  color: #666;
+}