From ccd5d3b3521879cb48baee07c03f1851db968f12 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Wed, 17 Sep 2025 20:26:46 +0530
Subject: [PATCH] banner corrections updated

---
 public/assets/css/module-css/banner.css | 14 +++++++-------
 public/assets/css/style.css             |  8 +++++++-
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/public/assets/css/module-css/banner.css b/public/assets/css/module-css/banner.css
index 8fad39d..84cfe62 100644
--- a/public/assets/css/module-css/banner.css
+++ b/public/assets/css/module-css/banner.css
@@ -280,13 +280,13 @@
   position: relative;
   display: inline-block;
   font-weight: 400;
-  color: var(--secondary-color);
+  color: #bc0000;
 }
 
 .banner-carousel .content-box h2 span:before {
   position: absolute;
   content: '';
-  background: var(--secondary-color);
+  background: #bc0000;
   width: 100%;
   height: 4px;
   left: 0px;
@@ -753,16 +753,16 @@
 }
 
 @media screen and (min-width: 500px) and (max-width: 768px) {
-  .banner-slide:nth-child(1) .custom-content-box.mobile-style h2 {
-    font-size: 45px;
-    line-height: 1;
+  .banner-slide:nth-child(1) .custom-content-box.mobile-style, .custom-content-box.with-background,  h2 {
+    font-size: 50px !important;
+    line-height: 1 !important;
   }
 
-  .banner-slide:nth-child(1) .custom-content-box.mobile-style .upper-text {
+  .banner-slide:nth-child(1) .custom-content-box.mobile-style .upper-text, .custom-content-box.with-background .upper-text {
     font-size: 20px;
   }
 
-  .banner-slide:nth-child(1) .custom-content-box.mobile-style .theme-btn span {
+  .banner-slide:nth-child(1) .custom-content-box.mobile-style .theme-btn span, .custom-content-box.with-background .theme-btn span {
     font-size: 16px;
     padding: 15px 20px !important;
   }
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 7654421..380ce6c 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -3306,7 +3306,7 @@
    background: none;
  }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 768px) and (max-width: 1024px) {
   .custom-content-box.mobile-style {
     top: 190px;
     background: white;
@@ -3315,6 +3315,12 @@
   }
 }
 
+@media (min-width: 768px) and (max-width: 991px) {
+  .custom-content-box.with-background {
+    top: 170px;
+  }
+}
+
  @media (max-width: 425px) {
    .custom-content-box.mobile-style {
      /* background: white; */