google map heaer remove

container/Contact/GoogleMap.js

@@ -3,16 +3,19 @@ import React from "react";
 const GoogleMap = () => {
   return (
     <div className="maps my-map-container">
-     
-      <iframe
-        src="https://www.google.com/maps/d/u/0/embed?mid=1-Y3WcCdJ8YQ9m2K72Fi9VvyxN_Kccc8&ehbc=2E312F&noprof=1"
-       width="100%"
-        height="480"
-        style={{ border: 0 }}
-        allowFullScreen
-        loading="lazy"
-        referrerPolicy="no-referrer-when-downgrade"
-      ></iframe>
+      <div className="iframe-wrapper">
+        <iframe
+          src="https://www.google.com/maps/d/u/0/embed?mid=1-Y3WcCdJ8YQ9m2K72Fi9VvyxN_Kccc8&ehbc=2E312F&noprof=1"
+          width="100%"
+          height="680"
+          style={{ border: 0 }}
+          allowFullScreen
+          loading="lazy"
+          referrerPolicy="no-referrer-when-downgrade"
+        ></iframe>
+        {/* overlay to hide header */}
+        <div className="iframe-header-mask"></div>
+      </div>
     </div>
   );
 };

styles/styles.css

@@ -10029,4 +10029,18 @@ ul.pagination.custom-pagination {
 
 .variant_cfo_section .custom-card:hover .Description p {
   color: #fff !important;
-}
\ No newline at end of file
+}
+.iframe-wrapper {
+  position: relative;
+}
+
+.iframe-header-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 60px; 
+  background-color: white; 
+  z-index: 10;
+  pointer-events: none; 
+}