diff --git a/_includes/aside.html b/_includes/aside.html
index 94255f9a..14255942 100644
--- a/_includes/aside.html
+++ b/_includes/aside.html
@@ -49,336 +49,3 @@ <h5 class="offcanvas-title" id="bdSidebarOffcanvasLabel">Browse docs</h5>
     </div>
   </div>
 </aside>
-
-
-<!-- <aside class="bd-sidebar">
-          <div class="offcanvas-lg offcanvas-start" tabindex="-1" id="bdSidebar"
-            aria-labelledby="bdSidebarOffcanvasLabel">
-            <div class="offcanvas-header border-bottom">
-              <h5 class="offcanvas-title" id="bdSidebarOffcanvasLabel">Browse docs</h5>
-              <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"
-                data-bs-target="#bdSidebar"></button>
-            </div>
-
-            <div class="offcanvas-body">
-              <nav class="bd-links w-100" id="bd-docs-nav" aria-label="Docs navigation">
-                <ul class="bd-links-nav list-unstyled mb-0 pb-3 pb-md-2 pe-lg-2">
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-indigo);" aria-hidden="true">
-                        <use xlink:href="#book-half"></use>
-                      </svg>
-                      Getting started
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/getting-started/introduction/"
-                          class="bd-links-link d-inline-block rounded active" aria-current="page">Introduction</a></li>
-                      <li><a href="/docs/5.3/getting-started/download/"
-                          class="bd-links-link d-inline-block rounded">Download</a></li>
-                      <li><a href="/docs/5.3/getting-started/contents/"
-                          class="bd-links-link d-inline-block rounded">Contents</a></li>
-                      <li><a href="/docs/5.3/getting-started/browsers-devices/"
-                          class="bd-links-link d-inline-block rounded">Browsers &amp; devices</a></li>
-                      <li><a href="/docs/5.3/getting-started/javascript/"
-                          class="bd-links-link d-inline-block rounded">JavaScript</a></li>
-                      <li><a href="/docs/5.3/getting-started/webpack/"
-                          class="bd-links-link d-inline-block rounded">Webpack</a></li>
-                      <li><a href="/docs/5.3/getting-started/parcel/"
-                          class="bd-links-link d-inline-block rounded">Parcel</a></li>
-                      <li><a href="/docs/5.3/getting-started/vite/"
-                          class="bd-links-link d-inline-block rounded">Vite</a></li>
-                      <li><a href="/docs/5.3/getting-started/accessibility/"
-                          class="bd-links-link d-inline-block rounded">Accessibility</a></li>
-                      <li><a href="/docs/5.3/getting-started/rfs/" class="bd-links-link d-inline-block rounded">RFS</a>
-                      </li>
-                      <li><a href="/docs/5.3/getting-started/rtl/" class="bd-links-link d-inline-block rounded">RTL</a>
-                      </li>
-                      <li><a href="/docs/5.3/getting-started/contribute/"
-                          class="bd-links-link d-inline-block rounded">Contribute</a></li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-pink);" aria-hidden="true">
-                        <use xlink:href="#palette2"></use>
-                      </svg>
-                      Customize
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/customize/overview/"
-                          class="bd-links-link d-inline-block rounded">Overview</a></li>
-                      <li><a href="/docs/5.3/customize/sass/" class="bd-links-link d-inline-block rounded">Sass</a></li>
-                      <li><a href="/docs/5.3/customize/options/"
-                          class="bd-links-link d-inline-block rounded">Options</a></li>
-                      <li><a href="/docs/5.3/customize/color/" class="bd-links-link d-inline-block rounded">Color</a>
-                      </li>
-                      <li><a href="/docs/5.3/customize/color-modes/" class="bd-links-link d-inline-block rounded">Color
-                          modes</a></li>
-                      <li><a href="/docs/5.3/customize/components/"
-                          class="bd-links-link d-inline-block rounded">Components</a></li>
-                      <li><a href="/docs/5.3/customize/css-variables/" class="bd-links-link d-inline-block rounded">CSS
-                          variables</a></li>
-                      <li><a href="/docs/5.3/customize/optimize/"
-                          class="bd-links-link d-inline-block rounded">Optimize</a></li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-teal);" aria-hidden="true">
-                        <use xlink:href="#grid-fill"></use>
-                      </svg>
-                      Layout
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/layout/breakpoints/"
-                          class="bd-links-link d-inline-block rounded">Breakpoints</a></li>
-                      <li><a href="/docs/5.3/layout/containers/"
-                          class="bd-links-link d-inline-block rounded">Containers</a></li>
-                      <li><a href="/docs/5.3/layout/grid/" class="bd-links-link d-inline-block rounded">Grid</a></li>
-                      <li><a href="/docs/5.3/layout/columns/" class="bd-links-link d-inline-block rounded">Columns</a>
-                      </li>
-                      <li><a href="/docs/5.3/layout/gutters/" class="bd-links-link d-inline-block rounded">Gutters</a>
-                      </li>
-                      <li><a href="/docs/5.3/layout/utilities/"
-                          class="bd-links-link d-inline-block rounded">Utilities</a></li>
-                      <li><a href="/docs/5.3/layout/z-index/" class="bd-links-link d-inline-block rounded">Z-index</a>
-                      </li>
-                      <li><a href="/docs/5.3/layout/css-grid/" class="bd-links-link d-inline-block rounded">CSS Grid</a>
-                      </li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-gray);" aria-hidden="true">
-                        <use xlink:href="#file-earmark-richtext"></use>
-                      </svg>
-                      Content
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/content/reboot/" class="bd-links-link d-inline-block rounded">Reboot</a>
-                      </li>
-                      <li><a href="/docs/5.3/content/typography/"
-                          class="bd-links-link d-inline-block rounded">Typography</a></li>
-                      <li><a href="/docs/5.3/content/images/" class="bd-links-link d-inline-block rounded">Images</a>
-                      </li>
-                      <li><a href="/docs/5.3/content/tables/" class="bd-links-link d-inline-block rounded">Tables</a>
-                      </li>
-                      <li><a href="/docs/5.3/content/figures/" class="bd-links-link d-inline-block rounded">Figures</a>
-                      </li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-blue);" aria-hidden="true">
-                        <use xlink:href="#ui-radios"></use>
-                      </svg>
-                      Forms
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/forms/overview/" class="bd-links-link d-inline-block rounded">Overview</a>
-                      </li>
-                      <li><a href="/docs/5.3/forms/form-control/" class="bd-links-link d-inline-block rounded">Form
-                          control</a></li>
-                      <li><a href="/docs/5.3/forms/select/" class="bd-links-link d-inline-block rounded">Select</a></li>
-                      <li><a href="/docs/5.3/forms/checks-radios/" class="bd-links-link d-inline-block rounded">Checks
-                          &amp; radios</a></li>
-                      <li><a href="/docs/5.3/forms/range/" class="bd-links-link d-inline-block rounded">Range</a></li>
-                      <li><a href="/docs/5.3/forms/input-group/" class="bd-links-link d-inline-block rounded">Input
-                          group</a></li>
-                      <li><a href="/docs/5.3/forms/floating-labels/"
-                          class="bd-links-link d-inline-block rounded">Floating labels</a></li>
-                      <li><a href="/docs/5.3/forms/layout/" class="bd-links-link d-inline-block rounded">Layout</a></li>
-                      <li><a href="/docs/5.3/forms/validation/"
-                          class="bd-links-link d-inline-block rounded">Validation</a></li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-cyan);" aria-hidden="true">
-                        <use xlink:href="#menu-button-wide-fill"></use>
-                      </svg>
-                      Components
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/components/accordion/"
-                          class="bd-links-link d-inline-block rounded">Accordion</a></li>
-                      <li><a href="/docs/5.3/components/alerts/" class="bd-links-link d-inline-block rounded">Alerts</a>
-                      </li>
-                      <li><a href="/docs/5.3/components/badge/" class="bd-links-link d-inline-block rounded">Badge</a>
-                      </li>
-                      <li><a href="/docs/5.3/components/breadcrumb/"
-                          class="bd-links-link d-inline-block rounded">Breadcrumb</a></li>
-                      <li><a href="/docs/5.3/components/buttons/"
-                          class="bd-links-link d-inline-block rounded">Buttons</a></li>
-                      <li><a href="/docs/5.3/components/button-group/"
-                          class="bd-links-link d-inline-block rounded">Button group</a></li>
-                      <li><a href="/docs/5.3/components/card/" class="bd-links-link d-inline-block rounded">Card</a>
-                      </li>
-                      <li><a href="/docs/5.3/components/carousel/"
-                          class="bd-links-link d-inline-block rounded">Carousel</a></li>
-                      <li><a href="/docs/5.3/components/close-button/"
-                          class="bd-links-link d-inline-block rounded">Close button</a></li>
-                      <li><a href="/docs/5.3/components/collapse/"
-                          class="bd-links-link d-inline-block rounded">Collapse</a></li>
-                      <li><a href="/docs/5.3/components/dropdowns/"
-                          class="bd-links-link d-inline-block rounded">Dropdowns</a></li>
-                      <li><a href="/docs/5.3/components/list-group/" class="bd-links-link d-inline-block rounded">List
-                          group</a></li>
-                      <li><a href="/docs/5.3/components/modal/" class="bd-links-link d-inline-block rounded">Modal</a>
-                      </li>
-                      <li><a href="/docs/5.3/components/navbar/" class="bd-links-link d-inline-block rounded">Navbar</a>
-                      </li>
-                      <li><a href="/docs/5.3/components/navs-tabs/" class="bd-links-link d-inline-block rounded">Navs
-                          &amp; tabs</a></li>
-                      <li><a href="/docs/5.3/components/offcanvas/"
-                          class="bd-links-link d-inline-block rounded">Offcanvas</a></li>
-                      <li><a href="/docs/5.3/components/pagination/"
-                          class="bd-links-link d-inline-block rounded">Pagination</a></li>
-                      <li><a href="/docs/5.3/components/placeholders/"
-                          class="bd-links-link d-inline-block rounded">Placeholders</a></li>
-                      <li><a href="/docs/5.3/components/popovers/"
-                          class="bd-links-link d-inline-block rounded">Popovers</a></li>
-                      <li><a href="/docs/5.3/components/progress/"
-                          class="bd-links-link d-inline-block rounded">Progress</a></li>
-                      <li><a href="/docs/5.3/components/scrollspy/"
-                          class="bd-links-link d-inline-block rounded">Scrollspy</a></li>
-                      <li><a href="/docs/5.3/components/spinners/"
-                          class="bd-links-link d-inline-block rounded">Spinners</a></li>
-                      <li><a href="/docs/5.3/components/toasts/" class="bd-links-link d-inline-block rounded">Toasts</a>
-                      </li>
-                      <li><a href="/docs/5.3/components/tooltips/"
-                          class="bd-links-link d-inline-block rounded">Tooltips</a></li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-orange);" aria-hidden="true">
-                        <use xlink:href="#magic"></use>
-                      </svg>
-                      Helpers
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/helpers/clearfix/"
-                          class="bd-links-link d-inline-block rounded">Clearfix</a></li>
-                      <li><a href="/docs/5.3/helpers/color-background/"
-                          class="bd-links-link d-inline-block rounded">Color &amp; background</a></li>
-                      <li><a href="/docs/5.3/helpers/colored-links/"
-                          class="bd-links-link d-inline-block rounded">Colored links</a></li>
-                      <li><a href="/docs/5.3/helpers/focus-ring/" class="bd-links-link d-inline-block rounded">Focus
-                          ring</a></li>
-                      <li><a href="/docs/5.3/helpers/icon-link/" class="bd-links-link d-inline-block rounded">Icon
-                          link</a></li>
-                      <li><a href="/docs/5.3/helpers/position/"
-                          class="bd-links-link d-inline-block rounded">Position</a></li>
-                      <li><a href="/docs/5.3/helpers/ratio/" class="bd-links-link d-inline-block rounded">Ratio</a></li>
-                      <li><a href="/docs/5.3/helpers/stacks/" class="bd-links-link d-inline-block rounded">Stacks</a>
-                      </li>
-                      <li><a href="/docs/5.3/helpers/stretched-link/"
-                          class="bd-links-link d-inline-block rounded">Stretched link</a></li>
-                      <li><a href="/docs/5.3/helpers/text-truncation/" class="bd-links-link d-inline-block rounded">Text
-                          truncation</a></li>
-                      <li><a href="/docs/5.3/helpers/vertical-rule/"
-                          class="bd-links-link d-inline-block rounded">Vertical rule</a></li>
-                      <li><a href="/docs/5.3/helpers/visually-hidden/"
-                          class="bd-links-link d-inline-block rounded">Visually hidden</a></li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-red);" aria-hidden="true">
-                        <use xlink:href="#braces-asterisk"></use>
-                      </svg>
-                      Utilities
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/utilities/api/" class="bd-links-link d-inline-block rounded">API</a></li>
-                      <li><a href="/docs/5.3/utilities/background/"
-                          class="bd-links-link d-inline-block rounded">Background</a></li>
-                      <li><a href="/docs/5.3/utilities/borders/"
-                          class="bd-links-link d-inline-block rounded">Borders</a></li>
-                      <li><a href="/docs/5.3/utilities/colors/" class="bd-links-link d-inline-block rounded">Colors</a>
-                      </li>
-                      <li><a href="/docs/5.3/utilities/display/"
-                          class="bd-links-link d-inline-block rounded">Display</a></li>
-                      <li><a href="/docs/5.3/utilities/flex/" class="bd-links-link d-inline-block rounded">Flex</a></li>
-                      <li><a href="/docs/5.3/utilities/float/" class="bd-links-link d-inline-block rounded">Float</a>
-                      </li>
-                      <li><a href="/docs/5.3/utilities/interactions/"
-                          class="bd-links-link d-inline-block rounded">Interactions</a></li>
-                      <li><a href="/docs/5.3/utilities/link/" class="bd-links-link d-inline-block rounded">Link</a></li>
-                      <li><a href="/docs/5.3/utilities/object-fit/" class="bd-links-link d-inline-block rounded">Object
-                          fit</a></li>
-                      <li><a href="/docs/5.3/utilities/opacity/"
-                          class="bd-links-link d-inline-block rounded">Opacity</a></li>
-                      <li><a href="/docs/5.3/utilities/overflow/"
-                          class="bd-links-link d-inline-block rounded">Overflow</a></li>
-                      <li><a href="/docs/5.3/utilities/position/"
-                          class="bd-links-link d-inline-block rounded">Position</a></li>
-                      <li><a href="/docs/5.3/utilities/shadows/"
-                          class="bd-links-link d-inline-block rounded">Shadows</a></li>
-                      <li><a href="/docs/5.3/utilities/sizing/" class="bd-links-link d-inline-block rounded">Sizing</a>
-                      </li>
-                      <li><a href="/docs/5.3/utilities/spacing/"
-                          class="bd-links-link d-inline-block rounded">Spacing</a></li>
-                      <li><a href="/docs/5.3/utilities/text/" class="bd-links-link d-inline-block rounded">Text</a></li>
-                      <li><a href="/docs/5.3/utilities/vertical-align/"
-                          class="bd-links-link d-inline-block rounded">Vertical align</a></li>
-                      <li><a href="/docs/5.3/utilities/visibility/"
-                          class="bd-links-link d-inline-block rounded">Visibility</a></li>
-                      <li><a href="/docs/5.3/utilities/z-index/"
-                          class="bd-links-link d-inline-block rounded">Z-index</a></li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-blue);" aria-hidden="true">
-                        <use xlink:href="#tools"></use>
-                      </svg>
-                      Extend
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/extend/approach/" class="bd-links-link d-inline-block rounded">Approach</a>
-                      </li>
-                      <li><a href="/docs/5.3/extend/icons/" class="bd-links-link d-inline-block rounded">Icons</a></li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-group py-2">
-                    <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
-                      <svg class="bi me-2" style="color: var(--bs-indigo);" aria-hidden="true">
-                        <use xlink:href="#globe2"></use>
-                      </svg>
-                      About
-                    </strong>
-
-                    <ul class="list-unstyled fw-normal pb-2 small">
-                      <li><a href="/docs/5.3/about/overview/" class="bd-links-link d-inline-block rounded">Overview</a>
-                      </li>
-                      <li><a href="/docs/5.3/about/team/" class="bd-links-link d-inline-block rounded">Team</a></li>
-                      <li><a href="/docs/5.3/about/brand/" class="bd-links-link d-inline-block rounded">Brand</a></li>
-                      <li><a href="/docs/5.3/about/license/" class="bd-links-link d-inline-block rounded">License</a>
-                      </li>
-                      <li><a href="/docs/5.3/about/translations/"
-                          class="bd-links-link d-inline-block rounded">Translations</a></li>
-                    </ul>
-                  </li>
-                  <li class="bd-links-span-all mt-1 mb-3 mx-4 border-top"></li>
-                  <li class="bd-links-span-all">
-                    <a href="/docs/5.3/migration/" class="bd-links-link d-inline-block rounded small ">
-                      Migration
-                    </a>
-                  </li>
-                </ul>
-              </nav>
-
-            </div>
-          </div>
-        </aside> -->
\ No newline at end of file
diff --git a/assets/css/docs53.css b/assets/css/docs53.css
index 8e213ead..48c4f911 100644
--- a/assets/css/docs53.css
+++ b/assets/css/docs53.css
@@ -1322,7 +1322,7 @@ details[open]>.bd-summary-link {
 
 .bd-links-link:focus,
 .bd-links-link.active {
-    color: var(--bs-emphasis-color);
+    color:  #ffb12d; /* var(--bs-emphasis-color); */
     background-color: var(--bd-grey)
 }
 
@@ -1927,7 +1927,7 @@ details[open]>.bd-summary-link {
 }
 
 .btn-bd-light {
-    --btn-custom-color: #9461fb;
+    --btn-custom-color: #ffb12d;
     --bs-btn-color: var(--bs-gray-600);
     --bs-btn-border-color: var(--bs-border-color);
     --bs-btn-hover-color: var(--btn-custom-color);
diff --git a/assets/js/main.js b/assets/js/main.js
index af99d7d4..20c6d3f5 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -1,9 +1,17 @@
 $(document).ready(function () {
 
-  AutoActivateFirstChildTab();
+  //AutoActivateFirstChildTab();
   GenerateScrollSpy();
+  ChangeMenuTablets();
 });
 
+
+function ChangeMenuTablets(){
+  var headingtext = $('#content').text()
+  $('.active').removeClass('active');
+  $('.bd-links-link:contains("'+ headingtext +'")').addClass('active');
+}
+
 // tab UI first child auto active
 
 function AutoActivateFirstChildTab() {