diff --git a/images/Holiday_list_24-25.pdf b/images/Holiday_list_24-25.pdf
new file mode 100644
index 0000000..22ac83c
Binary files /dev/null and b/images/Holiday_list_24-25.pdf differ
diff --git a/images/WDI-Policies.pdf b/images/WDI-Policies.pdf
new file mode 100644
index 0000000..4e617f1
Binary files /dev/null and b/images/WDI-Policies.pdf differ
diff --git a/index.html b/index.html
index db1f3d4..6c2dc78 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,9 @@
             background-image: url(images/background.png);
             background-repeat: no-repeat;
             background-size: cover;
-            padding: 5rem 0;
+            padding: 4rem 0;
+            min-height: 100vh;
+            background-position: center;
         }
 
         .heading {
@@ -41,21 +43,24 @@
         }
 
         .card {
-            background: #1e1e1e;
+            background: rgba(30, 30, 30, 0.5);
             border: none;
             border-radius: 10px;
             transition: transform 0.3s ease;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
-            padding: 15px 24px !important;
+            padding: 15px 24px;
+            backdrop-filter: blur(10px) saturate(180%);
+            -webkit-backdrop-filter: blur(10px) saturate(180%);
+            border-radius: 12px;
         }
 
+
         .card:hover {
             transform: scale(1.06);
         }
 
         .card img {
             width: 50px;
-            margin-bottom: 15px;
         }
 
         .card-title {
@@ -131,7 +136,7 @@
             <!-- Grid Section -->
             <div class="row g-4">
                 <!-- Card 1 -->
-                <div class="col-md-3 col-sm-6">
+                <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
                         <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
                             <img src="images/kimai.png" alt="Kimai">
@@ -150,7 +155,7 @@
                     </div>
                 </div>
                 <!-- Card 2 -->
-                <div class="col-md-3 col-sm-6">
+                <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
                         <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
                             <img src="images/codehub.png" alt="Codehub">
@@ -169,7 +174,7 @@
                     </div>
                 </div>
                 <!-- Card 3 -->
-                <div class="col-md-3 col-sm-6">
+                <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
                         <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
                             <img src="images/bugzila.png" alt="Bugzilla">
@@ -188,7 +193,7 @@
                     </div>
                 </div>
                 <!-- Card 4 -->
-                <div class="col-md-3 col-sm-6">
+                <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
                         <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
                             <img src="images/hrms.png" alt="HRMS">
@@ -207,18 +212,18 @@
                     </div>
                 </div>
                 <!-- Card 5 -->
-                <div class="col-md-3 col-sm-6">
+                <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
                         <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
                             <img src="images/hr-policy.png" alt="HR Policies">
                         </div>
                         <h5 class="card-title">HR Policies</h5>
-                        <div class="links-main">
-                            <a class="link-sec">
+                        <div class="links-main justify-content-center">
+                            <!-- <a class="link-sec">
                                 <img src="images/link.png" alt="">
                                 <p href="#" class="link">Link</p>
-                            </a>
-                            <a class="docs-sec">
+                            </a> -->
+                            <a class="docs-sec" href="images/WDI-Policies.pdf" target="_blank">
                                 <img src="images/docs.png" alt="">
                                 <p href="#" class="docs">Docs</p>
                             </a>
@@ -226,18 +231,18 @@
                     </div>
                 </div>
                 <!-- Card 6 -->
-                <div class="col-md-3 col-sm-6">
+                <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
                         <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
                             <img src="images/leaves.png" alt="Leaves">
                         </div>
                         <h5 class="card-title">Leaves</h5>
-                        <div class="links-main">
-                            <a class="link-sec">
+                        <div class="links-main justify-content-center">
+                            <!-- <a class="link-sec">
                                 <img src="images/link.png" alt="">
                                 <p href="#" class="link">Link</p>
-                            </a>
-                            <a class="docs-sec">
+                            </a> -->
+                            <a class="docs-sec" href="images/Holiday_list_24-25.pdf" target="_blank">
                                 <img src="images/docs.png" alt="">
                                 <p href="#" class="docs">Docs</p>
                             </a>
@@ -245,40 +250,40 @@
                     </div>
                 </div>
                 <!-- Card 7 -->
-                <div class="col-md-3 col-sm-6">
+                <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
                         <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
                             <img src="images/contact-hr.png" alt="Contact HR">
                         </div>
                         <h5 class="card-title">Contact HR</h5>
-                        <div class="links-main">
-                            <a class="link-sec">
+                        <div class="links-main justify-content-center">
+                            <a class="link-sec" href="skype:pooja-wdipl?chat" target="_blank">
                                 <img src="images/link.png" alt="">
                                 <p href="#" class="link">Link</p>
                             </a>
-                            <a class="docs-sec">
+                            <!-- <a class="docs-sec">
                                 <img src="images/docs.png" alt="">
                                 <p href="#" class="docs">Docs</p>
-                            </a>
+                            </a> -->
                         </div>
                     </div>
                 </div>
                 <!-- Card 8 -->
-                <div class="col-md-3 col-sm-6">
+                <div class="col-lg-3 col-md-4 col-sm-6">
                     <div class="card text-center">
                         <div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
                             <img src="images/help.png" alt="Help">
                         </div>
                         <h5 class="card-title">Help</h5>
-                        <div class="links-main">
-                            <a class="link-sec">
+                        <div class="links-main justify-content-center">
+                            <a class="link-sec" href="mailto:hr@wdipl.com" target="_blank">
                                 <img src="images/link.png" alt="">
                                 <p href="#" class="link">Link</p>
                             </a>
-                            <a class="docs-sec">
+                            <!-- <a class="docs-sec">
                                 <img src="images/docs.png" alt="">
                                 <p href="#" class="docs">Docs</p>
-                            </a>
+                            </a> -->
                         </div>
                     </div>
                 </div>