update

new-wishing.html

@@ -63,6 +63,10 @@
             flex: 1;
         }
 
+       .feature strong, .hero-text strong {
+    color: #A01515; /* Red color */
+}
+
         .hero-image img {
             width: 100%;
             height: auto;
@@ -313,7 +317,7 @@
             </div>
         </div>
 
-        <div class="feature-text animate-right">
+        <div class="333 animate-right">
             <p>
                 The New Year represents fresh beginnings and exciting possibilities.
                 At <strong>Bibhuti Solutions</strong>, we are excited to continue

product.html

@@ -30,11 +30,14 @@ body {
     display: flex;
     justify-content: space-between;
     padding: 40px;
+       border-bottom: 10px solid #A01515;;
+            border-bottom-left-radius:10px;
+            border-bottom-right-radius:10px;
 }
 
 .header-left h1 {
     font-size: 42px;
-    color: #0f3b5f;
+    color: #A01515;;
     line-height: 1.1;
 }
 
@@ -47,15 +50,13 @@ body {
     text-align: right;
 }
 
-.logo {
-    font-size: 40px;
-    font-weight: bold;
-    color: #b08d57;
+.logo img{
+   height: 100px;
 }
 
 .date {
     margin-top: 10px;
-    color: #0f3b5f;
+    color: #A01515;
 }
 
 /* HERO */
@@ -65,7 +66,7 @@ body {
     object-fit: cover;
 }
 strong{
-    color: #A01515;;
+    color: white;
 }
 /* CONTENT GRID */
 .content-grid {
@@ -78,7 +79,7 @@ strong{
 /* LEFT CONTENT */
 .content-left h2 {
     font-size: 32px;
-    color: #0f3b5f;
+    color: #bd2727;
     margin-bottom: 20px;
 }
 
@@ -97,7 +98,7 @@ strong{
 
 /* TOP NEWS CARD */
 .top-news {
-    background: #0f3b5f;
+    background: #A01515;;
     color: #fff;
     padding: 30px;
 }
@@ -126,7 +127,7 @@ strong{
 }
 
 .image-caption {
-    background: #0f3b5f;
+    background: #bd2727;
     color: #fff;
     padding: 15px;
     font-weight: bold;
@@ -134,11 +135,12 @@ strong{
 
 /* FOOTER */
 .footer {
-    background: #b08d57;
+    background: #E4A241;
     display: flex;
     align-items: center;
     padding: 20px 40px;
     color: #fff;
+    justify-content: center;
 }
 
 .footer .line {
@@ -152,18 +154,20 @@ strong{
     font-size: 20px;
     font-weight: bold;
 }
-/* ===============================
-   RESPONSIVE STYLES
-================================ */
+/* .content-right {
+    order: -1; 
+} */
+
+
 
 @media (max-width: 992px) {
 
-    .header {
-        flex-direction: column;
-        gap: 20px;
-        text-align: left;
-    }
-
+  .top-news p {
+    font-size: 24px;
+  }
+.top-news {
+    font-size: 34px;
+}
     .header-right {
         text-align: left;
     }
@@ -232,7 +236,7 @@ strong{
         </div>
 
         <div class="col-lg-6 header-right">
-            <div class="logo">A</div>
+            <div class="logo"><img src="./logo.png" alt=""></div>
             <p class="date">Friday, March 17, 2023</p>
         </div>
     </div>
@@ -291,10 +295,14 @@ strong{
     </div>
 
     <!-- FOOTER -->
-    <div class="footer">
-        <span class="line"></span>
-        <span class="page">01 / 02</span>
-    </div>
+    <!-- FOOTER -->
+    <footer class="footer animate-on-scroll">
+        <p>
+            
+            <strong>Team Bibhuti Solutions</strong><br>
+           
+        </p>
+    </footer>
 
 </div>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>