diff --git a/index_test_odoo/static/description/assets/calendar.png b/index_test_odoo/static/description/assets/calendar.png
new file mode 100644
index 000000000..0e34d7a39
Binary files /dev/null and b/index_test_odoo/static/description/assets/calendar.png differ
diff --git a/index_test_odoo/static/description/index.html b/index_test_odoo/static/description/index.html
index eb087edbf..9103da679 100644
--- a/index_test_odoo/static/description/index.html
+++ b/index_test_odoo/static/description/index.html
@@ -56,7 +56,7 @@
     
     row-gap: 10px;">
                             <span class="me-3"><b>Availability: </b></span>
-                            <div class="text-center col" style="
+                            <div class="d-flex align-items-center justify-content-center gap-2 text-center col" style="
                     border: 2px solid #ebebeb;
     font-size: 1rem !important;
     color: #333 !important;
@@ -65,16 +65,13 @@
     margin: 0 3px !important;
     border-radius: 20px !important;
     min-width: 120px !important;
-        display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 5px;
+   
                   ">
 
                                 <img src="./assets/close.png" alt="" width="18" height="18">
                                 Odoo Online
                             </div>
-                            <div class="text-center col" style="
+                            <div class="d-flex align-items-center justify-content-center gap-2 text-center col" style="
                     border: 2px solid #ebebeb;
     font-size: 1rem !important;
     color: #333 !important;
@@ -83,16 +80,13 @@
     margin: 0 3px !important;
     border-radius: 20px !important;
     min-width: 120px !important;
-        display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 5px;
+   
                   ">
 
                                 <img src="./assets/close.png" alt="" width="18" height="18">
                                 Odoo.sh
                             </div>
-                            <div class="text-center col" style="
+                            <div class="d-flex align-items-center justify-content-center gap-2 text-center col" style="
                    border: 2px solid #ebebeb;
     font-size: 1rem !important;
     color: #333 !important;
@@ -101,10 +95,7 @@
     margin: 0 3px !important;
     border-radius: 20px !important;
     min-width: 120px !important;
-        display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 5px;
+   
                   ">
 
                                 <img src="./assets/tick.png" alt="" width="18" height="18">
@@ -128,20 +119,23 @@
                     Organization.</p>
 
                 <div class="d-flex justify-content-center gap-1 flex-wrap">
-                    <a href="mailto:" class="contact-btn email-btn"
-                        style="position: relative;display: flex;align-items: center;gap: 12px;padding: 15px 25px;border: none;border-radius: 50px;font-size: 16px;font-weight: 600;text-decoration: none;color: white;cursor: pointer;min-width: 200px;justify-content: center;background-color: #4facfe">
+                    <a href="mailto:"
+                        class="contact-btn email-btn d-flex align-items-center gap-2 justify-content-center"
+                        style="position: relative;padding: 15px 25px;border: none;border-radius: 50px;font-size: 16px;font-weight: 600;text-decoration: none;color: white;cursor: pointer;min-width: 200px;justify-content: center;background-color: #4facfe">
                         <img src="./assets/mail.png" alt="" width="25" height="25">
                         <span class="btn-text" style="font-size: 15px;letter-spacing: 0.5px;">Email Us</span>
                     </a>
 
-                    <a href="skype:" class="contact-btn skype-btn"
-                        style="position: relative;display: flex;align-items: center;gap: 12px;padding: 15px 25px;border: none;border-radius: 50px;font-size: 16px;font-weight: 600;text-decoration: none;color: white;cursor: pointer;min-width: 200px;justify-content: center;background-color: #555ecb">
+                    <a href="skype:"
+                        class="contact-btn skype-btn d-flex align-items-center gap-2 justify-content-center"
+                        style="position: relative;padding: 15px 25px;border: none;border-radius: 50px;font-size: 16px;font-weight: 600;text-decoration: none;color: white;cursor: pointer;min-width: 200px;justify-content: center;background-color: #555ecb">
                         <img src="./assets/tms.png" alt="" width="30" height="30">
                         <span class="btn-text" style="font-size: 15px;letter-spacing: 0.5px;">Teams</span>
                     </a>
 
-                    <a href="https://wa.me/919074270811" class="contact-btn whatsapp-btn"
-                        style="position: relative;display: flex;align-items: center;gap: 12px;padding: 15px 25px;border: none;border-radius: 50px;font-size: 16px;font-weight: 600;text-decoration: none;color: white;cursor: pointer;min-width: 200px;justify-content: center;background-color: #25d366;">
+                    <a href="https://wa.me/919074270811"
+                        class="contact-btn whatsapp-btn d-flex align-items-center gap-2 justify-content-center"
+                        style="position: relative;padding: 15px 25px;border: none;border-radius: 50px;font-size: 16px;font-weight: 600;text-decoration: none;color: white;cursor: pointer;min-width: 200px;justify-content: center;background-color: #25d366;">
                         <img src="./assets/whatsapp.png" alt="" width="25" height="25">
                         <span class="btn-text" style="font-size: 15px;letter-spacing: 0.5px;">+91 9074270811</span>
                     </a>
@@ -162,8 +156,8 @@
     border-radius: 10px;
     padding: 32px;
     overflow: hidden;">
-                    <div class="card-icon"
-                        style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #8B5CF6;">
+                    <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                        style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #8B5CF6;">
                         <img src="./assets/document.png" alt="" width="30" height="30">
                     </div>
                     <h3 class="card-title"
@@ -174,8 +168,8 @@
                         comprehensive blog posts covering the latest in
                         cybersecurity
                         trends and insights.</p>
-                    <button class="card-action blog-action"
-                        style="display: flex;align-items: center;justify-content: center;gap: 12px;padding: 10px 20px;border-radius: 8px;font-weight: 500;font-size: 15px;text-decoration: none;border: none;width: max-content;background-color: #9e6390;color: white;transition: .3s;">
+                    <button class="card-action blog-action d-flex align-items-center justify-content-center gap-2"
+                        style="padding: 10px 20px;border-radius: 8px;font-weight: 500;font-size: 15px;text-decoration: none;border: none;width: max-content;background-color: #9e6390;color: white;transition: .3s;">
                         <img src="./assets/copy.png" alt="" width="18" height="18">
                         Copy Link
 
@@ -192,8 +186,8 @@
     border-radius: 10px;
     padding: 32px;
     overflow: hidden;">
-                    <div class="card-icon"
-                        style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #EF4444;">
+                    <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                        style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #EF4444;">
                         <img src="./assets/play.png" alt="" width="23px" height="23px">
                     </div>
                     <h3 class="card-title"
@@ -204,8 +198,8 @@
                         video demonstrations and tutorials on YouTube
                         for
                         hands-on learning.</p>
-                    <a href="" class="card-action video-action"
-                        style="display: flex;align-items: center;justify-content: center;gap: 12px;padding: 10px 20px;border-radius: 8px;font-weight: 500;font-size: 15px;text-decoration: none;border: none;width: max-content;background-color: #9e6390;color: white;transition: .3s;">
+                    <a href="" class="card-action video-action d-flex align-items-center justify-content-center gap-2"
+                        style="padding: 10px 20px;border-radius: 8px;font-weight: 500;font-size: 15px;text-decoration: none;border: none;width: max-content;background-color: #9e6390;color: white;transition: .3s;">
                         <img src="./assets/play.png" alt="" width="15px" height="15px">
                         Watch Demo
                     </a>
@@ -226,7 +220,7 @@
 
             <div class="row" style="margin-top: 20px;">
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card" style="background-color: #8d76d51f;
+                    <div class="highlight-card h-100" style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
     padding: 32px;
@@ -234,8 +228,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -249,7 +243,7 @@
                     </div>
                 </div>
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card" style="background-color: #8d76d51f;
+                    <div class="highlight-card h-100" style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
     padding: 32px;
@@ -257,8 +251,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -273,7 +267,7 @@
                     </div>
                 </div>
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card" style="background-color: #8d76d51f;
+                    <div class="highlight-card h-100" style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
     padding: 32px;
@@ -281,8 +275,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -296,7 +290,7 @@
                     </div>
                 </div>
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card" style="background-color: #8d76d51f;
+                    <div class="highlight-card h-100" style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
     padding: 32px;
@@ -304,8 +298,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -319,7 +313,7 @@
                     </div>
                 </div>
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card" style="background-color: #8d76d51f;
+                    <div class="highlight-card h-100" style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
     padding: 32px;
@@ -327,8 +321,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -342,7 +336,7 @@
                     </div>
                 </div>
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card" style="background-color: #8d76d51f;
+                    <div class="highlight-card h-100" style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
     padding: 32px;
@@ -350,8 +344,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -382,8 +376,8 @@
     overflow: hidden;
     overflow-x: auto;" id="pills1" role="tablist">
                 <li class="nav-item" role="presentation">
-                    <button class="nav-link active" id="screenshot-tab" data-bs-toggle="pill"
-                        data-bs-target="#screenshot" type="button" role="tab" style="width: max-content;border-radius: 50px;
+                    <a class="nav-link active" id="screenshot-tab" data-bs-toggle="pill" data-bs-target="#screenshot"
+                        type="button" role="tab" style="width: max-content;border-radius: 50px;
     margin: 0 5px;
     padding: 12px 24px;
     font-weight: 500;
@@ -393,11 +387,11 @@
 
     ">
                         Screenshot
-                    </button>
+                    </a>
                 </li>
                 <li class="nav-item" role="presentation">
-                    <button class="nav-link" id="features-tab" data-bs-toggle="pill" data-bs-target="#features"
-                        type="button" role="tab" style="width: max-content;border-radius: 50px;
+                    <a class="nav-link" id="features-tab" data-bs-toggle="pill" data-bs-target="#features" type="button"
+                        role="tab" style="width: max-content;border-radius: 50px;
     margin: 0 5px;
     padding: 12px 24px;
     font-weight: 500;
@@ -407,10 +401,10 @@
 
     ">
                         Features
-                    </button>
+                    </a>
                 </li>
                 <li class="nav-item" role="presentation">
-                    <button class="nav-link" id="faq-tab" data-bs-toggle="pill" data-bs-target="#faq" type="button"
+                    <a class="nav-link" id="faq-tab" data-bs-toggle="pill" data-bs-target="#faq" type="button"
                         role="tab" style="width: max-content;border-radius: 50px;
     margin: 0 5px;
     padding: 12px 24px;
@@ -421,11 +415,11 @@
  
     ">
                         Frequent Questions
-                    </button>
+                    </a>
                 </li>
                 <li class="nav-item" role="presentation">
-                    <button class="nav-link" id="latest-release-tab" data-bs-toggle="pill"
-                        data-bs-target="#latest-release" type="button" role="tab" style="width: max-content;border-radius: 50px;
+                    <a class="nav-link" id="latest-release-tab" data-bs-toggle="pill" data-bs-target="#latest-release"
+                        type="button" role="tab" style="width: max-content;border-radius: 50px;
     margin: 0 5px;
     padding: 12px 24px;
     font-weight: 500;
@@ -435,7 +429,7 @@
 
     ">
                         Latest Release
-                    </button>
+                    </a>
                 </li>
             </ul>
             <div class="tab-content bg-white rounded-4" style="border: 2px solid #e9ecef;border-radius: 10px;"
@@ -515,19 +509,16 @@
     border-radius: 10px;">
 
                             <div class="col-md-4">
-                                <div class="feature-item mb-4" style="flex-flow: column;    display: flex;
-    align-items: center; 
+                                <div class="feature-item mb-4 d-flex flex-column align-items-center justify-content-center" style="
     padding: 25px;
     background-color: #637eea0d;
     border-radius: 10px;
     text-align: left;">
-                                    <div class="feature-number" style="    width: 45px;
+                                    <div class="feature-number d-flex align-items-center justify-content-center" style="    width: 45px;
     height: 45px;
     background-color: #7877c633;
     border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+
     font-size: 1.2rem;
     font-weight: 600;
     color: #71639e;
@@ -542,20 +533,16 @@
                                 </div>
                             </div>
                             <div class="col-md-4">
-                                <div class="feature-item mb-4" style="flex-flow: column;    display: flex;
-
-    align-items: center; 
+                                <div class="feature-item mb-4  d-flex flex-column align-items-center justify-content-center" style="
     padding: 25px;    
     background-color: #637eea0d;
     border-radius: 10px;
     text-align: left;">
-                                    <div class="feature-number" style="    width: 45px;
+                                    <div class="feature-number d-flex align-items-center justify-content-center" style="    width: 45px;
     height: 45px;
     background-color: #7877c633;
     border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+
     font-size: 1.2rem;
     font-weight: 600;
     color: #71639e;
@@ -570,19 +557,16 @@
                                 </div>
                             </div>
                             <div class="col-md-4">
-                                <div class="feature-item mb-4" style="flex-flow: column;    display: flex;
-    align-items: center;  
+                                <div class="feature-item mb-4  d-flex flex-column align-items-center justify-content-center" style="
     padding: 25px;
     background-color: #637eea0d;
     border-radius: 10px;
     text-align: left;">
-                                    <div class="feature-number" style="    width: 45px;
+                                    <div class="feature-number d-flex align-items-center justify-content-center" style="    width: 45px;
     height: 45px;
     background-color: #7877c633;
     border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+
     font-size: 1.2rem;
     font-weight: 600;
     color: #71639e;
@@ -597,19 +581,16 @@
                                 </div>
                             </div>
                             <div class="col-md-4">
-                                <div class="feature-item mb-4" style="flex-flow: column;    display: flex;   
-    align-items: center;  
+                                <div class="feature-item mb-4  d-flex flex-column align-items-center justify-content-center" style="
     padding: 25px;    
     background-color: #637eea0d;
     border-radius: 10px;
     text-align: left;">
-                                    <div class="feature-number" style="    width: 45px;
+                                    <div class="feature-number d-flex align-items-center justify-content-center" style="    width: 45px;
     height: 45px;
     background-color: #7877c633;
     border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+
     font-size: 1.2rem;
     font-weight: 600;
     color: #71639e;
@@ -624,19 +605,16 @@
                                 </div>
                             </div>
                             <div class="col-md-4">
-                                <div class="feature-item mb-4" style="flex-flow: column;    display: flex;
-    align-items: center;
+                                <div class="feature-item mb-4  d-flex flex-column align-items-center justify-content-center" style="
     padding: 25px;    
     background-color: #637eea0d;
     border-radius: 10px;
     text-align: left;">
-                                    <div class="feature-number" style="    width: 45px;
+                                    <div class="feature-number d-flex align-items-center justify-content-center" style="    width: 45px;
     height: 45px;
     background-color: #7877c633;
     border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+
     font-size: 1.2rem;
     font-weight: 600;
     color: #71639e;
@@ -651,19 +629,16 @@
                                 </div>
                             </div>
                             <div class="col-md-4">
-                                <div class="feature-item mb-4" style="flex-flow: column;    display: flex;
-    align-items: center;
+                                <div class="feature-item mb-4  d-flex flex-column align-items-center justify-content-center" style="
     padding: 25px;
     background-color: #637eea0d;
     border-radius: 10px;
     text-align: left;">
-                                    <div class="feature-number" style="    width: 45px;
+                                    <div class="feature-number d-flex align-items-center justify-content-center" style="    width: 45px;
     height: 45px;
     background-color: #7877c633;
     border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+
     font-size: 1.2rem;
     font-weight: 600;
     color: #71639e;
@@ -708,7 +683,7 @@
                                 <div class="accordion-item loading-animation"
                                     style="margin-bottom: 1rem;overflow: hidden;background-color: white;border: 2px solid #e2e8f0 !important;border-radius: 10px !important;">
                                     <h2 class="accordion-header" style="border-radius: 10px;">
-                                        <button class="accordion-button  collapsed" type="button" style="box-shadow: unset;     
+                                        <a class="accordion-button  collapsed" type="button" style="box-shadow: unset;     
     border: none !important;
     padding: 1.5rem 2rem !important;
     font-weight: 600 !important;
@@ -721,7 +696,7 @@
                                             aria-controls="flush-collapseOne"
                                             style="font-size: 1.1rem;position: relative;overflow: hidden;background-color: white !important;border: none !important;padding: 1.5rem 2rem !important;font-weight: 600 !important;color: #1e293b !important;border-radius: 10px !important;">
                                             How does the module handle Post-Dated Cheque (PDC) management?
-                                        </button>
+                                        </a>
                                     </h2>
                                     <div id="flush-collapseOne" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionFlushExample" style="border-top: 1px solid #e2e8f0;">
@@ -859,19 +834,17 @@
                             Latest <span>Releases</span></h2>
                         <div class="row">
                             <div class="col-md-4 mb-4">
-                                <div class="release-item" style="    position: relative;
+                                <div class="release-item h-100" style="    position: relative;
     padding: 30px;
-    border-left: 3px solid #71639e;       
-    border-top: 2px solid #71639e24;
-    border-right: 2px solid #71639e24;
-    border-bottom: 2px solid #71639e24;
-    border-radius: 0 15px 15px 0;">
-                                    <div class="release-header" style="
-    display: flex;
-    align-items: center;
+    
+    border: 2px solid #71639e24;
+
+    border-radius: 15px;">
+                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+    
     gap: 1.5rem;
     margin-bottom: 0.75rem;
-    flex-wrap: wrap;">
+    ">
                                         <div class="version" style="font-size: 1.25rem;
     font-weight: 700;
     color: #1a202c;">Latest Release 18.0.2.0.4</div>
@@ -884,14 +857,13 @@
     position: relative;
     overflow: hidden;    background-color: #feb2b2;
     color: #c53030;
-    border: 2px solid #fca5a5;" class="badge fix">Fix</div>
+    border: 2px solid #fca5a5;" >Fix</div>
                                         <div class="date" style="    color: #64748b;
     font-size: 0.875rem;
     font-weight: 500;
-    display: flex;
-    align-items: center;
+    
     gap: 0.5rem;">
-                                            <i class="far fa-calendar"></i>
+                                            <img src="./assets/calendar.png" alt="" width="16" height="16" style="margin-right: 5px;">
                                             21nd April, 2025
                                         </div>
                                     </div>
@@ -913,19 +885,15 @@
                                 </div>
                             </div>
                             <div class="col-md-4 mb-4">
-                                <div class="release-item" style="    position: relative;
+                                <div class="release-item h-100" style="    position: relative;
     padding: 30px;
-    border-left: 3px solid #71639e;
-    border-top: 2px solid #71639e24;
-    border-right: 2px solid #71639e24;
-    border-bottom: 2px solid #71639e24;
-    border-radius: 0 15px 15px 0;">
-                                    <div class="release-header" style="
-    display: flex;
-    align-items: center;
+    border: 2px solid #71639e24;
+    border-radius: 15px;">
+                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+    
     gap: 1.5rem;
     margin-bottom: 0.75rem;
-    flex-wrap: wrap;">
+    ">
                                         <div class="version" style="font-size: 1.25rem;
     font-weight: 700;
     color: #1a202c;">Latest Release 18.0.1.0.1</div>
@@ -938,14 +906,13 @@
     position: relative;
     overflow: hidden;background-color: #90cdf4;
     color: #2b6cb0;
-    border: 2px solid #7dd3fc;" class="badge update">Update</div>
+    border: 2px solid #7dd3fc;" class=" update">Update</div>
                                         <div class="date" style="    color: #64748b;
     font-size: 0.875rem;
     font-weight: 500;
-    display: flex;
-    align-items: center;
+    
     gap: 0.5rem;">
-                                            <i class="far fa-calendar"></i>
+                                            <img src="./assets/calendar.png" alt="" width="16" height="16" style="margin-right: 5px;">
                                             22nd October, 2024
                                         </div>
                                     </div>
@@ -966,19 +933,15 @@
                                 </div>
                             </div>
                             <div class="col-md-4 mb-4">
-                                <div class="release-item" style="    position: relative;
+                                <div class="release-item h-100" style="    position: relative;
     padding: 30px;
-    border-left: 3px solid #71639e;
-    border-top: 2px solid #71639e24;
-    border-right: 2px solid #71639e24;
-    border-bottom: 2px solid #71639e24;    
-    border-radius: 0 15px 15px 0;">
-                                    <div class="release-header" style="
-    display: flex;
-    align-items: center;
+    border: 2px solid #71639e24;    
+    border-radius: 15px;">
+                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+    
     gap: 1.5rem;
     margin-bottom: 0.75rem;
-    flex-wrap: wrap;">
+    ">
                                         <div class="version" style="font-size: 1.25rem;
     font-weight: 700;
     color: #1a202c;">Latest Release 18.0.1.0.0</div>
@@ -991,14 +954,13 @@
     position: relative;
     overflow: hidden;    background-color: #9ae6b4;
     color: #2d7d32;
-    border: 2px solid #68d391;" class="badge add">Add</div>
+    border: 2px solid #68d391;" class=" add">Add</div>
                                         <div class="date" style="    color: #64748b;
     font-size: 0.875rem;
     font-weight: 500;
-    display: flex;
-    align-items: center;
+    
     gap: 0.5rem;">
-                                            <i class="far fa-calendar"></i>
+                                            <img src="./assets/calendar.png" alt="" width="16" height="16" style="margin-right: 5px;">
                                             25th September, 2024
                                         </div>
                                     </div>
@@ -1019,20 +981,16 @@
                                 </div>
                             </div>
                             <div class="col-md-4 mb-4">
-                                <div class="release-item" style="    position: relative;
-    padding: 30px;
-    border-left: 3px solid #71639e;   
-
-    border-top: 2px solid #71639e24;
-    border-right: 2px solid #71639e24;
-    border-bottom: 2px solid #71639e24;    
-    border-radius: 0 15px 15px 0;">
-                                    <div class="release-header" style="
-    display: flex;
-    align-items: center;
+                                <div class="release-item h-100" style="    position: relative;
+    padding: 30px; 
+
+    border: 2px solid #71639e24;   
+    border-radius: 15px;">
+                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+    
     gap: 1.5rem;
     margin-bottom: 0.75rem;
-    flex-wrap: wrap;">
+    ">
                                         <div class="version" style="font-size: 1.25rem;
     font-weight: 700;
     color: #1a202c;">Latest Release 18.0.2.0.4</div>
@@ -1045,14 +1003,13 @@
     position: relative;
     overflow: hidden;    background-color: #feb2b2;
     color: #c53030;
-    border: 2px solid #fca5a5;" class="badge fix">Fix</div>
+    border: 2px solid #fca5a5;" >Fix</div>
                                         <div class="date" style="    color: #64748b;
     font-size: 0.875rem;
     font-weight: 500;
-    display: flex;
-    align-items: center;
+    
     gap: 0.5rem;">
-                                            <i class="far fa-calendar"></i>
+                                            <img src="./assets/calendar.png" alt="" width="16" height="16" style="margin-right: 5px;">
                                             21nd April, 2025
                                         </div>
                                     </div>
@@ -1073,19 +1030,15 @@
                                 </div>
                             </div>
                             <div class="col-md-4 mb-4">
-                                <div class="release-item" style="    position: relative;
-    padding: 30px;
-    border-left: 3px solid #71639e;   
-    border-top: 2px solid #71639e24;
-    border-right: 2px solid #71639e24;
-    border-bottom: 2px solid #71639e24;    
-    border-radius: 0 15px 15px 0;">
-                                    <div class="release-header" style="
-    display: flex;
-    align-items: center;
+                                <div class="release-item h-100" style="    position: relative;
+    padding: 30px; 
+    border: 2px solid #71639e24;   
+    border-radius: 15px;">
+                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+    
     gap: 1.5rem;
     margin-bottom: 0.75rem;
-    flex-wrap: wrap;">
+    ">
                                         <div class="version" style="font-size: 1.25rem;
     font-weight: 700;
     color: #1a202c;">Latest Release 18.0.1.0.1</div>
@@ -1098,14 +1051,13 @@
     position: relative;
     overflow: hidden;background-color: #90cdf4;
     color: #2b6cb0;
-    border: 2px solid #7dd3fc;" class="badge update">Update</div>
+    border: 2px solid #7dd3fc;" class=" update">Update</div>
                                         <div class="date" style="    color: #64748b;
     font-size: 0.875rem;
     font-weight: 500;
-    display: flex;
-    align-items: center;
+    
     gap: 0.5rem;">
-                                            <i class="far fa-calendar"></i>
+                                            <img src="./assets/calendar.png" alt="" width="16" height="16" style="margin-right: 5px;">
                                             22nd October, 2024
                                         </div>
                                     </div>
@@ -1125,19 +1077,15 @@
                                 </div>
                             </div>
                             <div class="col-md-4 mb-4">
-                                <div class="release-item" style="    position: relative;
+                                <div class="release-item h-100" style="    position: relative;
     padding: 30px;
-    border-left: 3px solid #71639e;   
-    border-top: 2px solid #71639e24;
-    border-right: 2px solid #71639e24;
-    border-bottom: 2px solid #71639e24;    
-    border-radius: 0 15px 15px 0;">
-                                    <div class="release-header" style="
-    display: flex;
-    align-items: center;
+    border: 2px solid #71639e24;    
+    border-radius: 15px;">
+                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+    
     gap: 1.5rem;
     margin-bottom: 0.75rem;
-    flex-wrap: wrap;">
+    ">
                                         <div class="version" style="font-size: 1.25rem;
     font-weight: 700;
     color: #1a202c;">Latest Release 18.0.1.0.0</div>
@@ -1150,14 +1098,13 @@
     position: relative;
     overflow: hidden;    background-color: #9ae6b4;
     color: #2d7d32;
-    border: 2px solid #68d391;" class="badge add">Add</div>
+    border: 2px solid #68d391;" class=" add">Add</div>
                                         <div class="date" style="    color: #64748b;
     font-size: 0.875rem;
     font-weight: 500;
-    display: flex;
-    align-items: center;
+    
     gap: 0.5rem;">
-                                            <i class="far fa-calendar"></i>
+                                            <img src="./assets/calendar.png" alt="" width="16" height="16" style="margin-right: 5px;">
                                             25th September, 2024
                                         </div>
                                     </div>
@@ -1202,7 +1149,7 @@
             <div class="row">
 
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center"
+                    <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
@@ -1211,8 +1158,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -1227,7 +1174,7 @@
                 </div>
 
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center"
+                    <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
@@ -1236,8 +1183,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -1253,7 +1200,7 @@
                 </div>
 
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center"
+                    <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
@@ -1262,8 +1209,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -1278,7 +1225,7 @@
                 </div>
 
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center"
+                    <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
@@ -1287,8 +1234,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -1303,7 +1250,7 @@
                 </div>
 
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center"
+                    <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
@@ -1312,8 +1259,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -1328,7 +1275,7 @@
                 </div>
 
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card high d-flex flex-column justify-content-center align-items-center text-center"
+                    <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
@@ -1337,8 +1284,8 @@
     position: relative;
     overflow: hidden;">
 
-                        <div class="card-icon"
-                            style="width: 60px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
                             <img src="./assets/chart.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
@@ -1368,7 +1315,7 @@
 
             <div class="row">
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card p-4" style="background-color: white;
+                    <div class="highlight-card h-100 p-4" style="background-color: white;
     backdrop-filter: blur(20px);
     border-radius: 10px;
     padding: 32px;
@@ -1381,7 +1328,7 @@
     margin-bottom: 1rem;
     border-radius: 10px;
     overflow: hidden;">
-                            <img src="./assets/temp.jpg" alt="" style="width: 100%;">
+                            <img src="./assets/temp.jpg" alt="" style="width: 100%;border-radius: 10px;">
                         </div>
 
                         <h3 class="card-title"
@@ -1395,7 +1342,7 @@
                     </div>
                 </div>
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card p-4" style="background-color: white;
+                    <div class="highlight-card h-100 p-4" style="background-color: white;
     backdrop-filter: blur(20px);
     border-radius: 10px;
     padding: 32px;
@@ -1408,7 +1355,7 @@
     margin-bottom: 1rem;
     border-radius: 10px;
     overflow: hidden;">
-                            <img src="./assets/temp.jpg" alt="" style="width: 100%;">
+                            <img src="./assets/temp.jpg" alt="" style="width: 100%;border-radius: 10px;">
                         </div>
 
                         <h3 class="card-title"
@@ -1422,7 +1369,7 @@
                     </div>
                 </div>
                 <div class="col-md-4 mb-4">
-                    <div class="highlight-card p-4" style="background-color: white;
+                    <div class="highlight-card h-100 p-4" style="background-color: white;
     backdrop-filter: blur(20px);
     border-radius: 10px;
     padding: 32px;
@@ -1435,7 +1382,7 @@
     margin-bottom: 1rem;
     border-radius: 10px;
     overflow: hidden;">
-                            <img src="./assets/temp.jpg" alt="" style="width: 100%;">
+                            <img src="./assets/temp.jpg" alt="" style="width: 100%;border-radius: 10px;">
                         </div>
 
                         <h3 class="card-title"