From 48468eac7fe9d4a9a1e88975157310203da96fc1 Mon Sep 17 00:00:00 2001
From: Prakash Kumar <pgcet601@gmail.com>
Date: Thu, 29 Jan 2026 13:13:37 +0530
Subject: [PATCH] fix: fix hero section titleText sizing on smaller screens

---
 .../Home/components/Banner/index.module.css   | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/pages/Home/components/Banner/index.module.css b/src/pages/Home/components/Banner/index.module.css
index ad7b94d99..c9ff56091 100644
--- a/src/pages/Home/components/Banner/index.module.css
+++ b/src/pages/Home/components/Banner/index.module.css
@@ -68,6 +68,36 @@
   opacity: 0.8;
 }
 
+@media (max-width: 1180px) {
+  .banner {
+    flex-direction: column;
+    padding: 32px 24px;
+    min-height: auto;
+    gap: 20px;
+  }
+
+  .titleText {
+    text-align: center;
+    font-size: 42px;
+    line-height: 1.1;
+  }
+
+  .descriptionText {
+    width: 80vw;
+    margin-top: 8px;
+  }
+
+  .buttonContainer {
+    margin-top: 24px;
+  }
+
+  .icon {
+    margin-right: 0;
+    width: 320px;
+    height: 320px;
+  }
+}
+
 @media (max-width: 767.99px) {
   .descriptionText {
     width: 90vw;