components/layout/header/Header2.js

@@ -22,7 +22,7 @@ export default function Header2({
             <ul className="info-list clearfix">
               <li>
                 <img src="/assets/images/icons/call.png" alt="Phone" style={{ marginRight: "8px" }} />
-                <Link href="tel:647-722-3434">647-722-3434</Link>
+                {/* <Link href="tel:647-722-3434">647-722-3434</Link> */}
               </li>
               <li>
                 <img src="/assets/images/icons/mail.png" alt="Mail" style={{ marginRight: "8px" }} />

public/assets/css/module-css/page-title.css

@@ -114,7 +114,7 @@
 @media only screen and (max-width: 767px){
 
   .page-title{
-    padding: 190px 0px;
+    padding: 80px 0px;
   }
 
   .page-title h1{

public/assets/css/style.css

@@ -1021,25 +1021,33 @@
   background: transparent !important;
   box-shadow: none !important;
   border: none !important;
-  position: absolute;
+  position: absolute; /* Keep header floating over content */
   top: 0;
   left: 0;
   width: 100%;
   z-index: 999;
 }
 
+/* Menu, logo, and links visible on hero */
 .header-style-two .header-top a,
 .header-style-two .header-top .logo {
-  color: #bc0000 !important;
+  color: #fff !important;
 }
 
+/* Padding for alignment without background interference */
 .header-style-two .header-top .top-inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-left: 100px;
   padding-right: 100px;
-  position: relative; 
+  position: relative; /* Needed for flex children alignment */
+}
+
+/* Optional: ensure header elements stay visible on scroll */
+.header-style-two.fixed-header {
+  position: fixed;
+  background: rgba(0, 0, 0, 0.2); /* Slight transparency if needed on scroll */
 }
 
 
@@ -1050,7 +1058,7 @@
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 15px;
-   /* overflow-x: auto; */
+   overflow-x: auto;
  }
 
  .header-top .top-inner .info-list {
@@ -1205,7 +1213,7 @@
    }
 
    .header-top .top-inner {
-     flex-direction: row;
+     flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 8px;
@@ -1257,14 +1265,7 @@
    width: 100%;
  }
 
- /* .main-header .header-lower .outer-container {
+ .main-header .header-lower .outer-container {
-   position: absolute;
-   left: 0px;
-   top: 0px;
-   width: 100%;
- } */
-
-  .main-header .header-lower .outer-container {
    position: absolute;
    left: 0px;
    top: 0px;
@@ -1466,7 +1467,7 @@
    font-family: var(--soleil);
    letter-spacing: 0.8px;
    opacity: 1;
-   color: #bc0000;
+   color: #fff;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
@@ -1477,7 +1478,7 @@
 
  .new-menu .new-nav>li>a{
 
-  color: #bc0000 !important;
+  color: #101A30 !important;
 
  }
 
@@ -1494,7 +1495,7 @@
 
  .main-menu .navigation>li.current>a,
  .main-menu .navigation>li:hover>a {
-   color: #bc0000;
+   color: #fff;
  }
 
  .main-menu .navigation>li>a:before {
@@ -1720,7 +1721,7 @@
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
-   /* background: #ffffff; */
+   background: #ffffff;
    display: none;
  }
 
@@ -1767,7 +1768,7 @@
  .sticky-header .main-menu .navigation>li>a {
    padding-top: 27px;
    padding-bottom: 27px;
-   color: #bc0000;
+   color: #101A30;
  }
 
  .sticky-header .main-menu .navigation>li>a:before {
@@ -2793,8 +2794,8 @@
    margin-left: 6px;
    width: 6px;
    height: 6px;
-   border-left: 2px solid #bc0000;
+   border-left: 2px solid #fff;
-   border-bottom: 2px solid #bc0000;
+   border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    vertical-align: middle;
  }
@@ -3466,33 +3467,12 @@
  }
 
  @media (max-width: 1024px) and (min-width: 769px) {
-
-  .header-style-two .header-top .top-inner {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-left: 0px !important;
-  padding-right: 0px !important;
-  position: relative; /* Needed for flex children alignment */
-}
-
-  
    .info-block-one {
      padding: 30px 7px !important;
    }
  }
 
  @media (max-width: 768px) {
-
-  .header-style-two .header-top .top-inner {
-  display: flex;
-  justify-content: space-between;
-  justify-content: center;
-  align-items: center;
-  padding-left: 100px;
-  padding-right: 100px;
-  position: relative; /* Needed for flex children alignment */
-}
    .blog-details-content .news-block-one .inner-box .lower-content h2 {
      font-size: 38px !important;
      line-height: 36px;