diff --git a/assets/css/style.css b/assets/css/style.css
index 0bb64f0..64f5263 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -198,4 +198,29 @@ img {
     background-color: var(--color-base);
     border-radius: 100px;
     font-size: 24px;
-}
\ No newline at end of file
+}
+
+
+.projects-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 20px; /* Adjust gap as needed */
+}
+
+.col-md-6 {
+    flex: 1 1 45%; /* Adjust the percentage as needed to fit your design */
+    box-sizing: border-box;
+    max-width: 100%;
+}
+
+.card-custom {
+    height: 100%; /* Ensure cards take up the full height available */
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.card-custom-content {
+    flex-grow: 1;
+}
diff --git a/assets/images/project-4.jpg b/assets/images/project-4.jpg
new file mode 100644
index 0000000..96eba31
Binary files /dev/null and b/assets/images/project-4.jpg differ
diff --git a/index.html b/index.html
index 7fb68f5..4d1be4b 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
                         <h1 class="display-4 fw-bold" data-aos="fade-up">I'M <span class="text-brand">AYAN JOSHI</span></h1>
                         <h4>I'm a Software Engineer, from India who loves to explore new technologies and leverage them to solve real-life problems.</h4>
                         <div data-aos="fade-up" data-aos-delay="600">
-                            <a href="#work" class="btn btn-brand me-3">Explore My Work</a>
+                            <a href="https://drive.google.com/file/d/12KhvQjAk4ffZta9A3J0wYlWeWSxiW6wO/view?usp=drive_link" class="btn btn-brand me-3">Resume</a>
                             <a href="#" class="link-custom">Call: 7276079913</a>
                         </div>
                     </div>
@@ -136,47 +136,63 @@ <h1>My Recent Projects</h1>
 
                 <div class="row gy-4">
 
-                    <div class="col-md-6" data-aos="fade-up">
-                        <div class="card-custom rounded-4 bg-base shadow-effect">
-                            <div class="card-custom-image rounded-4">
-                                <img class="rounded-4" src="./assets/images/project-1.jpg" alt="">
+                  
+
+                    <div class="projects-container d-flex flex-wrap justify-content-center">
+                        <div class="col-md-6" data-aos="fade-up">
+                            <div class="card-custom rounded-4 bg-base shadow-effect">
+                                <div class="card-custom-image rounded-4">
+                                    <img class="rounded-4" src="./assets/images/project-1.jpg" alt="">
+                                </div>
+                                <div class="card-custom-content p-4">
+                                    <a href="https://github.com/ayan-joshi/objectdetector" class="text-brand mb-2">Object Detector</a>
+                                    <p>An object detector Python project is a computer vision application that is able to identify and locate objects within an image or video stream.</p>
+                                    <p>Techstack: Python, OpenCV, Numpy, GUI</p>
+                                </div>
                             </div>
-                            <div class="card-custom-content p-4">
-                                <a href="https://github.com/ayan-joshi/objectdetector" class="text-brand mb-2" >Object Detector</a>
-                                <p>An object detector Python project is a computer vision application that is able to identify and locate objects within an image or video stream</p>
-                                <p>Techstack: Python, openCv, Numpy, GUI</p>
+                        </div>
+                    
+                        <div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
+                            <div class="card-custom rounded-4 bg-base shadow-effect">
+                                <div class="card-custom-image rounded-4">
+                                    <img class="rounded-4" src="./assets/images/project-2.png" alt="">
+                                </div>
+                                <div class="card-custom-content p-4">
+                                    <a href="https://github.com/ayan-joshi/Sorting-Visualizer" class="text-brand mb-2">Sorting Visualizer</a>
+                                    <p>The Sorting Visualizer is a basic web application that allows you to visualize the process of sorting on a set of randomly generated bars.</p>
+                                    <p>The added feature in the visualizer is the sound while visualizing.</p>
+                                    <p>Techstack: HTML, CSS, JavaScript</p>
+                                </div>
                             </div>
                         </div>
-                    </div>
-
-                    <div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
-                        <div class="card-custom rounded-4 bg-base shadow-effect">
-                            <div class="card-custom-image rounded-4">
-                                <img class="rounded-4" src="./assets/images/project-2.png" alt="">
+                    
+                        <div class="col-md-6" data-aos="fade-up">
+                            <div class="card-custom rounded-4 bg-base shadow-effect">
+                                <div class="card-custom-image rounded-4">
+                                    <img class="rounded-4" src="./assets/images/project-3.jpg" alt="">
+                                </div>
+                                <div class="card-custom-content p-4">
+                                    <a href="https://github.com/ayan-joshi/PRODO" class="text-brand mb-2">PRODO</a>
+                                    <p>Prodo, your go-to student productivity app! Prodo is designed to help students stay organized, focused, and productive.</p>
+                                    <p>Techstack: JavaScript, Firebase, jQuery, Bootstrap</p>
+                                </div>
                             </div>
-                            <div class="card-custom-content p-4">
-                                <a href="https://github.com/ayan-joshi/Sorting-Visualizer" class="text-brand mb-2">Sorting Visualizer</a>
-                                <p>The Sorting Visualizer is a basic web application that allows you to visualize the process of sorting on a set of randomly generated bars.</p>
-                                <p>The added feature in the visualizer is the sound while visualizing.</p>
-                                <p>Techstack: Html, Css, Javascript</p>
+                        </div>
+                    
+                        <div class="col-md-6" data-aos="fade-up">
+                            <div class="card-custom rounded-4 bg-base shadow-effect">
+                                <div class="card-custom-image rounded-4">
+                                    <img class="rounded-4" src="./assets/images/project-4.jpg" alt="">
+                                </div>
+                                <div class="card-custom-content p-4">
+                                    <a href="https://github.com/ayan-joshi/PRODO" class="text-brand mb-2">Policy-Clarity</a>
+                                    <p>PolicyClarity is a free and user-friendly platform designed to help users understand complex policies by providing simple and clear summaries.</p>
+                                    <p>Techstack: Python's FastAPI, React, Tailwind CSS, Generative AI</p>
+                                </div>
                             </div>
                         </div>
-                    </div>
-
-          <div class="col-md-6" data-aos="fade-up">
-            <div class="card-custom rounded-4 bg-base shadow-effect">
-                <div class="card-custom-image rounded-4">
-                    <img class="rounded-4" src="./assets/images/project-3.jpg" alt="">
-                </div>
-                <div class="card-custom-content p-4">
-                    <a href="https://github.com/ayan-joshi/PRODO" class="text-brand mb-2" >PRODO</a>
-                    <p>Prodo, your go-to student productivity app! Prodo is designed to help students stay organized, focused, and productive</p>
-                    <p>Techstack: Javascript, Firebase, jQuery, Bootstrap</p>
-                </div>
-            </div>
-        </div>
-
-                   
+                    </div>
+                    
 
                 </div>