diff --git a/js/WorkflowAI-H24-scr501-en.html b/js/WorkflowAI-H24-scr501-en.html
index 2ba0d24..c6bca2d 100644
--- a/js/WorkflowAI-H24-scr501-en.html
+++ b/js/WorkflowAI-H24-scr501-en.html
@@ -68,20 +68,20 @@ <h2 class=" dmview-title">##store_lb##</h2>
             <nav>
                 <ul class="nav nav-pills mb-3" id="dmTabs" role="tablist">
                     <li class="nav-item" role="presentation">
-                        <button class="nav-link active" id="tab1" data-bs-toggle="tab" data-bs-target="#info-content"
+                        <button class="nav-link active" id="tab1" data-bs-toggle="tab" href="#info-content"
                             type="button" role="tab" aria-controls="info-content" aria-selected="true">
                             👤 Profile
                         </button>
                     </li>
                     <li class="nav-item" role="presentation">
-                        <button class="nav-link active" id="tab2" data-bs-toggle="tab" data-bs-target="#media-content"
-                            type="button" role="tab" aria-controls="media-content" aria-selected="false">
+                        <button class="nav-link" id="tab2" data-bs-toggle="tab" hreft="#media-content" type="button"
+                            role="tab" aria-controls="media-content" aria-selected="false">
                             💼 Documents
                         </button>
                     </li>
                     <li class="nav-item" role="presentation">
-                        <button class="nav-link active" id="tab3" data-bs-toggle="tab" data-bs-target="#map-content"
-                            type="button" role="tab" aria-controls="map-content" aria-selected="false">
+                        <button class="nav-link" id="tab3" data-bs-toggle="tab" href="#map-content" type="button"
+                            role="tab" aria-controls="map-content" aria-selected="false">
                             📍 Maps
                         </button>
                     </li>
@@ -133,19 +133,7 @@ <h2 class=" dmview-title">##store_lb##</h2>
                 const listFilesArray = listFiles.split(";");
                 new MediaSlider('media-slider-container', listFilesArray);
 
-                // Initialize Bootstrap tabs
-                const triggerTabList = document.querySelectorAll('#dmTabs button');
-                const tabList = [...triggerTabList].map(triggerEl => {
-                    const tabTrigger = new bootstrap.Tab(triggerEl);
-
-                    triggerEl.addEventListener('click', event => {
-                        event.preventDefault();
-                        tabTrigger.show();
-                    });
-
-                    return tabTrigger;
-                });
-            });
+            });    
     </script>
 </body>
 
diff --git a/js/WorkflowAI-H24-scr501.html b/js/WorkflowAI-H24-scr501.html
index 40e0e20..e7965a0 100644
--- a/js/WorkflowAI-H24-scr501.html
+++ b/js/WorkflowAI-H24-scr501.html
@@ -34,26 +34,16 @@
                 --color_theme_link: #0056b3;
                 --color_theme_shadow: rgba(0, 0, 0, 0.15);
 
-                --size-spacing-nano: 0.5rem;
-                /* 8px */
-                --size-spacing-micro: 0.625rem;
-                /* 10px */
-                --size-spacing-small: 0.75rem;
-                /* 12px */
-                --size-spacing-medium: 1rem;
-                /* 16px */
-                --size-spacing-large: 2rem;
-                /* 32px */
-                --size-spacing-xl: 2.5rem;
-                /* 40px */
-                --size-spacing-xxl: 3rem;
-                /* 48px */
-                --size-spacing-xxxl: 3.5rem;
-                /* 56px */
-                --size-spacing-mega: 4rem;
-                /* 64px */
-                --size-spacing-giga: 5rem;
-                /* 80px */
+                --size-spacing-nano: 0.5rem;    /* 8px */
+                --size-spacing-micro: 0.625rem; /* 10px */
+                --size-spacing-small: 0.75rem;  /* 12px */
+                --size-spacing-medium: 1rem;    /* 16px */
+                --size-spacing-large: 2rem;     /* 32px */
+                --size-spacing-xl: 2.5rem;      /* 40px */
+                --size-spacing-xxl: 3rem;       /* 48px */
+                --size-spacing-xxxl: 3.5rem;    /* 56px */
+                --size-spacing-mega: 4rem;      /* 64px */
+                --size-spacing-giga: 5rem;      /* 80px */
                 --size-spacing-base: var(--size-spacing-medium);
 
             }
@@ -61,67 +51,66 @@
     </head>
 
     <body>
-        <main class="container"">
+        <main class="container">
             <div>
-                <h2 class=" dmview-title">##store_lb##</h2>
+                <h2 class="dmview-title">##store_lb##</h2>
 
-            <div class="tab-container">
-                <nav>
-                    <ul class="nav nav-pills mb-3" id="dmTabs" role="tablist">
-                        <li class="nav-item" role="presentation">
-                            <button class="nav-link active" id="tab1" data-bs-toggle="tab"
-                                data-bs-target="#info-content" type="button" role="tab" aria-controls="info-content"
-                                aria-selected="true">
-                                👤 Profile
-                            </button>
-                        </li>
-                        <li class="nav-item" role="presentation">
-                            <button class="nav-link" id="tab2" data-bs-toggle="tab" data-bs-target="#media-content"
-                                type="button" role="tab" aria-controls="media-content" aria-selected="false">
-                                💼 Documents
-                            </button>
-                        </li>
-                        <li class="nav-item" role="presentation">
-                            <button class="nav-link" id="tab3" data-bs-toggle="tab" data-bs-target="#map-content"
-                                type="button" role="tab" aria-controls="map-content" aria-selected="false">
-                                📍 Maps
-                            </button>
-                        </li>
-                    </ul>
-                </nav>
+                <div class="tab-container">
+                    <nav>
+                        <ul class="nav nav-pills mb-3" id="dmTabs" role="tablist">
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link active" id="tab1" data-bs-toggle="tab"
+                                    data-bs-target="#info-content" type="button" role="tab" aria-controls="info-content"
+                                    aria-selected="true">
+                                    👤 Profile
+                                </button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" id="tab2" data-bs-toggle="tab" data-bs-target="#media-content"
+                                    type="button" role="tab" aria-controls="media-content" aria-selected="false">
+                                    💼 Documents
+                                </button>
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button class="nav-link" id="tab3" data-bs-toggle="tab" data-bs-target="#map-content"
+                                    type="button" role="tab" aria-controls="map-content" aria-selected="false">
+                                    📍 Maps
+                                </button>
+                            </li>
+                        </ul>
+                    </nav>
 
-                <div class="tab-content" id="TabContent">
-                    <div class="tab-pane fade show active" id="info-content" role="tabpanel" aria-labelledby="tab1">
-                        <div class="content-scroll">
-                            <p class="mb-1">
-                                <span aria-hidden="true">👤</span> ##crm_info_en##<br>##crm_desp##
-                            </p>
-                            <p class="mb-1">
-                                <span aria-hidden="true">✅</span> Care status: ##crm_interact_status##
-                            </p>
-                            <p class="mb-1">
-                                <span aria-hidden="true">🏷</span> Classifying label: ##customer_status_lb##
-                            </p>
-                            <p class="mb-1">
-                                <span aria-hidden="true">🔗</span> Source: ##crm_source_ct##
-                            </p>
-                            <p class="mb-1">
-                                <span aria-hidden="true">🆔</span> ID: ##store_id##
-                            </p>
+                    <div class="tab-content" id="TabContent">
+                        <div class="tab-pane fade show active" id="info-content" role="tabpanel" aria-labelledby="tab1">
+                            <div class="content-scroll">
+                                <p class="mb-1">
+                                    <span aria-hidden="true">👤</span> ##crm_info_en##<br>##crm_desp##
+                                </p>
+                                <p class="mb-1">
+                                    <span aria-hidden="true">✅</span> Care status: ##crm_interact_status##
+                                </p>
+                                <p class="mb-1">
+                                    <span aria-hidden="true">🏷</span> Classifying label: ##customer_status_lb##
+                                </p>
+                                <p class="mb-1">
+                                    <span aria-hidden="true">🔗</span> Source: ##crm_source_ct##
+                                </p>
+                                <p class="mb-1">
+                                    <span aria-hidden="true">🆔</span> ID: ##store_id##
+                                </p>
+                            </div>
                         </div>
-                    </div>
 
-                    <div class="tab-pane fade" id="media-content" role="tabpanel" aria-labelledby="tab2">
-                        <div class="media-container" id="media-slider-container" aria-label="Media Gallery">
+                        <div class="tab-pane fade" id="media-content" role="tabpanel" aria-labelledby="tab2">
+                            <div class="media-container" id="media-slider-container" aria-label="Media Gallery">
+                            </div>
+                        </div>
+                        <div class="tab-pane fade" id="map-content" role="tabpanel" aria-labelledby="tab3">
+                            <iframe tabindex="-1" width=100% height=100% style="border:0;" loading="lazy" allowfullscreen src="https://maps.google.com/maps?key=AIzaSyCZ9K-IVs5Q2leQsh19KF-oYRvL9lJGzJQ&q=##crm_gpsLatitude##,##crm_gpsLongitude##&z=14&output=embed"></iframe>
                         </div>
-                    </div>
-                    <div class="tab-pane fade" id="map-content" role="tabpanel" aria-labelledby="tab3">
-                        <iframe tabindex="-1" width=100% height=100% style="border:0;" loading="lazy" allowfullscreen
-                            src="https://maps.google.com/maps?key=AIzaSyCZ9K-IVs5Q2leQsh19KF-oYRvL9lJGzJQ&q=##crm_gpsLatitude##,##crm_gpsLongitude##&z=14&output=embed"></iframe>
                     </div>
                 </div>
             </div>
-            </div>
         </main>
 
         <!-- Modern JS Dependencies -->
@@ -134,19 +123,6 @@ <h2 class=" dmview-title">##store_lb##</h2>
                     const listFiles = "https://img.icons8.com/ios-filled/50/youtube-squared.png;https://img.icons8.com/arcade/64/youtube-squared.png;https://img.icons8.com/officel/50/facebook-new.png;https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf;https://filesamples.com/samples/document/docx/sample3.docx;https://www.w3resource.com/python-exercises/pandas/excel/SaleData.xlsx;http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
                     const listFilesArray = listFiles.split(";");
                     new MediaSlider('media-slider-container', listFilesArray);
-
-                    // Initialize Bootstrap tabs
-                    const triggerTabList = document.querySelectorAll('#dmTabs button');
-                    const tabList = [...triggerTabList].map(triggerEl => {
-                        const tabTrigger = new bootstrap.Tab(triggerEl);
-
-                        triggerEl.addEventListener('click', event => {
-                            event.preventDefault();
-                            tabTrigger.show();
-                        });
-
-                        return tabTrigger;
-                    });
                 });
         </script>
     </body>
@@ -189,26 +165,16 @@ <h2 class=" dmview-title">##store_lb##</h2>
                 --color_theme_link: #0056b3;
                 --color_theme_shadow: rgba(0, 0, 0, 0.15);
 
-                --size-spacing-nano: 0.5rem;
-                /* 8px */
-                --size-spacing-micro: 0.625rem;
-                /* 10px */
-                --size-spacing-small: 0.75rem;
-                /* 12px */
-                --size-spacing-medium: 1rem;
-                /* 16px */
-                --size-spacing-large: 2rem;
-                /* 32px */
-                --size-spacing-xl: 2.5rem;
-                /* 40px */
-                --size-spacing-xxl: 3rem;
-                /* 48px */
-                --size-spacing-xxxl: 3.5rem;
-                /* 56px */
-                --size-spacing-mega: 4rem;
-                /* 64px */
-                --size-spacing-giga: 5rem;
-                /* 80px */
+                --size-spacing-nano: 0.5rem;    /* 8px */
+                --size-spacing-micro: 0.625rem; /* 10px */
+                --size-spacing-small: 0.75rem;  /* 12px */
+                --size-spacing-medium: 1rem;    /* 16px */
+                --size-spacing-large: 2rem;     /* 32px */
+                --size-spacing-xl: 2.5rem;      /* 40px */
+                --size-spacing-xxl: 3rem;       /* 48px */
+                --size-spacing-xxxl: 3.5rem;    /* 56px */
+                --size-spacing-mega: 4rem;      /* 64px */
+                --size-spacing-giga: 5rem;      /* 80px */
                 --size-spacing-base: var(--size-spacing-medium);
             }
         </style>
@@ -270,9 +236,7 @@ <h2 class="dmview-title">##store_lb##</h2>
                             </div>
                         </div>
                         <div class="tab-pane fade" id="map-content" role="tabpanel" aria-labelledby="tab3">
-                            <iframe tabindex="-1" width=100% height=100% style="border:0;" loading="lazy"
-                                allowfullscreen
-                                src="https://maps.google.com/maps?key=AIzaSyCZ9K-IVs5Q2leQsh19KF-oYRvL9lJGzJQ&q=##crm_gpsLatitude##,##crm_gpsLongitude##&z=14&output=embed"></iframe>
+                            <iframe tabindex="-1" width=100% height=100% style="border:0;" loading="lazy" allowfullscreen src="https://maps.google.com/maps?key=AIzaSyCZ9K-IVs5Q2leQsh19KF-oYRvL9lJGzJQ&q=##crm_gpsLatitude##,##crm_gpsLongitude##&z=14&output=embed"></iframe>
                         </div>
                     </div>
                 </div>
@@ -289,22 +253,8 @@ <h2 class="dmview-title">##store_lb##</h2>
                     const listFiles = "https://img.icons8.com/ios-filled/50/youtube-squared.png;https://img.icons8.com/arcade/64/youtube-squared.png;https://img.icons8.com/officel/50/facebook-new.png;https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf;https://filesamples.com/samples/document/docx/sample3.docx;https://www.w3resource.com/python-exercises/pandas/excel/SaleData.xlsx;http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
                     const listFilesArray = listFiles.split(";");
                     new MediaSlider('media-slider-container', listFilesArray);
-
-                    // Initialize Bootstrap tabs
-                    const triggerTabList = document.querySelectorAll('#dmTabs button');
-                    const tabList = [...triggerTabList].map(triggerEl => {
-                        const tabTrigger = new bootstrap.Tab(triggerEl);
-
-                        triggerEl.addEventListener('click', event => {
-                            event.preventDefault();
-                            tabTrigger.show();
-                        });
-
-                        return tabTrigger;
-                    });
                 });
         </script>
     </body>
-
     </html>
 </vi>
\ No newline at end of file