diff --git a/report_attachment_preview/__manifest__.py b/report_attachment_preview/__manifest__.py
index f037fcfbb..7a68f4197 100644
--- a/report_attachment_preview/__manifest__.py
+++ b/report_attachment_preview/__manifest__.py
@@ -21,7 +21,7 @@
 #############################################################################
 {
     'name': 'Reports and Attachments Preview in Browser',
-    'version': '18.0.1.0.0',
+    'version': '1.3',
     'category': 'Extra Tools',
     'summary': """Open PDF Reports and Attachments Preview in new Browser Tab""",
     'description': """This module enables viewing PDF reports and attachments in
diff --git a/report_attachment_preview/doc/RELEASE_NOTES.md b/report_attachment_preview/doc/RELEASE_NOTES.md
index 0a20b4513..c8025ac38 100755
--- a/report_attachment_preview/doc/RELEASE_NOTES.md
+++ b/report_attachment_preview/doc/RELEASE_NOTES.md
@@ -4,3 +4,8 @@
 #### Version 18.0.1.0.0
 #### ADD
 - Initial Commit for Reports and Attachments Preview in Browser
+
+#### 29.10.2024
+#### Version 18.0.1.0.0
+#### Bug fixes
+ - Resolved the style issue of the related products
diff --git a/report_attachment_preview/static/description/index.html b/report_attachment_preview/static/description/index.html
index 909701df3..9a02e05fc 100644
--- a/report_attachment_preview/static/description/index.html
+++ b/report_attachment_preview/static/description/index.html
@@ -126,7 +126,8 @@
               line-height: 15.96px;
               text-transform: uppercase;
             ">
-                                  Open PDF Reports and Attachments Preview in new Browser Tab.
+                                Open PDF Reports and Attachments Preview in new
+                                Browser Tab.
                             </p>
                             <h1 class="text-center text-uppercase my-0"
                                 style="
@@ -298,7 +299,8 @@
                                </span>
                                     <span style="font-weight: 500;">odoo@cybrosys.com</span>
                                 </a>
-                                <a href="https://wa.me/919074270811" target="_blank" class="shop-btn"
+                                <a href="https://wa.me/919074270811"
+                                   target="_blank" class="shop-btn"
                                    style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
             border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20));
             background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%);
@@ -490,7 +492,9 @@
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
                                             <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
-                                                Available in Odoo 18.0 Community, Enterprise and Odoo.sh .</p>
+                                                Available in Odoo 17.0
+                                                Community, Enterprise and
+                                                Odoo.sh .</p>
                                         </div>
 
                                     </div>
@@ -505,7 +509,9 @@
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
                                             <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
-                                                We can see a preview of attachments while downloading them. .</p>
+                                                We can see a preview of
+                                                attachments while downloading
+                                                them. .</p>
                                         </div>
                                     </div>
                                 </div>
@@ -519,7 +525,9 @@
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
                                             <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
-                                                Open PDF reports in a new browser tab without downloading. .</p>
+                                                Open PDF reports in a new
+                                                browser tab without downloading.
+                                                .</p>
                                         </div>
 
                                     </div>
@@ -711,7 +719,7 @@
                                         Latest Release 18.0.1.0.0
                                     </h4>
                                     <span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;">
-                                          9th October, 2024
+                                          26th September, 2024
                                     </span>
                                 </div>
                                 <div class="col-md-8">
@@ -738,136 +746,141 @@
                         </div>
                     </div>
                 </div>
+            </div>
                 <!--  -->
                 <!-- related post -->
-                <div class="" style="margin-top: 100px;">
-                    <div class="text-center mt-4">
-                        <h3 class="mb-0" style="color: #000;
-      text-align: center;
-      font-family: Montserrat;
-      font-size: 40px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: normal;
-      text-transform: uppercase;
-      padding-bottom: 50px;"
-                        >Related Modules</h3>
-                    </div>
-
-                    <div class="owl-carousel owl-theme">
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/1.gif"
-                                                 alt="" width="100%"
-                                                 height="auto">
+                <section class="oe_container mt32">
+                    <h2 style="color: #091E42;font-family: &quot;Montserrat&quot;;text-align: center;margin: 25px auto;text-transform: uppercase;"
+                        class="oe_slogan">
+                        <b>Related Products</b>
+                    </h2>
+                    <div id="demo" class="row carousel slide mt64 mb32"
+                         data-bs-ride="carousel">
+                        <!-- The slideshow -->
+                        <div class="carousel-inner">
+                            <div class="carousel-item active">
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                     style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit"
+                                       target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block"
+                                                 style=" max-width: 100%;"
+                                                 src="./assets/modules/1.gif"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Odoo 17 Full Accounting Kit</h4>
                                         </div>
-                                        <p class="text-center mb-2 pb-0 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Odoo 17 Full Accounting Kit</p>
-                                    </div>
-                                </a>
-                            </div>
-                        </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/2.gif"
-                                                 alt="" width="100%"
-                                                 height="auto">
+                                    </a>
+                                </div>
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                     style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core"
+                                       target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block"
+                                                 style=" max-width: 100%;"
+                                                 src="./assets/modules/2.gif"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Open HRMS Core</h4>
                                         </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Open HRMS Core</p>
-                                    </div>
-                                </a>
-                            </div>
-                        </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/3.png"
-                                                 alt="" width="100%"
-                                                 height="auto">
+                                    </a>
+                                </div>
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                     style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor"
+                                       target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block"
+                                                 style=" max-width: 100%;"
+                                                 src="./assets/modules/3.png"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Odoo17 Invoice Format
+                                                Editor </h4>
                                         </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Odoo17 Invoice Format Editor</p>
-                                    </div>
-                                </a>
+                                    </a>
+                                </div>
                             </div>
-                        </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/4.png"
-                                                 alt="" width="100%"
-                                                 height="auto">
+                            <div class="carousel-item">
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                     style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail"
+                                       target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block"
+                                                 style=" max-width: 100%;"
+                                                 src="./assets/modules/4.png"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                User Log Details</h4>
                                         </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            User Log Details</p>
-                                    </div>
-                                </a>
-                            </div>
-                        </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/product_barcode"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/5.png"
-                                                 alt="" width="100%"
-                                                 height="auto">
+                                    </a>
+                                </div>
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                     style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/product_barcode"
+                                       target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block"
+                                                 style=" max-width: 100%;"
+                                                 src="./assets/modules/5.png"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Odoo17 Product Barcode
+                                                Generator </h4>
                                         </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Odoo17 Product Barcode Generator</p>
-                                    </div>
-                                </a>
-                            </div>
-                        </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/6.jpg"
-                                                 alt="" width="100%"
-                                                 height="auto">
+                                    </a>
+                                </div>
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                     style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect"
+                                       target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block"
+                                                 style=" max-width: 100%;"
+                                                 src="./assets/modules/6.jpg"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Send Whatsapp Message
+                                                Odoo17</h4>
                                         </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Send Whatsapp Message Odoo17</p>
-                                    </div>
-                                </a>
+                                    </a>
+                                </div>
                             </div>
                         </div>
+                        <!-- Left and right controls -->
+                        <a class="carousel-control-prev" href="#demo"
+                           data-bs-slide="prev"
+                           style="margin-left: -30px;width: 35px;color: #000;">
+                            <span class="carousel-control-prev-icon">
+                                <i class="fa fa-chevron-left"
+                                   style="font-size:24px"></i>
+                            </span>
+                        </a>
+                        <a class="carousel-control-next" href="#demo"
+                           data-bs-slide="next"
+                           style="margin-right: -30px;width: 35px;color: #000;">
+                            <span class="carousel-control-next-icon">
+                                <i class="fa fa-chevron-right"
+                                   style="font-size:24px"></i>
+                            </span>
+                        </a>
                     </div>
-                </div>
-                <!--  -->
-                <!-- service-section -->
-
+                </section>
                 <section id="services" class="mt-5" style="border-radius: 16px;
                                                             border: 1px solid #EBEEF2;
                                                             background: var(--Neutral-N0, #FFF);
@@ -1026,7 +1039,7 @@
                 </div>
             </div>
             <!--  -->
-            </div>
+        </div>
         <!--  -->
     </div>
 </div>