diff --git a/index.css b/index.css
index daeb85b..5594f0a 100644
--- a/index.css
+++ b/index.css
@@ -459,16 +459,26 @@ h2 {
 }
 
 .map-container {
-  margin: 20px 0;
+  background-color: transparent;
+  margin: 30px;
   height: 400px;
-  width: 100%;
+  min-width: 96%;
+  overflow: hidden;
+  border-radius: 10px;
+  box-shadow: 0px 10px 20px hsla(0, 0%, 0%, 0.5);
+  /* margin-right: 20px; */
 }
 
 iframe {
   border: none;
   width: 100%;
   height: 100%;
-  border-radius: 20px;
+  /* border-radius: 20px; */
+}
+.map-container iframe:hover{
+  transform: scale(1.02,1.02);
+  transition-duration: 90ms;
+  /* transform-style: ; */
 }
 
 .contact-links {
diff --git a/index.html b/index.html
index a5e0325..bcbd439 100644
--- a/index.html
+++ b/index.html
@@ -803,7 +803,7 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
             }
         }
     </style>
-</div>
+<!-- </div>
 
         /* Button hover effect */
         button[type="submit"]:hover {
@@ -815,14 +815,14 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
                 flex-direction: column;
             }
         }
-    </style>
+    </style> -->
 </div>
 
 
         <div class="map-container">
             <iframe
                 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d126915.40242030277!2d85.7892607!3d20.2498709!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a19a7a3b9692fff%3A0x87cd0a356bbc39ce!2sITER%2C%20Siksha%20'O'%20Anusandhan!5e0!3m2!1sen!2sin!4v1689514124518!5m2!1sen!2sin"
-                allowfullscreen>
+                allowfullscreen frameborder="0" >
             </iframe>
         </div>
     </div>