From ef2bf9fee0175b81e7fa5459e95cf3265ecccfd9 Mon Sep 17 00:00:00 2001
From: AjmalCybro <ajmal@cybrosys.in>
Date: Tue, 16 Sep 2025 15:34:09 +0530
Subject: [PATCH] Sep 3 [UPDT] : Updated 'sale_order_discount_approval_odoo'

---
 .../static/description/assets/calendar.png    | Bin 0 -> 1862 bytes
 index_test_odoo/static/description/index.html | 363 ++++++++----------
 2 files changed, 155 insertions(+), 208 deletions(-)
 create mode 100644 index_test_odoo/static/description/assets/calendar.png

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 0000000000000000000000000000000000000000..0e34d7a390c86d5d6bb5b6dc88569b2f7a8ccab4
GIT binary patch
literal 1862
zcmaJ?X;2eq7!F!gP*4;+X^f!?3gje^69obqG#S7M@n%UjBto*wW+j^_79$po7_FAW
z@n8l<L^NnokP(oHiijg>@fZ)R@uF5KphiFkOE)UoAEi69`yKN<&-=XZ_kOe6<0K0`
z+^4$}2m}w&B4GkP@}2LPQTUfTa1X(UX=t<zT?#2tJ%E6O2nCb^l0+IH6-)pDg(0H_
z#2F*~)lwNM6EES)Aq@p^Vknpf#@V>od<+KUX&_2U0aMjl0lB-bkxWu61mq-^m?nm!
zK$Uut5doJPB~rODP0mq}=ZBN{7#A1NfG9x1H0fF$7ZZ>_>2mS8bDK&geS)BA0`g~5
zGI1O!3PL~<he8jQ(`XD*7>5Fc0-;P!C>sbOF=&hsDve2{g$C2<To!{%W0Af*WIQ0E
zP;wK5F<-*rD*;)BqA-_A)$8>XJ(B_<sZ=_L!=cg`R0bm$M+EB(S`@&7wK~5c1tF-D
zBWf5`Lt2tk5lDg7qXIH+_Hz~*_^Yf|_oY&J&8QdvQ|T0%Gpiw>Sp5G`jpi#_hbDmE
z{Qjq~PHKQbY67T()+2KK?38}aP%t+N0Ra?3q!5%oRLD3LghDzM1d|vn3Y|_0NK$JR
zkX|?U6GJTKinKZu(8@uPP(a2tC~CEW8^MfW#t0*X9ELE4PLH8+*kQt`5Eh#m8OjKa
z2&D~ig^+x`2GpWMT*WtT^sroKKWJb)vJgbnnV=#Dfi$E~Npsc1dx;!Y?+aHkyqBn9
zxm4T?)p@l4I_jY<ynme2uf2;ezIH#T#akZ1dpmZ-n{D`&sTK(%q}ct={fkw%7EEpS
ze{g$6b#-FkokVYMuL$ZB+YVFyhwLY(Mn{_$#oLJW+pvkz{OwbYPVw4GbdbY)GJ1Bt
zNc0lAKI*R>GjCCKqUOy0{=v)MWj7UV+r?LuZ*04|x;hno#gcPLN^5U#rgHgYrp>n*
zSUxe$oLn`Id9{jo;<m|1^SM0uA<16SQ$Ow2#r`bF)I5;EQMr^J?t5k%4bR-@F|ppq
z*Jba<@Schvu$e_OO6?6Mdn_z{{X1l5v&R`53LFR=JFB4cjAJ0_YG73omcB*XwBeX-
z6YP?g?|SpmmL|I@>gsY=&lXc^cC=gXGTw(Qaid)w?zyDK<Y>3N-_iG;@5xxvrW4v`
zM;&0V#8$bKH3wnm9ILN{bXX=fIO0z1+}iHe?lME}Day;8<<2W!a7;;jd~y~=e(w$(
zb3V5AM##-JpY%wEX4=8U^IdjCjp|K#-+j*8RlnJCn!luHPZ?oNA#9Zj)+@K>Jjp!o
z+C56M98jl<Wv%-L1M1AJ>7`7o6mGk)$8vDA{_v|q65r~C>E3UzW#_i>D>mIR%{Ciu
zvFj<U83DSIYwJq26l-9=-(CCDXXP&aM5!UKfv`WzVwha-`jmgEy!HOYQDNg-%Kb!t
z-Cc3eDAS7u<1h!Y<5AN<CA(v$rSPL-Brm_@-Rtg2f3gm^O+7^}Ds-b4aIGgz%T`}8
zrL=q2*7!E@c^B(}N&GeR7)h$>y3CMmPiUeq^KV>|bh5JWkgFtnW!t^OPt#MnJ`$-b
z36{;HiI0!RXGE^6?Q87tDhT+cHP6rU42<$TtwF1rGsgP2o{l_#mVU=8bCW!U=dpd#
zRf6_Q?Vd-HM*MdCvRO4UR$^?(Dg04vzRqizG=8BwUAh6<wW5a?{RZ9_=29WJbZCnp
z{H-dmEw(uQ74vROeRps1$iSky)qYj8AAUdK?#Gw+E3*&OE{qR67TetQ^YL8kn3q6c
za*#DQmsdTmBKP2gx1GD+oosbvdTosj4%|0rDQ-zFxh~6pQgqmSwjk4eXZ-PN=JJLR
z!^OpR;*56f>LcZ8e`K8aa9O^O72y7H?$w7Z^n%>yhR49!a@W1qju-chmde|@pIA2;
z+NFza1Y1^#of`Ca*4~T<OXFz|tFVIPUvHtEy9*tgbIe&DHSgBer1;M1YaENt5x!Up
zPY(jSl+v)E=Wh+KQ~Bt^E_d0b_By1g$T%6xkDmVqW0GzozRKqar*t}D^3l+iytLN?
aladMEth(B=rkqUYpG_1k5mrVfoBjd6Tkr?~

literal 0
HcmV?d00001

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"