diff --git a/assets/css/style.css b/assets/css/style.css
index e9a7400..faabe05 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -2262,16 +2262,24 @@ section {
 
 }
 
-#gmail-icon {
+.gmail-icon{
   position: fixed;
   left: 10px;
   /* top: 500px; */
   bottom: 9px;
+  background-color:#f2f4fd;
+  padding: 5px;
+  border-radius: 100%;
+  box-shadow: 1px 10px 53px 5px rgba(0,0,0,0.48);
+}
+
+#gmail-icon {
   color: rgb(47, 255, 0);
   text-decoration: none;
   /* font-size: 2.1rem; */
   width: 40px;
   height: 40px;
+  transition: 0.3s;
 }
 
 #gmail-icon:hover {
diff --git a/index.html b/index.html
index d7026cd..f7c9543 100644
--- a/index.html
+++ b/index.html
@@ -38,21 +38,21 @@
   <!--footer font awesome library teams-->
   <script src="https://kit.fontawesome.com/721abd87bb.js" crossorigin="anonymous"></script>
   <!--footer font awesome library-->
-<!--   onesignal push -->
+  <!--   onesignal push -->
   <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
-<script>
-  window.OneSignal = window.OneSignal || [];
-  OneSignal.push(function() {
-    OneSignal.init({
-      appId: "5bf13993-46bb-4bc2-b306-27005206b8b9",
+  <script>
+    window.OneSignal = window.OneSignal || [];
+    OneSignal.push(function () {
+      OneSignal.init({
+        appId: "5bf13993-46bb-4bc2-b306-27005206b8b9",
+      });
     });
-  });
-</script>
-<!--   onesignal push -->
+  </script>
+  <!--   onesignal push -->
 </head>
 
 <body onload="loader()">
-<!-- loader -->
+  <!-- loader -->
   <div id="loader"></div>
   <!-- loader -->
   <!-- ======= Header ======= -->
@@ -627,7 +627,7 @@ <h4>National Science Day</h4>
     <!-- ======= Testimonials Section ======= -->
 
 
-<!-- End Testimonials Section -->
+    <!-- End Testimonials Section -->
 
     <!-- team code -->
 
@@ -780,11 +780,11 @@ <h3>Open Hours</h3>
 
                 <input type="submit" value="Send message">
 
-<!--                 <button type="submit">Send Message</button> -->
+                <!--                 <button type="submit">Send Message</button> -->
               </div>
-</form>
+            </form>
           </div>
-         
+
 
         </div>
 
@@ -900,9 +900,11 @@ <h4>Contact Us</h4>
 
   <!-- Template Main JS File -->
   <script src="assets/js/main.js"></script>
-  <a href="mailto:intellimixio.pce19@gmail.com" target="_blank"><img src="assets/img/help.png" id="gmail-icon"
-      alt="gmail"></a>
-<script>
+  <div class="gmail-icon">
+    <a href="mailto:intellimixio.pce19@gmail.com" target="_blank"><img src="assets/img/help.png" id="gmail-icon"
+        alt="gmail"></a>
+  </div>
+  <script>
     var load = document.getElementById("loader");
     function loader() {
       load.style.display = 'none';
@@ -910,4 +912,4 @@ <h4>Contact Us</h4>
   </script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
