header correction updated

public/assets/css/main.css

@@ -146,14 +146,35 @@ html {
 
 /* Apply Inter to ALL text elements — exclude icon fonts */
 body,
-h1, h2, h3, h4, h5, h6,
+h1,
-p, a, div, li, ul, ol,
+h2,
-td, th, label, button,
+h3,
-input, textarea, select,
+h4,
-blockquote, figcaption, caption,
+h5,
-.navbar, .nav-link, .nav-item,
+h6,
-.section-title, .section-heading,
+p,
-.btn, .form-control {
+a,
+div,
+li,
+ul,
+ol,
+td,
+th,
+label,
+button,
+input,
+textarea,
+select,
+blockquote,
+figcaption,
+caption,
+.navbar,
+.nav-link,
+.nav-item,
+.section-title,
+.section-heading,
+.btn,
+.form-control {
   font-family: 'Inter', sans-serif !important;
 }
 
@@ -4350,7 +4371,7 @@ p.banner-text {
 
 .blog-style-one .post-meta {
   display: inline-flex;
-  gap: 26px;
+  gap: 5px;
 }
 
 .blog-style-one hr {
@@ -8400,3 +8421,43 @@ Animate wobble-vertical
   }
 
 }
+
+/* ==========================================================
+   STICKY HEADER — site-wide
+   Applied when user scrolls > 250px (via useSticky hook)
+   ========================================================== */
+.homepage1-body .header-sticky {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  z-index: 9999;
+  -webkit-animation: 0.5s ease-in-out 0s normal none 1 running stickyFadeDown;
+  animation: 0.5s ease-in-out 0s normal none 1 running stickyFadeDown;
+}
+
+.homepage1-body .header-sticky .row-bg3 {
+  background: #1a1f2b;
+  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
+}
+
+@keyframes stickyFadeDown {
+  0% {
+    opacity: 0;
+    transform: translateY(-100%);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Also handle generic sticky class for all pages */
+#header-sticky.header-sticky {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  z-index: 9999;
+}

src/app/globals.css

@@ -13406,12 +13406,12 @@ body {
 
   .main-menu-metatron ul li a {
     padding: 5px 5px;
-    font-size: 13px;
+    font-size: 12px;
   }
 
   header .vl-btn1 {
-    padding-left: 15px !important;
+    padding-left: 10px !important;
-    padding-right: 15px !important;
+    padding-right: 10px !important;
   }
 
   .main-menu-metatron ul li .submenu li a {
@@ -16695,7 +16695,6 @@ h4.service-details__dynamic-content-erp {
     left: 10px !important;
     top: -50px !important;
   }
-
   .counter-area-two__list {
     flex-wrap: wrap;
     justify-content: center;
@@ -16760,7 +16759,6 @@ h4.service-details__dynamic-content-erp {
   .choose-section .image.m-img {
     margin-top: 30px;
   }
-
     .card-1 {
     top: -20px;
     left: 50%;
@@ -18351,3 +18349,17 @@ h4.service-details__dynamic-content-erp {
 }
 
 }
+
+@media (min-width: 1025px) {
+
+  .blog-style-one .blog-content {
+    padding: 25px !important;
+  }
+
+  .blog-section-one .post-meta span {
+    margin-right: 0 !important;
+    font-size: 11px !important;
+    gap: 0 !important;
+  }
+
+}