diff --git a/.github/dita-ot/header.xml b/.github/dita-ot/header.xml
index f9858cbd..ac849df4 100644
--- a/.github/dita-ot/header.xml
+++ b/.github/dita-ot/header.xml
@@ -53,7 +53,7 @@
         <li class="nav-item">
           <a
             class="nav-link"
-            href="https://getbootstrap.com/docs/5.1"
+            href="https://getbootstrap.com/docs/5.2"
           >Bootstrap Docs</a>
         </li>
       </ul>
diff --git a/.github/dita-ot/theme.css b/.github/dita-ot/theme.css
index 6ae7ae11..090e265c 100644
--- a/.github/dita-ot/theme.css
+++ b/.github/dita-ot/theme.css
@@ -21,3 +21,16 @@ footer {
   margin: 1rem -0.75rem 0;
   border: solid #dee2e6 1px;
 }
+
+.custom-popover {
+  --bs-popover-max-width: 200px;
+  --bs-popover-border-color: var(--bs-primary);
+  --bs-popover-header-bg: var(--bs-primary);
+  --bs-popover-header-color: var(--bs-white);
+  --bs-popover-body-padding-x: 1rem;
+  --bs-popover-body-padding-y: 0.5rem;
+}
+
+.custom-tooltip {
+  --bs-tooltip-bg: var(--bs-primary);
+}
diff --git a/Customization/xsl/accordion.xsl b/Customization/xsl/accordion.xsl
index e5af5f1b..f23788c5 100644
--- a/Customization/xsl/accordion.xsl
+++ b/Customization/xsl/accordion.xsl
@@ -12,7 +12,7 @@
   exclude-result-prefixes="xs xhtml dita-ot"
 >
   <!-- Customization to add Bootstrap Accordion Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/accordion/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/accordion/ -->
 
   <xsl:template match="*[contains(@class,' topic/bodydiv ') and contains(@outputclass, 'accordion')]">
     <div>
diff --git a/Customization/xsl/breadcrumb.xsl b/Customization/xsl/breadcrumb.xsl
index 6b6e7efb..107f4172 100644
--- a/Customization/xsl/breadcrumb.xsl
+++ b/Customization/xsl/breadcrumb.xsl
@@ -12,7 +12,7 @@
   exclude-result-prefixes="xs dita-ot ditamsg"
 >
   <!-- Override to add Bootstrap breadcrumb component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/breadcrumb/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/breadcrumb/ -->
 
   <!-- Whether include a bootstrap breadcrumb component on each page.  values are 'yes' or 'no' -->
   <xsl:param name="BREADCRUMBS" select="'no'"/>
@@ -21,10 +21,9 @@
 
   <!-- Add Bootstrap breadcrumb -->
   <xsl:template match="*" mode="gen-user-breadcrumb">
-
     <nav aria-label="breadcrumb">
       <xsl:if test="not($BREADCRUMB_DIVIDER = '/')">
-         <xsl:attribute name="style">
+        <xsl:attribute name="style">
           <xsl:text>--bs-breadcrumb-divider: '</xsl:text>
           <xsl:value-of select="$BREADCRUMB_DIVIDER"/>
           <xsl:text>';</xsl:text>
@@ -94,6 +93,4 @@
       </ol>
     </nav>
   </xsl:template>
-
-
 </xsl:stylesheet>
diff --git a/Customization/xsl/card.xsl b/Customization/xsl/card.xsl
index 5b918cb3..8c950e1d 100644
--- a/Customization/xsl/card.xsl
+++ b/Customization/xsl/card.xsl
@@ -12,7 +12,7 @@
   xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 >
   <!-- Customization to add Bootstrap Card Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/card/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/card/ -->
 
   <xsl:template match="*[contains(@class,' topic/section ') and contains(@outputclass, 'card')]">
     <div>
diff --git a/Customization/xsl/carousel.xsl b/Customization/xsl/carousel.xsl
index 64c1544c..4f92f5f8 100644
--- a/Customization/xsl/carousel.xsl
+++ b/Customization/xsl/carousel.xsl
@@ -12,7 +12,7 @@
   exclude-result-prefixes="xs xhtml dita-ot"
 >
   <!-- Customization to add Bootstrap Carousel Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/carousel/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/carousel/ -->
 
   <xsl:template
     match="*[ (contains(@class,' topic/ul ') or contains(@class, ' topic/ol ')) and contains(@outputclass, 'carousel')]"
diff --git a/Customization/xsl/collapse.xsl b/Customization/xsl/collapse.xsl
index 9071aa61..c0dffd6f 100644
--- a/Customization/xsl/collapse.xsl
+++ b/Customization/xsl/collapse.xsl
@@ -12,10 +12,10 @@
   exclude-result-prefixes="xs xhtml dita-ot"
 >
   <!-- Customization to add Bootstrap Collapse Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/collapse/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/collapse/ -->
 
   <xsl:template match="*[contains(@class,' topic/bodydiv ') and contains(@outputclass, 'collapse-horizontal')]">
-    <xsl:variable name="id" select="dita-ot:generate-html-id(.)"/>
+    <xsl:variable name="id" select="if(@id) then dita-ot:generate-html-id(.) else generate-id(.)"/>
     <div>
       <xsl:if test="contains(@otherprops, 'style(')">
         <xsl:attribute name="style">
@@ -65,11 +65,10 @@
     </div>
   </xsl:template>
 
-
   <!-- Override to connect an collapsed element to a button -->
   <xsl:template match="*[contains(@class,' topic/xref ') and contains(@props, 'collapse-toggle')]">
-    <xsl:variable name="href" select="replace(@href, '#', '')"/>
-    <xsl:variable name="id" select="dita-ot:generate-html-id(//*[@id=$href])"/>
+    <xsl:variable name="href" select="substring-after(@href, '#')"/>
+    <xsl:variable name="id" select="if(//*[@id=$href]) then dita-ot:generate-html-id(//*[@id=$href]) else generate-id(//*[@id=$href])"/>
 
     <a data-bs-toggle="collapse">
       <xsl:call-template name="commonattributes"/>
diff --git a/Customization/xsl/nav.xsl b/Customization/xsl/nav.xsl
index bba4a6c7..a9596ab4 100644
--- a/Customization/xsl/nav.xsl
+++ b/Customization/xsl/nav.xsl
@@ -11,7 +11,6 @@
   version="2.0"
   exclude-result-prefixes="xs dita-ot ditamsg"
 >
-
   <xsl:param name="nav-toc" as="xs:string?"/>
   <xsl:param name="FILEDIR" as="xs:string?"/>
   <xsl:param name="FILENAME" as="xs:string?"/>
@@ -69,29 +68,29 @@
         <xsl:value-of select="$pathFromMaplist"/>
       </xsl:if>
       <xsl:choose>
-          <xsl:when
+        <xsl:when
           test="@copy-to and not(contains(@chunk, 'to-content')) and
                             (not(@format) or @format = 'dita' or @format = 'ditamap') "
         >
-            <xsl:call-template name="replace-extension">
-              <xsl:with-param name="filename" select="@copy-to"/>
-              <xsl:with-param name="extension" select="$OUTEXT"/>
-            </xsl:call-template>
-            <xsl:if test="not(contains(@copy-to, '#')) and contains(@href, '#')">
-              <xsl:value-of select="concat('#', substring-after(@href, '#'))"/>
-            </xsl:if>
-          </xsl:when>
-          <xsl:when test="not(@scope = 'external') and (not(@format) or @format = 'dita' or @format = 'ditamap')">
-            <xsl:call-template name="replace-extension">
-              <xsl:with-param name="filename" select="@href"/>
-              <xsl:with-param name="extension" select="$OUTEXT"/>
-            </xsl:call-template>
-          </xsl:when>
-          <xsl:otherwise>
-            <xsl:value-of select="@href"/>
-          </xsl:otherwise>
-        </xsl:choose>
-      </xsl:attribute>
+          <xsl:call-template name="replace-extension">
+            <xsl:with-param name="filename" select="@copy-to"/>
+            <xsl:with-param name="extension" select="$OUTEXT"/>
+          </xsl:call-template>
+          <xsl:if test="not(contains(@copy-to, '#')) and contains(@href, '#')">
+            <xsl:value-of select="concat('#', substring-after(@href, '#'))"/>
+          </xsl:if>
+        </xsl:when>
+        <xsl:when test="not(@scope = 'external') and (not(@format) or @format = 'dita' or @format = 'ditamap')">
+          <xsl:call-template name="replace-extension">
+            <xsl:with-param name="filename" select="@href"/>
+            <xsl:with-param name="extension" select="$OUTEXT"/>
+          </xsl:call-template>
+        </xsl:when>
+        <xsl:otherwise>
+          <xsl:value-of select="@href"/>
+        </xsl:otherwise>
+      </xsl:choose>
+    </xsl:attribute>
   </xsl:template>
 
   <!-- Generate a menubar-toc - a menubar as part of the static header -->
@@ -112,7 +111,7 @@
     <xsl:choose>
       <xsl:when test="$nav-toc = ('list-group-partial', 'list-group-full')">
         <nav xsl:use-attribute-sets="toc">
-          <!-- ↓ Remove <ul> and add <div> element from Bootstrap list-group ↑ -->
+          <!-- ↓ Remove <ul> and add <div> element from Bootstrap list-group ↓ -->
           <div class="list-group me-3">
           <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
             <xsl:choose>
@@ -120,7 +119,7 @@
                 <xsl:apply-templates select="$current-topicref" mode="list-group-toc-pull">
                   <xsl:with-param name="pathFromMaplist" select="$PATH2PROJ" as="xs:string"/>
                   <xsl:with-param name="children" as="element()*">
-                      <xsl:apply-templates
+                    <xsl:apply-templates
                       select="$current-topicref/*[contains(@class, ' map/topicref ')]"
                       mode="list-group-toc"
                     >
@@ -150,7 +149,7 @@
 
       <xsl:when test="$nav-toc = ('nav-pill-partial', 'nav-pill-full')">
         <nav xsl:use-attribute-sets="toc">
-          <!-- ↓ Remove <ul> and add <div> element from Bootstrap list-group ↑ -->
+          <!-- ↓ Remove <ul> and add nested <nav> element with Bootstrap classes ↓ -->
           <nav class="nav nav-pills flex-column navbar-light bg-light">
           <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
             <xsl:choose>
@@ -158,7 +157,7 @@
                 <xsl:apply-templates select="$current-topicref" mode="nav-pill-toc-pull">
                   <xsl:with-param name="pathFromMaplist" select="$PATH2PROJ" as="xs:string"/>
                   <xsl:with-param name="children" as="element()*">
-                      <xsl:apply-templates
+                    <xsl:apply-templates
                       select="$current-topicref/*[contains(@class, ' map/topicref ')]"
                       mode="nav-pill-toc"
                     >
@@ -173,21 +172,29 @@
                 </xsl:apply-templates>
               </xsl:when>
             </xsl:choose>
-          <!-- ↓ Close <div> element from Bootstrap list-group ↑ -->
+          <!-- ↓ Close Bootstrap <nav> element -->
           </nav>
           <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
         </nav>
       </xsl:when>
       <xsl:when test="$nav-toc = ('nav-pill-scrollspy')">
         <nav xsl:use-attribute-sets="toc">
-          <!-- ↓ Remove <ul> and add <div> element from Bootstrap list-group ↑ -->
+          <!-- ↓ Remove <ul> and add nested <nav> element with Bootstrap classes ↓ -->
           <nav class="nav nav-pills flex-column navbar-light bg-light" id="bs-scrollspy">
             <xsl:apply-templates mode="scrollspy"/>
           </nav>
         </nav>
       </xsl:when>
       <xsl:when test="$nav-toc = ('collapsible')">
+        <!--xsl:variable name="direction">
+          <xsl:apply-templates select="." mode="get-render-direction">
+            <xsl:with-param name="lang" select="$defaultLanguage"/>
+          </xsl:apply-templates>
+        </xsl:variable-->
         <nav role="navigation" id="bs-sidebar-nav" class="flex-column bd-links">
+          <xsl:if test="$BIDIRECTIONAL_DOCUMENT = 'yes'">
+            <xsl:attribute name="direction" select="$defaultDirection"/>
+          </xsl:if>
           <ul class="list-unstyled mb-0 py-3 pt-md-1">
             <xsl:apply-templates select="$input.map" mode="collapsible-toc">
               <xsl:with-param name="pathFromMaplist" select="$PATH2PROJ" as="xs:string"/>
@@ -202,7 +209,7 @@
   </xsl:template>
 
   <!-- list-group sidebar toc processing to add Bootstrap list-group menu -->
-  <!-- https://getbootstrap.com/docs/5.1/components/list-group/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/list-group/ -->
 
   <!-- partial list-group sidebar toc processing -->
   <xsl:template match="*[contains(@class, ' map/map ')]" mode="list-group-toc-pull">
@@ -232,7 +239,7 @@
   </xsl:template>
 
   <!-- nav-pill sidebar toc processing to add Bootstrap nav-pills menu -->
-  <!-- https://getbootstrap.com/docs/5.1/components/navs-tabs/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/navs-tabs/ -->
 
   <!-- partial nav-pill sidebar toc processing -->
   <xsl:template match="*[contains(@class, ' map/map ')]" mode="nav-pill-toc-pull">
@@ -262,7 +269,7 @@
   </xsl:template>
 
   <!-- collapsible sidebar toc processing to add Bootstrap collapsing menu classes -->
-  <!-- https://getbootstrap.com/docs/5.1/components/collapse/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/collapse/ -->
   <xsl:template match="*" mode="collapsible-toc" priority="-10">
     <xsl:param name="pathFromMaplist" as="xs:string"/>
     <xsl:apply-templates select="*[contains(@class, ' map/topicref ')]" mode="collapsible-toc">
@@ -271,7 +278,7 @@
   </xsl:template>
 
   <!-- nav-pill menubar-toc submenu toc processing - a navbar with dropdowns -->
-  <!-- https://getbootstrap.com/docs/5.1/components/dropdowns/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/dropdowns/ -->
   <xsl:template match="*" mode="menubar-toc" priority="-10">
     <xsl:param name="pathFromMaplist" as="xs:string"/>
     <xsl:apply-templates select="*[contains(@class, ' map/topicref ')]" mode="menubar-toc">
@@ -361,7 +368,9 @@
     </xsl:variable>
 
     <xsl:choose>
-      <xsl:when test="$BOOTSTRAP_MENUBAR_TOC = 'yes' and count(ancestor::*/@href) eq 0 and not($active-class = ' active')">
+      <xsl:when
+        test="$BOOTSTRAP_MENUBAR_TOC = 'yes' and count(ancestor::*/@href) eq 0 and not($active-class = ' active')"
+      >
         <!-- no-op - if a menubar-toc is present, the list-group is reduced to current decendents only -->
       </xsl:when>
       <xsl:when test="normalize-space($title)">
@@ -401,10 +410,8 @@
         </xsl:if>
       </xsl:when>
     </xsl:choose>
-
   </xsl:template>
 
-
   <!-- nav-pill-toc-pull mode to add Bootstrap nav-link classes to a sidebar -->
   <xsl:template
     match="*[contains(@class, ' map/topicref ')]
@@ -440,7 +447,7 @@
                     <xsl:with-param name="pathFromMaplist" select="$pathFromMaplist"/>
                     <xsl:with-param name="class">
                       <xsl:text>my-1 nav-link</xsl:text>
-                       <xsl:value-of select="$active-class"/>
+                      <xsl:value-of select="$active-class"/>
                     </xsl:with-param>
                   </xsl:call-template>
                   <xsl:value-of select="$title"/>
@@ -491,9 +498,10 @@
       <xsl:call-template name="get-active-class"/>
     </xsl:variable>
 
-
     <xsl:choose>
-      <xsl:when test="$BOOTSTRAP_MENUBAR_TOC = 'yes' and count(ancestor::*/@href) eq 0 and not($active-class = ' active')">
+      <xsl:when
+        test="$BOOTSTRAP_MENUBAR_TOC = 'yes' and count(ancestor::*/@href) eq 0 and not($active-class = ' active')"
+      >
         <!-- no-op - if a menubar-toc is present, the nav-bar is reduced to current decendents only -->
       </xsl:when>
       <xsl:when test="normalize-space($title)">
@@ -538,11 +546,7 @@
     priority="10"
   >
     <xsl:param name="pathFromMaplist" as="xs:string"/>
-    <xsl:param
-      name="children"
-      select="*[contains(@class, ' map/topicref ')]"
-      as="element()*"
-    />
+    <xsl:param name="children" select="*[contains(@class, ' map/topicref ')]" as="element()*"/>
     <xsl:variable name="title">
       <xsl:apply-templates select="." mode="get-navtitle"/>
     </xsl:variable>
@@ -558,6 +562,8 @@
         <xsl:when test="$BOOTSTRAP_MENUBAR_TOC = 'yes' and count(ancestor::*/@href) eq 0 and not($show-menu = 'show')">
           <!-- no-op - if a menubar-toc is present, the nav-bar is reduced to current decendents only -->
         </xsl:when>
+        <xsl:when test="not(.)">
+        </xsl:when>
         <xsl:when test="normalize-space($title)">
           <xsl:variable name="id" select="dita-ot:generate-html-id(.)"/>
           <xsl:choose>
@@ -576,11 +582,21 @@
                     </xsl:attribute>
                     <xsl:attribute name="data-bs-target" select="concat('#menu-collapse-',$id)"/>
                     <xsl:if test="$show-menu='show'">
-                        <xsl:attribute name="aria-expanded" select="'true'"/>
-                        <xsl:attribute name="aria-current" select="'true'"/>
+                      <xsl:attribute name="aria-expanded" select="'true'"/>
+                      <xsl:attribute name="aria-current" select="'true'"/>
                     </xsl:if>
                     <xsl:attribute name="aria-labelledby" select="concat('menu-collapse-trigger-',$id)"/>
                     <xsl:attribute name="aria-controls" select="concat('menu-collapse-',$id)"/>
+                    <svg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 16 16'>
+                      <path
+                        fill='none'
+                        stroke='currentColor'
+                        stroke-linecap='round'
+                        stroke-linejoin='round'
+                        stroke-width='2'
+                        d='M5 14l6-6-6-6'
+                      />
+                    </svg>
                   </button>
                 </xsl:if>
                 <!-- ↓ Add Bootstrap classes to topic link ↓ -->
@@ -588,10 +604,10 @@
                   <xsl:call-template name="nav-attributes">
                     <xsl:with-param name="pathFromMaplist" select="$pathFromMaplist"/>
                     <xsl:with-param name="class">
-                      <xsl:text>link-primary d-inline-flex align-items-center flex-shrink-1 </xsl:text>
+                      <xsl:text>d-inline-flex align-items-center flex-shrink-1 </xsl:text>
                       <xsl:choose>
                         <xsl:when test="exists($children)">
-                          <xsl:text>ps-0</xsl:text>
+                          <xsl:text>ps-1</xsl:text>
                         </xsl:when>
                         <xsl:otherwise>
                           <xsl:text>ps-3</xsl:text>
@@ -606,7 +622,7 @@
             </xsl:when>
             <xsl:otherwise>
               <!-- ↓ Add Toggle with title text ↓ -->
-              <div class ="d-flex flex-row">
+              <div class="d-flex flex-row">
                 <button data-bs-toggle="collapse">
                   <xsl:attribute name="class">
                     <xsl:text>btn d-inline-flex align-items-center pe-0</xsl:text>
@@ -616,21 +632,31 @@
                   </xsl:attribute>
                   <xsl:attribute name="data-bs-target" select="concat('#menu-collapse-',$id)"/>
                   <xsl:if test="$show-menu='show'">
-                      <xsl:attribute name="aria-expanded" select="'true'"/>
-                      <xsl:attribute name="aria-current" select="'true'"/>
+                    <xsl:attribute name="aria-expanded" select="'true'"/>
+                    <xsl:attribute name="aria-current" select="'true'"/>
                   </xsl:if>
+                  <svg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 16 16'>
+                    <path
+                      fill='none'
+                      stroke='currentColor'
+                      stroke-linecap='round'
+                      stroke-linejoin='round'
+                      stroke-width='2'
+                      d='M5 14l6-6-6-6'
+                    />
+                  </svg>
                 </button>
                 <span data-bs-toggle="collapse">
                   <xsl:attribute name="class">
-                    <xsl:text>link-primary d-inline-flex align-items-center flex-shrink-1 ps0</xsl:text>
+                    <xsl:text>d-inline-flex align-items-center flex-shrink-1 ps-1</xsl:text>
                     <xsl:if test="$show-menu='show'">
                       <xsl:text> active</xsl:text>
                     </xsl:if>
                   </xsl:attribute>
                   <xsl:attribute name="data-bs-target" select="concat('#menu-collapse-',$id)"/>
                   <xsl:if test="$show-menu='show'">
-                      <xsl:attribute name="aria-expanded" select="'true'"/>
-                      <xsl:attribute name="aria-current" select="'true'"/>
+                    <xsl:attribute name="aria-expanded" select="'true'"/>
+                    <xsl:attribute name="aria-current" select="'true'"/>
                   </xsl:if>
                   <xsl:value-of select="$title"/>
                 </span>
@@ -641,7 +667,7 @@
             <div>
               <xsl:attribute name="id" select="concat('menu-collapse-',$id)"/>
               <xsl:attribute name="class" select="concat('collapse ', $show-menu)"/>
-              <ul class="list-unstyled fw-normal">
+              <ul class="list-unstyled fw-normal ps-4">
                 <xsl:apply-templates select="$children" mode="#current">
                   <xsl:with-param name="pathFromMaplist" select="$pathFromMaplist"/>
                 </xsl:apply-templates>
@@ -718,5 +744,4 @@
       </xsl:when>
     </xsl:choose>
   </xsl:template>
-
 </xsl:stylesheet>
diff --git a/Customization/xsl/offcanvas.xsl b/Customization/xsl/offcanvas.xsl
index eca50742..ca904bc6 100644
--- a/Customization/xsl/offcanvas.xsl
+++ b/Customization/xsl/offcanvas.xsl
@@ -12,7 +12,7 @@
   exclude-result-prefixes="xs xhtml dita-ot"
 >
   <!-- Customization to add Bootstrap Offcanvas Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/offcanvas/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/offcanvas/ -->
 
   <xsl:template match="*[contains(@class,' topic/section ') and contains(@outputclass, 'offcanvas-')]">
     <xsl:param name="headLevel">
@@ -47,8 +47,8 @@
 
   <!-- Override to connect an offcanvas to a button -->
   <xsl:template match="*[contains(@class,' topic/xref ') and contains(@props, 'offcanvas-toggle')]">
-    <xsl:variable name="href" select="replace(@href, '#', '')"/>
-    <xsl:variable name="id" select="dita-ot:generate-html-id(../*[@id=$href])"/>
+    <xsl:variable name="href" select="substring-after(@href, '#')"/>
+    <xsl:variable name="id" select="if(//*[@id=$href]) then dita-ot:generate-html-id(//*[@id=$href]) else generate-id(//*[@id=$href])"/>
 
     <a data-bs-toggle="offcanvas">
       <xsl:call-template name="commonattributes"/>
diff --git a/Customization/xsl/pagination.xsl b/Customization/xsl/pagination.xsl
index a62e8f46..b5d0e487 100644
--- a/Customization/xsl/pagination.xsl
+++ b/Customization/xsl/pagination.xsl
@@ -12,7 +12,7 @@
   xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 >
   <!-- Customization to add Bootstrap Pagination Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/pagination/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/pagination/ -->
 
   <xsl:template
     match="*[ (contains(@class, ' topic/ol ') or contains(@class, ' topic/ul ')) and contains(@outputclass, 'pagination')]"
@@ -32,5 +32,4 @@
       <xsl:apply-templates select="*[(contains(@class, ' topic/ol ') or contains(@class, ' topic/ul '))]" />
     </nav>
   </xsl:template>
-
 </xsl:stylesheet>
diff --git a/Customization/xsl/popovers.xsl b/Customization/xsl/popovers.xsl
index 6e11e8d7..b98dbee9 100644
--- a/Customization/xsl/popovers.xsl
+++ b/Customization/xsl/popovers.xsl
@@ -11,11 +11,10 @@
   version="2.0"
   exclude-result-prefixes="xs xhtml dita-ot"
 >
-  <!-- Customization to add Bootstrap Tooltips Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/tooltips/ -->
+  <!-- Customization to add Bootstrap Popover component -->
+  <!-- https://getbootstrap.com/docs/5.2/components/popovers/ -->
 
-
-   <xsl:template match="*" mode="add-bootstrap-popover">
+  <xsl:template match="*" mode="add-bootstrap-popover">
     <xsl:attribute name="data-bs-toggle">
       <xsl:text>popover</xsl:text>
     </xsl:attribute>
@@ -35,18 +34,21 @@
         </xsl:otherwise>
       </xsl:choose>
     </xsl:attribute>
-
-
-    <xsl:attribute name="title">
-      <xsl:value-of select="*[contains(@class, ' topic/data ')][1]/*[contains(@class, ' topic/title ')][1]"/>
-    </xsl:attribute>
+    <xsl:if test="*[contains(@class, ' topic/data ') and contains(@name, 'title')][1]">
+      <xsl:attribute name="title">
+        <xsl:value-of select="*[contains(@class, ' topic/data ') and contains(@name, 'title')][1]"/>
+      </xsl:attribute>
+    </xsl:if>
+    <xsl:if test="*[contains(@class, ' topic/data ') and contains(@name, 'class')][1]">
+      <xsl:attribute name="data-bs-custom-class">
+        <xsl:value-of select="*[contains(@class, ' topic/data ') and contains(@name, 'class')][1]"/>
+      </xsl:attribute>
+    </xsl:if>
     <xsl:attribute name="data-bs-content">
       <xsl:value-of select="*[contains(@class, ' topic/desc ')][1]"/>
     </xsl:attribute>
-
   </xsl:template>
 
-
   <!--template for xref-->
   <xsl:template match="*[contains(@class, ' topic/xref ') and contains(@outputclass, 'popover-')]">
     <a>
diff --git a/Customization/xsl/scrollspy.xsl b/Customization/xsl/scrollspy.xsl
index dbdf5151..48b4b632 100644
--- a/Customization/xsl/scrollspy.xsl
+++ b/Customization/xsl/scrollspy.xsl
@@ -12,13 +12,12 @@
   exclude-result-prefixes="xs xhtml dita-ot"
 >
   <!-- Customization to add Bootstrap Scrollspy Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/scrollspy/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/scrollspy/ -->
 
   <xsl:template match="*" mode="scrollspy-href">
     <xsl:call-template name="scrollspy-href"/>
   </xsl:template>
 
-
   <xsl:template name="scrollspy-href">
     <xsl:attribute name="href">
       <xsl:text>#</xsl:text>
@@ -37,7 +36,6 @@
     </xsl:attribute>
   </xsl:template>
 
-
   <xsl:template match="*[contains(@class, ' topic/topic ')]" mode="scrollspy">
     <xsl:choose>
       <xsl:when test="$nav-toc = ('list-group-scrollspy')">
@@ -51,7 +49,6 @@
     </xsl:choose>
   </xsl:template>
 
-
   <xsl:template match="*[contains(@class, ' topic/title ')]" mode="scrollspy">
     <xsl:choose>
       <xsl:when test="$nav-toc = ('list-group-scrollspy')">
@@ -70,5 +67,4 @@
   </xsl:template>
 
   <xsl:template match="*" mode="scrollspy"/>
-
 </xsl:stylesheet>
diff --git a/Customization/xsl/tables.xsl b/Customization/xsl/tables.xsl
index 627cf551..a2d43103 100644
--- a/Customization/xsl/tables.xsl
+++ b/Customization/xsl/tables.xsl
@@ -14,7 +14,17 @@
   <!--override row processing - remove DITA row CSS class -->
   <xsl:template match="*[contains(@class, ' topic/row ')]" name="topic.row">
     <tr>
-      <xsl:attribute name="class" select="@outputclass"/>
+      <xsl:choose>
+        <xsl:when test="@valign">
+          <xsl:attribute name="class">
+            <xsl:value-of select="concat('align-', @valign)"/>
+            <xsl:value-of select="concat(' ', @outputclass)"/>
+          </xsl:attribute>
+        </xsl:when>
+        <xsl:when test="@outputclass">
+          <xsl:attribute name="class" select="@outputclass"/>
+        </xsl:when>
+      </xsl:choose>
       <xsl:apply-templates select="@xml:lang"/>
       <xsl:apply-templates select="@dir"/>
       <xsl:apply-templates
@@ -35,22 +45,31 @@
     <xsl:apply-templates select="*[contains(@class, ' ditaot-d/ditaval-startprop ')]" mode="out-of-line"/>
 
     <div>
-      <!-- ↓ Add Bootstrap CSS frame processing ↑ -->
-      <xsl:if test="@frame = 'sides'">
-        <xsl:attribute name="class" select="'border-start border-end p-3'"/>
-      </xsl:if>
-      <xsl:if test="@frame = 'top'">
-        <xsl:attribute name="class" select="'border-top p-3'"/>
-      </xsl:if>
-      <xsl:if test="@frame = 'bottom'">
-        <xsl:attribute name="class" select="'border-bottom p-3'"/>
-      </xsl:if>
-      <xsl:if test="@frame = 'topbot'">
-        <xsl:attribute name="class" select="'border-top border-bottom p-3'"/>
-      </xsl:if>
+      <!-- ↓ Add Bootstrap CSS frame processing ↓ -->
+      <xsl:choose>
+        <xsl:when test="@frame = 'sides'">
+          <xsl:attribute name="class" select="'border-start border-end pt-3 ps-3 pe-3'"/>
+        </xsl:when>
+        <xsl:when test="@frame = 'top'">
+          <xsl:attribute name="class" select="'border-top pt-3'"/>
+        </xsl:when>
+        <xsl:when test="@frame = 'bottom'">
+          <xsl:attribute name="class" select="'border-bottom pt-3 ps-3 pe-3'"/>
+        </xsl:when>
+        <xsl:when test="@frame = 'topbot'">
+          <xsl:attribute name="class" select="'border-top border-bottom pt-3 ps-3 pe-3'"/>
+        </xsl:when>
+        <xsl:when test="@frame = 'all'">
+          <xsl:attribute name="class" select="'border pt-3 ps-3 pe-3'"/>
+        </xsl:when>
+        <xsl:when test="@frame = 'none'">
+          <xsl:attribute name="class" select="'border-0 pt-3 ps-3 pe-3'"/>
+        </xsl:when>
+      </xsl:choose>
+
       <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
       <table>
-        <!-- ↓ Add Bootstrap CSS class processing ↑ -->
+        <!-- ↓ Add Bootstrap CSS class processing ↓ -->
         <xsl:call-template name="commonattributes"/>
         <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
         <xsl:call-template name="setid"/>
@@ -75,4 +94,22 @@
     </xsl:if>
   </xsl:template>
 
+  <xsl:template match="*[contains(@class, ' topic/entry ')]/@valign" mode="css-class">
+    <xsl:value-of select="concat('align-', .)"/>
+  </xsl:template>
+
+  <xsl:template match="@colsep" mode="css-class">
+    <xsl:if test=".='0' and not(../@rowsep='0')">
+      <xsl:value-of select="'border-start-0 border-end-0'"/>
+    </xsl:if>
+    <xsl:if test=".='1' and not(../@rowsep='1')">
+      <xsl:value-of select="'border-start border-end'"/>
+    </xsl:if>
+  </xsl:template>
+
+  <xsl:template match="@rowsep" mode="css-class">
+    <xsl:if test=".='0' and not(../@colsep='0')">
+      <xsl:value-of select="'border-top-0 border-bottom-0'"/>
+    </xsl:if>
+  </xsl:template>
 </xsl:stylesheet>
diff --git a/Customization/xsl/tabs.xsl b/Customization/xsl/tabs.xsl
index 0bd8db96..6795fc6a 100644
--- a/Customization/xsl/tabs.xsl
+++ b/Customization/xsl/tabs.xsl
@@ -12,7 +12,7 @@
   exclude-result-prefixes="xs xhtml dita-ot"
 >
   <!-- Customization to add Bootstrap Tabbed Dialog Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/navs-tabs/#tabs -->
+  <!-- https://getbootstrap.com/docs/5.2/components/navs-tabs/#tabs -->
 
   <xsl:template match="*[contains(@class,' topic/bodydiv ') and contains(@outputclass, 'nav-tabs')]">
     <ul role="tablist">
@@ -29,12 +29,12 @@
   </xsl:template>
 
   <!-- Customization to add Bootstrap Tabbed Dialog with Pills Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/navs-tabs/#pills -->
+  <!-- https://getbootstrap.com/docs/5.2/components/navs-tabs/#pills -->
 
   <xsl:template match="*[contains(@class,' topic/bodydiv ') and contains(@outputclass, 'nav-pills')]">
     <xsl:choose>
       <!-- Pills with Vertical alignment -->
-      <!-- https://getbootstrap.com/docs/5.1/components/navs-tabs/#vertical -->
+      <!-- https://getbootstrap.com/docs/5.2/components/navs-tabs/#vertical -->
       <xsl:when test="contains(@outputclass, 'nav-pills-vertical')">
         <div class="d-flex align-items-start">
           <div role="tablist" aria-orientation="vertical">
diff --git a/Customization/xsl/tooltips.xsl b/Customization/xsl/tooltips.xsl
index 4e1fc9d6..389c6b4c 100644
--- a/Customization/xsl/tooltips.xsl
+++ b/Customization/xsl/tooltips.xsl
@@ -11,11 +11,10 @@
   version="2.0"
   exclude-result-prefixes="xs xhtml dita-ot"
 >
-  <!-- Customization to add Bootstrap Tooltips Component -->
-  <!-- https://getbootstrap.com/docs/5.1/components/tooltips/ -->
+  <!-- Customization to add Bootstrap Tooltips component -->
+  <!-- https://getbootstrap.com/docs/5.2/components/tooltips/ -->
 
-
-   <xsl:template match="*" mode="add-bootstrap-tooltip">
+  <xsl:template match="*" mode="add-bootstrap-tooltip">
     <xsl:attribute name="data-bs-toggle">
       <xsl:text>tooltip</xsl:text>
     </xsl:attribute>
@@ -35,7 +34,11 @@
         </xsl:otherwise>
       </xsl:choose>
     </xsl:attribute>
-
+    <xsl:if test="*[contains(@class, ' topic/data ') and contains(@name, 'class')][1]">
+      <xsl:attribute name="data-bs-custom-class">
+        <xsl:value-of select="*[contains(@class, ' topic/data ') and contains(@name, 'class')][1]"/>
+      </xsl:attribute>
+    </xsl:if>
     <xsl:choose>
       <xsl:when test="*[contains(@class, ' topic/desc ')]/*">
         <xsl:attribute name="data-bs-html">
@@ -51,48 +54,46 @@
     </xsl:choose>
   </xsl:template>
 
-
   <xsl:template match="*[contains(@class, ' topic/desc ')]" mode="tooltipdesc">
-     <xsl:variable name="htmlAsString">
-       <xsl:variable name="htmlContent">
+    <xsl:variable name="htmlAsString">
+      <xsl:variable name="htmlContent">
         <xsl:copy>
-           <xsl:apply-templates/>
+          <xsl:apply-templates/>
         </xsl:copy>
-       </xsl:variable>
-       <xsl:apply-templates select="$htmlContent" mode="serialize"/>
-     </xsl:variable>
-     <xsl:value-of select="substring($htmlAsString, 7, string-length($htmlAsString) - 13)"/>
+      </xsl:variable>
+      <xsl:apply-templates select="$htmlContent" mode="serialize"/>
+    </xsl:variable>
+    <xsl:value-of select="substring($htmlAsString, 7, string-length($htmlAsString) - 13)"/>
   </xsl:template>
 
-
   <xsl:template match="*" mode="serialize">
     <xsl:text>&lt;</xsl:text>
     <xsl:value-of select="name()"/>
     <xsl:apply-templates select="@*" mode="serialize"/>
     <xsl:choose>
-        <xsl:when test="node()">
-            <xsl:text>&gt;</xsl:text>
-            <xsl:apply-templates mode="serialize"/>
-            <xsl:text>&lt;/</xsl:text>
-            <xsl:value-of select="name()"/>
-            <xsl:text>&gt;</xsl:text>
-        </xsl:when>
-        <xsl:otherwise>
-            <xsl:text> /&gt;</xsl:text>
-        </xsl:otherwise>
+      <xsl:when test="node()">
+        <xsl:text>&gt;</xsl:text>
+        <xsl:apply-templates mode="serialize"/>
+        <xsl:text>&lt;/</xsl:text>
+        <xsl:value-of select="name()"/>
+        <xsl:text>&gt;</xsl:text>
+      </xsl:when>
+      <xsl:otherwise>
+        <xsl:text> /&gt;</xsl:text>
+      </xsl:otherwise>
     </xsl:choose>
   </xsl:template>
 
   <xsl:template match="@*" mode="serialize">
-      <xsl:text> </xsl:text>
-      <xsl:value-of select="name()"/>
-      <xsl:text>="</xsl:text>
-      <xsl:value-of select="."/>
-      <xsl:text>"</xsl:text>
+    <xsl:text> </xsl:text>
+    <xsl:value-of select="name()"/>
+    <xsl:text>="</xsl:text>
+    <xsl:value-of select="."/>
+    <xsl:text>"</xsl:text>
   </xsl:template>
 
   <xsl:template match="text()" mode="serialize">
-      <xsl:value-of select="."/>
+    <xsl:value-of select="."/>
   </xsl:template>
 
   <!--template for xref-->
@@ -100,7 +101,7 @@
     <xsl:choose>
       <xsl:when test="@href and normalize-space(@href)">
         <a>
-          <!-- ↓ Add Bootstrap class attributes template ↑ -->
+          <!-- ↓ Add Bootstrap class attributes template ↓ -->
           <xsl:apply-templates select="." mode="add-bootstrap-tooltip"/>
           <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
           <xsl:call-template name="commonattributes"/>
@@ -139,7 +140,7 @@
       <xsl:otherwise>
         <span>
           <xsl:call-template name="commonattributes"/>
-          <!-- ↓ Add Bootstrap class attributes template ↑ -->
+          <!-- ↓ Add Bootstrap class attributes template ↓ -->
           <xsl:apply-templates select="." mode="add-bootstrap-tooltip"/>
           <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
           <xsl:apply-templates
diff --git a/Customization/xsl/topic.xsl b/Customization/xsl/topic.xsl
index 2c632d05..bbe39b47 100644
--- a/Customization/xsl/topic.xsl
+++ b/Customization/xsl/topic.xsl
@@ -12,31 +12,80 @@
   exclude-result-prefixes="xs dita-ot dita2html"
 >
 
+  <xsl:param name="defaultLanguage" select="'en'" as="xs:string"/>
+  <xsl:param name="BIDIRECTIONAL_DOCUMENT" select="'no'" as="xs:string"/>
+
+  <xsl:variable name="defaultDirection">
+    <xsl:apply-templates select="." mode="get-render-direction">
+      <xsl:with-param name="lang" select="$defaultLanguage"/>
+    </xsl:apply-templates>
+  </xsl:variable>
+
   <!-- Define a newline character -->
   <xsl:variable name="newline">
 <xsl:text>
 </xsl:text>
   </xsl:variable>
 
+  <xsl:template name="bidi-auto-code">
+    <!-- ↓ Ensure code is rendered LTR in RTL documents ↓ -->
+    <xsl:if test="$BIDIRECTIONAL_DOCUMENT='yes' and not(@dir)">
+      <xsl:choose>
+        <xsl:when test="contains(@class,' pr-d/')">
+          <xsl:attribute name="dir">auto</xsl:attribute>
+        </xsl:when>
+        <xsl:when test="contains(@class,' sw-d/')">
+          <xsl:attribute name="dir">auto</xsl:attribute>
+        </xsl:when>
+        <xsl:when test="contains(@class,' xml-d/')">
+          <xsl:attribute name="dir">auto</xsl:attribute>
+        </xsl:when>
+      </xsl:choose>
+    </xsl:if>
+  </xsl:template>
+
+  <!-- Customized templates from `org.dita.html5/xsl/topic.xsl` -->
+
+  <xsl:template name="chapter-setup">
+  <html>
+    <!-- ↓ Add check for bi-directional content ↓ -->
+    <xsl:if test="$BIDIRECTIONAL_DOCUMENT = 'no'">
+      <xsl:call-template name="setTopicLanguage"/>
+    </xsl:if>
+    <xsl:if test="$BIDIRECTIONAL_DOCUMENT = 'yes'">
+      <xsl:attribute name="dir" select="$defaultDirection"/>
+      <xsl:attribute name="lang" select="$defaultLanguage"/>
+    </xsl:if>
+    <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
+    <xsl:call-template name="chapterHead"/>
+    <xsl:call-template name="chapterBody"/>
+  </html>
+  </xsl:template>
+
   <xsl:template match="*" mode="addContentToHtmlBodyElement">
     <main xsl:use-attribute-sets="main">
       <article xsl:use-attribute-sets="article">
+        <!-- ↓ Add check for bi-directional content ↓ -->
+        <xsl:if test="$BIDIRECTIONAL_DOCUMENT = 'yes'">
+          <xsl:variable name="direction">
+            <xsl:apply-templates select="." mode="get-render-direction">
+              <xsl:with-param name="lang" select="dita-ot:get-current-language(.)"/>
+            </xsl:apply-templates>
+          </xsl:variable>
+          <xsl:attribute name="dir" select="$direction"/>
+          <xsl:attribute name="lang" select="dita-ot:get-current-language(.)"/>
+        </xsl:if>
+        <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
         <xsl:attribute name="aria-labelledby">
-          <xsl:apply-templates
-            select="*[contains(@class,' topic/title ')] |
-                                       self::dita/*[1]/*[contains(@class,' topic/title ')]"
-            mode="return-aria-label-id"
-          />
+          <xsl:apply-templates select="*[contains(@class,' topic/title ')] |
+                                       self::dita/*[1]/*[contains(@class,' topic/title ')]" mode="return-aria-label-id"/>
         </xsl:attribute>
         <xsl:apply-templates select="*[contains(@class, ' ditaot-d/ditaval-startprop ')]" mode="out-of-line"/>
-
-        <!-- ↓ Add Bootstrap breadcrumb ↑ -->
+        <!-- ↓ Add Bootstrap breadcrumb ↓ -->
         <xsl:if test="$BREADCRUMBS = 'yes'">
           <xsl:apply-templates select="$current-topicref" mode="gen-user-breadcrumb"/>
         </xsl:if>
         <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
-
-
         <xsl:apply-templates/> <!-- this will include all things within topic; therefore, -->
                                <!-- title content will appear here by fall-through -->
                                <!-- followed by prolog (but no fall-through is permitted for it) -->
@@ -49,29 +98,29 @@
     </main>
   </xsl:template>
 
-
-
   <!-- Override to add Bootstrap classes and roles -->
-  <xsl:template name="commonattributes">
-    <xsl:param name="default-output-class"/>
-    <!-- ↓ Add Bootstrap class attributes template ↑ -->
+  <xsl:template match="@* | node()" mode="commonattributes">
+    <xsl:param name="default-output-class" as="xs:string*"/>
+    <xsl:apply-templates select="@xml:lang"/>
+    <xsl:apply-templates select="@dir"/>
+    <xsl:apply-templates select="*[contains(@class, ' ditaot-d/ditaval-startprop ')]/@style" mode="add-ditaval-style"/>
+     <!-- ↓ Add Bootstrap role template ↓ -->
+    <xsl:call-template name="bootstrap-role"/>
+     <!-- ↓ Set Bidi to auto for code ↓ -->
+    <xsl:call-template name="bidi-auto-code"/>
+    <!-- ↓ Add Bootstrap class attributes template ↓ -->
     <xsl:variable name="bootstrap-class">
       <xsl:call-template name="bootstrap-class"/>
       <xsl:value-of select="$default-output-class"/>
     </xsl:variable>
-    <xsl:call-template name="bootstrap-role"/>
-    <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
-    <xsl:apply-templates select="@xml:lang"/>
-    <xsl:apply-templates select="@dir"/>
-    <xsl:apply-templates select="*[contains(@class, ' ditaot-d/ditaval-startprop ')]/@style" mode="add-ditaval-style"/>
+    <!-- ↓ Remove DITA-OT styling from titles since Bootstrap does this ↓ -->
     <xsl:choose>
-      <!-- ↓ Remove DITA-OT styling from titles since Bootstrap does this ↑ -->
-      <xsl:when test="starts-with($default-output-class , 'topictitle')">
+      <xsl:when test="starts-with($default-output-class[1] , 'topictitle')">
         <xsl:apply-templates select="." mode="set-output-class">
           <xsl:with-param name="default" select="replace($bootstrap-class, 'topictitle\d+', '')"/>
         </xsl:apply-templates>
       </xsl:when>
-      <xsl:when test="starts-with($default-output-class , 'sectiontitle')">
+      <xsl:when test="starts-with($default-output-class[1] , 'sectiontitle')">
         <xsl:apply-templates select="." mode="set-output-class">
           <xsl:with-param name="default" select="replace($bootstrap-class, 'sectiontitle', '')"/>
         </xsl:apply-templates>
@@ -94,17 +143,19 @@
             </xsl:analyze-string>
           </xsl:for-each>
         </xsl:variable>
-        <xsl:for-each
-          select="@props |  @audience | @platform | @product | @otherprops | @deliveryTarget |  @*[local-name() = $specializations]"
-        >
+        <xsl:for-each select="@props |
+                              @audience |
+                              @platform |
+                              @product |
+                              @otherprops |
+                              @deliveryTarget |
+                              @*[local-name() = $specializations]">
           <xsl:attribute name="data-{name()}" select="."/>
         </xsl:for-each>
       </xsl:when>
       <xsl:when test="exists($passthrough-attrs)">
         <xsl:for-each select="@*">
-          <xsl:if
-            test="$passthrough-attrs[@att = name(current()) and (empty(@val) or (some $v in tokenize(current(), '\s+') satisfies $v = @val))]"
-          >
+          <xsl:if test="$passthrough-attrs[@att = name(current()) and (empty(@val) or (some $v in tokenize(current(), '\s+') satisfies $v = @val))]">
             <xsl:attribute name="data-{name()}" select="."/>
           </xsl:if>
         </xsl:for-each>
@@ -113,7 +164,7 @@
   </xsl:template>
 
   <!-- Override to add Bootstrap Alert classes and roles to Note elements -->
-  <!-- https://getbootstrap.com/docs/5.1/components/alerts/ -->
+  <!-- https://getbootstrap.com/docs/5.2/components/alerts/ -->
   <xsl:template match="*" mode="process.note.common-processing">
     <xsl:param name="type" select="@type"/>
     <xsl:param name="title">
@@ -121,7 +172,7 @@
         <xsl:with-param name="id" select="concat(upper-case(substring($type, 1, 1)), substring($type, 2))"/>
       </xsl:call-template>
     </xsl:param>
-    <!-- ↓ Add Bootstrap class attributes template ↑ -->
+    <!-- ↓ Add Bootstrap class attributes template ↓ -->
     <xsl:variable name="bootstrap-class">
       <xsl:if test="not(contains(@outputclass, 'alert-'))">
         <xsl:call-template name="bootstrap-note"/>
@@ -137,7 +188,7 @@
       <!-- Normal flags go before the generated title; revision flags only go on the content. -->
       <xsl:apply-templates select="*[contains(@class, ' ditaot-d/ditaval-startprop ')]/prop" mode="ditaval-outputflag"/>
       <span class="note__title">
-        <!-- ↓ Add Bootstrap icon ↑ -->
+        <!-- ↓ Add Bootstrap icon ↓ -->
         <xsl:if test="$BOOTSTRAP_ICONS_INCLUDE = 'yes'">
           <xsl:call-template name="bootstrap-icon"/>
         </xsl:if>
@@ -148,10 +199,7 @@
         </xsl:call-template>
       </span>
       <xsl:text> </xsl:text>
-      <xsl:apply-templates
-        select="*[contains(@class, ' ditaot-d/ditaval-startprop ')]/revprop"
-        mode="ditaval-outputflag"
-      />
+      <xsl:apply-templates select="*[contains(@class, ' ditaot-d/ditaval-startprop ')]/revprop" mode="ditaval-outputflag"/>
       <xsl:apply-templates/>
       <!-- Normal end flags and revision end flags both go out after the content. -->
       <xsl:apply-templates select="*[contains(@class, ' ditaot-d/ditaval-endprop ')]" mode="out-of-line"/>
@@ -159,8 +207,11 @@
   </xsl:template>
 
   <!-- Customization to add Bootstrap Figure Content -->
-  <!-- https://getbootstrap.com/docs/5.1/content/figures/ -->
-  <xsl:template match="*[contains(@class, ' topic/fig ')]" name="topic.fig">
+  <!-- https://getbootstrap.com/docs/5.2/content/figures/ -->
+  <xsl:template
+    match="*[contains(@class, ' topic/fig ') and not(contains(@class,' pr-d/syntaxdiagram '))]"
+    name="topic.fig"
+  >
     <xsl:variable name="default-fig-class">
       <xsl:apply-templates select="." mode="dita2html:get-default-fig-class"/>
     </xsl:variable>
@@ -178,7 +229,7 @@
       <xsl:apply-templates
         select="node() except *[contains(@class, ' topic/title ') or contains(@class, ' topic/desc ')]"
       />
-      <!-- ↓ Move Figure title below image ↑ -->
+      <!-- ↓ Move Figure title below image ↓ -->
       <xsl:call-template name="place-fig-lbl"/>
       <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
     </figure>
@@ -186,16 +237,11 @@
     <xsl:value-of select="$newline"/>
   </xsl:template>
 
-
-
   <!-- Figure caption -->
   <xsl:template name="place-fig-lbl">
     <xsl:param name="stringName"/>
     <!-- Number of fig/title's including this one -->
-    <xsl:variable
-      name="fig-count-actual"
-      select="count(preceding::*[contains(@class, ' topic/fig ')]/*[contains(@class, ' topic/title ')])+1"
-    />
+    <xsl:variable name="fig-count-actual" select="count(preceding::*[contains(@class, ' topic/fig ')]/*[contains(@class, ' topic/title ')])+1"/>
     <xsl:variable name="ancestorlang">
       <xsl:call-template name="getLowerCaseLang"/>
     </xsl:variable>
@@ -203,17 +249,17 @@
       <!-- title -or- title & desc -->
       <xsl:when test="*[contains(@class, ' topic/title ')]">
         <figcaption>
-          <!-- ↑ Start customization · Add Bootstrap class ↓ -->
+          <!-- ↓ Add Bootstrap figure caption class ↓ -->
           <xsl:variable name="fig-caption-class">
             <xsl:choose>
               <xsl:when test="*[contains(@class, ' topic/lq ')]">
-                  <xsl:value-of select="concat('blockquote-footer ', $BOOTSTRAP_CSS_FIGURE_CAPTION)"/>
+                <xsl:value-of select="concat('blockquote-footer ', $BOOTSTRAP_CSS_FIGURE_CAPTION)"/>
               </xsl:when>
               <xsl:otherwise>
                 <xsl:value-of select="concat('figure-caption ', $BOOTSTRAP_CSS_FIGURE_CAPTION)"/>
               </xsl:otherwise>
             </xsl:choose>
-         </xsl:variable>
+          </xsl:variable>
           <xsl:apply-templates select="." mode="set-output-class">
             <xsl:with-param
               name="default"
@@ -222,7 +268,7 @@
           </xsl:apply-templates>
           <!-- ↑ End customization · Continue with DITA-OT defaults ↓ -->
           <span class="fig--title-label">
-              <xsl:choose>
+            <xsl:choose>
               <!-- Blockquote - figure -->
               <xsl:when test="*[contains(@class, ' topic/lq ')]">
               </xsl:when>
@@ -269,9 +315,8 @@
     </xsl:choose>
   </xsl:template>
 
-
   <!-- Customization to add Bootstrap Borders to Codeblock elements-->
-  <!-- https://getbootstrap.com/docs/5.1/utilities/borders/ -->
+  <!-- https://getbootstrap.com/docs/5.2/utilities/borders/ -->
   <xsl:template match="*[contains(@class, ' topic/pre ') and @frame]">
     <xsl:variable name="default-fig-class">
       <xsl:apply-templates select="." mode="dita2html:get-default-fig-class"/>
@@ -295,11 +340,10 @@
       </pre>
       <xsl:apply-templates select="*[contains(@class, ' ditaot-d/ditaval-endprop ')]" mode="out-of-line"/>
     </figure>
-
   </xsl:template>
 
   <!-- Customization to add Bootstrap Borders to Lines elements-->
-  <!-- https://getbootstrap.com/docs/5.1/utilities/borders/ -->
+  <!-- https://getbootstrap.com/docs/5.2/utilities/borders/ -->
   <xsl:template match="*[contains(@class, ' topic/lines ') and @frame]">
     <xsl:variable name="default-fig-class">
       <xsl:apply-templates select="." mode="dita2html:get-default-fig-class"/>
@@ -334,7 +378,9 @@
     </xsl:choose>
   </xsl:template>
 
-  <xsl:template match="*[contains(@class, ' topic/ph ') and contains(@otherprops, 'title(')  and (contains(@outputclass, 'initialism') or contains(@outputclass, 'abbreviation'))]">
+  <xsl:template
+    match="*[contains(@class, ' topic/ph ') and contains(@otherprops, 'title(')  and (contains(@outputclass, 'initialism') or contains(@outputclass, 'abbreviation'))]"
+  >
     <abbr>
       <xsl:attribute name="title">
         <xsl:analyze-string select="@otherprops" regex="[a-z]*\([^\)]*\)">
@@ -356,5 +402,4 @@
       <xsl:apply-templates/>
     </abbr>
   </xsl:template>
-
 </xsl:stylesheet>
diff --git a/Customization/xsl/utility-classes.xsl b/Customization/xsl/utility-classes.xsl
index c1697734..be8d618c 100644
--- a/Customization/xsl/utility-classes.xsl
+++ b/Customization/xsl/utility-classes.xsl
@@ -41,8 +41,8 @@
   <xsl:template match="*[contains(@class, ' topic/table ')]" mode="get-output-class">
     <xsl:value-of select="$BOOTSTRAP_CSS_TABLE"/>
     <xsl:choose>
-      <xsl:when test="@frame = 'all'"> table-bordered</xsl:when>
-      <xsl:when test="@frame = 'none'"> table-borderless</xsl:when>
+      <xsl:when test="@colsep='1' and @rowsep='1'"> table-bordered</xsl:when>
+      <xsl:when test="@colsep='0' and @rowsep='0'"> table-borderless</xsl:when>
       <xsl:otherwise/>
     </xsl:choose>
   </xsl:template>
@@ -311,7 +311,9 @@
       <xsl:when test="@type='notice'">
         <i class="pe-2 bi bi-info-circle-fill"/>
       </xsl:when>
-      <!--xsl:when test="@type='note'"/-->
+      <xsl:when test="@type='note'">
+        <i class="pe-2 bi bi-pencil"/>
+      </xsl:when>
       <!--xsl:when test="@type='other'"/-->
     </xsl:choose>
   </xsl:template>
diff --git a/README.md b/README.md
index 1c8232b0..955f8123 100644
--- a/README.md
+++ b/README.md
@@ -94,8 +94,7 @@ The plug-in extends the standard HTML5 table of contents (ToC) [navigation param
 
 By default, the plug-in uses the `partial` option to include the current topic in the ToC along with its parents, siblings and children. As with the default HTML5 plug-in, the `full` option can also be used to generate a complete ToC for the entire map, or `none` to disable the table of contents entirely.
 
-As of version 5.3.1, the plug-in provides five new options to style the table of contents navigation with the Bootstrap [list group][7] component , [nav][16] component
-and [collapsible][17] menus
+As of version 5.3.1, the plug-in provides five new options to style the table of contents navigation with the Bootstrap [list group][7] component , [nav][16] component and [collapsible][17] menus:
 
 - `list-group-full` – Styled full ToC within a Bootstrap list group
 - `list-group-partial` – Partial ToC with the current topic, parents, siblings, and children in a list group
@@ -178,6 +177,7 @@ For performance reasons, Bootstrap icons, popovers and tooltips are disabled by
 
 - `icons.include` – enable Bootstrap icons
 - `popovers.include` – enable Bootstrap popover components and tooltip components
+- `bidi.include` - whether to include support for RTL languages
 
 Breadcrumbs and menu bars can be added using the following parameters
 
@@ -197,15 +197,15 @@ Breadcrumbs and menu bars can be added using the following parameters
 
 [Apache 2.0](LICENSE) © 2017–2022 Roger W. Fienhold Sheen
 
-Within the sample documentation, where necessary, the texts describing the usage of each component have been copied directly from the official [Bootstrap 5.1 documentation][2], however DITA markup is used throughout the examples describing how to implement these components correctly using `outputclass`. The text is therefore a derivative of "Bootstrap 5.1 docs" by Twitter, Inc. and the Bootstrap Authors, and used under CC BY 3.0.
+Within the sample documentation, where necessary, the texts describing the usage of each component have been copied directly from the official [Bootstrap 5.2 documentation][2], however DITA markup is used throughout the examples describing how to implement these components correctly using `outputclass`. The text is therefore a derivative of "Bootstrap 5.2 docs" by Twitter, Inc. and the Bootstrap Authors, and used under CC BY 3.0.
 
 [1]: http://www.dita-ot.org
-[2]: https://getbootstrap.com/docs/5.1
-[3]: https://getbootstrap.com/docs/5.1/examples/navbars/
+[2]: https://getbootstrap.com/docs/5.2
+[3]: https://getbootstrap.com/docs/5.2/examples/navbars/
 [4]: ./includes/bs-navbar-light.hdr.xml
 [5]: ./includes/bs-footer-example.xml
 [6]: https://www.dita-ot.org/dev/parameters/parameters-html5.html#html5__nav-toc
-[7]: https://getbootstrap.com/docs/5.1/components/list-group/
+[7]: https://getbootstrap.com/docs/5.2/components/list-group/
 [8]: https://infotexture.github.io/dita-bootstrap
 [9]: https://themestr.app/theme
 [10]: ./css/custom.css
@@ -214,5 +214,5 @@ Within the sample documentation, where necessary, the texts describing the usage
 [13]: https://twitter.com/infotexture
 [14]: https://github.com/infotexture/dita-bootstrap/issues/new
 [15]: https://help.github.com/articles/using-pull-requests/
-[16]: https://getbootstrap.com/docs/5.1/components/navs-tabs/#pills
-[17]: https://getbootstrap.com/docs/5.1/components/collapse/
+[16]: https://getbootstrap.com/docs/5.2/components/navs-tabs/#pills
+[17]: https://getbootstrap.com/docs/5.2/components/collapse/
diff --git a/build_dita2html5-bootstrap.xml b/build_dita2html5-bootstrap.xml
old mode 100755
new mode 100644
index 08e9402e..5b41cc77
--- a/build_dita2html5-bootstrap.xml
+++ b/build_dita2html5-bootstrap.xml
@@ -14,7 +14,7 @@
       value="${dita.plugin.net.infotexture.dita-bootstrap.dir}/css/"
     />
 
-    <!-- Common Bootstrap overrides for DITA-OT css -->
+    <!-- Add Common CSS where Bootstrap variables override DITA-OT defaults -->
     <loadfile
       property="dita-bootstrap.css"
       srcFile="${dita-bootstrap.css.dir}/common-bootstrap.css"
@@ -22,10 +22,14 @@
     <echo
       append="true"
       message="${line.separator}${dita-bootstrap.css}"
+      if:set="dita-bootstrap.css.add"
       file="${extend.css.file}"
     />
 
-    <!-- Add Bootstrap side-toc css unless nav-toc=none -->
+    <!--
+      Append side-toc CSS for the sidebar if present,
+      Otherwise append none-toc CSS if nav-toc=none.
+    -->
     <condition
       property="dita-bootstrap.side-toc.css.file"
       value="${dita-bootstrap.css.dir}/none-toc.css"
@@ -44,11 +48,13 @@
     <echo
       append="true"
       message="${line.separator}${dita-bootstrap.side-toc}"
+      if:set="dita-bootstrap.css.add"
       file="${extend.css.file}"
     />
 
-    <!-- Add Bootstrap menubar-toc css if menubar-toc.include=yes -->
+    <!-- Append Bootstrap menubar-toc CSS if menubar-toc.include=yes -->
     <condition
+      if:set="dita-bootstrap.css.add"
       property="dita-bootstrap.menubar-toc.css.file"
       value="${dita-bootstrap.css.dir}/menubar-toc.css"
     >
@@ -67,8 +73,9 @@
       file="${extend.css.file}"
     />
 
-    <!-- Add Bootstrap collapsible css if collapsible.include=yes -->
+    <!-- Append Bootstrap collapsible CSS if collapsible.include=yes -->
     <condition
+      if:set="dita-bootstrap.css.add"
       property="dita-bootstrap.collapsible.css.file"
       value="${dita-bootstrap.css.dir}/collapsible-toc.css"
     >
@@ -89,28 +96,46 @@
   </target>
 
   <target name="dita2html5-bootstrap.init">
-    <property
-      name="icons.cdn.path"
-      location="${dita.plugin.net.infotexture.dita-bootstrap.dir}/includes/bootstrap.icons.hdf.xml"
-    />
-    <property name="icons.include" value="no"/>
-    <property
-      name="args.hdf"
-      location="${dita.plugin.net.infotexture.dita-bootstrap.dir}/includes/bootstrap.hdf.xml"
-    />
+    <!-- Location of page header template with hard-coded links -->
     <property
       name="args.hdr"
       location="${dita.plugin.net.infotexture.dita-bootstrap.dir}/includes/bs-navbar-default.hdr.xml"
     />
+    <!-- Location of bootstrap icons if required -->
+    <property
+      name="icons.cdn.path"
+      location="${dita.plugin.net.infotexture.dita-bootstrap.dir}/includes/bootstrap.icons.hdf.xml"
+    />
+    <!-- Entrypoint for XSL transforms -->
     <property
       name="args.xsl"
       location="${dita.plugin.net.infotexture.dita-bootstrap.dir}/xsl/html5-bootstrap.xsl"
     />
+    <!-- Default parameter values -->
     <property name="args.html5.toc" value="toc"/>
-    <property name="nav-toc" value="partial"/>
     <property name="args.copycss" value="yes"/>
     <property name="args.csspath" value="css"/>
+    <property name="icons.include" value="no"/>
     <property name="menubar-toc.include" value="no"/>
+    <property name="nav-toc" value="partial"/>
     <property name="popovers.include" value="no"/>
+    <property name="dita-bootstrap.css.add" value="yes"/>
+    <!--
+      Load alternate Bootstrap CSS for RTL languages such as Arabic,
+      Farsi, Urdu etc. Load standard Bootstrap CSS for LTR languages like English
+    -->
+    <condition property="bidi.include" value="yes" else="no">
+      <matches
+        string="${default.language}"
+        pattern="((ar|arc|bcc|bqi|ckb|dv|fa|glk|he|lrc|mzn|pnb|ps|sd|ug|ur|yi)(\-|$))"
+      />
+    </condition>
+    <condition
+      property="args.hdf"
+      value="${dita.plugin.net.infotexture.dita-bootstrap.dir}/includes/bootstrap.hdf.rtl.xml"
+      else="${dita.plugin.net.infotexture.dita-bootstrap.dir}/includes/bootstrap.hdf.xml"
+    >
+      <equals arg1="${bidi.include}" arg2="yes"/>
+    </condition>
   </target>
 </project>
diff --git a/css/collapsible-toc.css b/css/collapsible-toc.css
index c267d49a..632f46b2 100644
--- a/css/collapsible-toc.css
+++ b/css/collapsible-toc.css
@@ -6,9 +6,30 @@
 /*! These values define the relative width of the
  *  main content window compared with the sidebar-nav
  */
+
 .bd-links {
   overflow: auto;
   font-weight: 600;
+  padding-left: none;
+}
+
+.bd-links a {
+  padding: 0.1875rem 0.5rem;
+  margin-top: 0.125rem;
+  text-decoration: none;
+  color: var(--bs-body-color);
+}
+
+.bd-links a:hover {
+  color: var(--bs-link-hover-color);
+}
+
+.bd-links span {
+  color: var(--bs-body-color);
+}
+
+.bd-links span:hover {
+  color: var(--bs-link-hover-color);
 }
 
 @media (min-width: 768px) {
@@ -32,54 +53,32 @@
   }
 }
 
-.bd-links a {
-  padding: 0.1875rem 0.5rem;
-  margin-top: 0.125rem;
-  color: rgba(0, 0, 0, 0.65);
-  text-decoration: none;
-}
-
 .bd-links li li a {
   font-size: 0.875em;
 }
 
-.bd-links ul {
-  margin-left: 1.25rem;
-}
-
 .bd-links .btn {
   padding-top: 0.25rem;
   font-weight: 600;
   background-color: transparent;
   border: 0;
   box-shadow: none;
+  color: var(--bs-body-color);
 }
 
-.bd-links span {
-  color: rgba(0, 0, 0, 0.65);
-}
-
-.bd-links .btn::before {
-  width: 1.25em;
-  line-height: 0;
-  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
-  transition: transform 0.35s ease;
-  transform-origin: 0.5em 50%;
-}
-
-.bd-links .btn:hover::before {
-  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.95%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
+.bd-links svg:hover {
+  color: var(--bs-link-hover-color);
 }
 
-.bd-links .btn[aria-expanded='true'] {
-  color: rgba(0, 0, 0, 0.85);
+[dir='rtl'] .bd-links svg {
+  transform: rotate(180deg);
 }
 
-.bd-links .btn[aria-expanded='true']::before {
+.bd-links .btn[aria-expanded='true'] svg {
   transform: rotate(90deg);
 }
 
 .bd-links .active {
   font-weight: 600;
-  color: rgba(0, 0, 0, 0.85);
+  color: var(--bs-body-color);
 }
diff --git a/css/common-bootstrap.css b/css/common-bootstrap.css
index 28db1dd0..12229444 100644
--- a/css/common-bootstrap.css
+++ b/css/common-bootstrap.css
@@ -8,7 +8,18 @@
 .filepath,
 .option,
 .parmname {
-  color: var(--bs-gray);
+  color: var(--bs-code-color);
+  font-family: var(--bs-font-monospace);
+}
+
+.numcharref,
+.parameterentity,
+.textentity,
+.xmlatt,
+.xmlelement,
+.xmlnsname,
+.xmlpi {
+  color: var(--bs-purple);
   font-family: var(--bs-font-monospace);
 }
 
@@ -19,11 +30,11 @@
 }
 
 .boolean {
-  color: var(--bs-success);
+  color: var(--bs-green);
 }
 
 .state {
-  color: var(--bs-danger);
+  color: var(--bs-red);
 }
 
 .navbar-brand > svg {
diff --git a/css/custom.css b/css/custom.css
index d6b9edcf..e81e7467 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1,41 +1,38 @@
-/*! Themestr.app `Fresca` Bootstrap 4.3.1 theme */
+/*! `Fresca` Bootstrap 5 theme */
 @import url(https://fonts.googleapis.com/css?family=Muli:200,300,400,700);
+
 /*!
- * Bootstrap v4.1.1 (https://getbootstrap.com/)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Bootstrap v5.0.1 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
 :root {
-  --blue: #007bff;
-  --indigo: #6610f2;
-  --purple: #6f42c1;
-  --pink: #e83e8c;
-  --red: #dc3545;
-  --orange: #fd7e14;
-  --yellow: #ffc107;
-  --green: #28a745;
-  --teal: #20c997;
-  --cyan: #17a2b8;
-  --white: #fff;
-  --gray: #6c757d;
-  --gray-dark: #343a40;
-  --primary: #07689f;
-  --secondary: #c9d6df;
-  --success: #11d3bc;
-  --info: #a2d5f2;
-  --warning: #ff7e67;
-  --danger: #f67280;
-  --light: #fafafa;
-  --dark: #4e4e4e;
-  --breakpoint-xs: 0;
-  --breakpoint-sm: 576px;
-  --breakpoint-md: 768px;
-  --breakpoint-lg: 992px;
-  --breakpoint-xl: 1200px;
-  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-primary: #07689f;
+  --bs-secondary: #c9d6df;
+  --bs-success: #11d3bc;
+  --bs-info: #a2d5f2;
+  --bs-warning: #ff7e67;
+  --bs-danger: #f67280;
+  --bs-light: #fafafa;
+  --bs-dark: #4e4e4e;
+  --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
+    'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
 }
 
 *,
@@ -44,62 +41,111 @@
   box-sizing: border-box;
 }
 
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -ms-overflow-style: scrollbar;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-@-ms-viewport {
-  width: device-width;
-}
-
-article,
-aside,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section {
-  display: block;
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
 }
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  font-family: var(--bs-font-sans-serif);
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
-  text-align: left;
   background-color: #fff;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-[tabindex='-1']:focus {
-  outline: 0 !important;
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  background-color: currentColor;
+  border: 0;
+  opacity: 0.25;
 }
 
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
+hr:not([size]) {
+  height: 1px;
 }
 
 h1,
+.h1,
 h2,
+.h2,
 h3,
+.h3,
 h4,
+.h4,
 h5,
-h6 {
+.h5,
+h6,
+.h6 {
   margin-top: 0;
   margin-bottom: 0.5rem;
+  font-family: Muli;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h1,
+.h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+
+@media (min-width: 1200px) {
+  h1,
+  .h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2,
+.h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+
+@media (min-width: 1200px) {
+  h2,
+  .h2 {
+    font-size: 2rem;
+  }
+}
+
+h3,
+.h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+
+@media (min-width: 1200px) {
+  h3,
+  .h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4,
+.h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+
+@media (min-width: 1200px) {
+  h4,
+  .h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5,
+.h5 {
+  font-size: 1.25rem;
+}
+
+h6,
+.h6 {
+  font-size: 1rem;
 }
 
 p {
@@ -108,11 +154,10 @@ p {
 }
 
 abbr[title],
-abbr[data-original-title] {
-  text-decoration: underline;
+abbr[data-bs-original-title] {
   text-decoration: underline dotted;
   cursor: help;
-  border-bottom: 0;
+  text-decoration-skip-ink: none;
 }
 
 address {
@@ -121,6 +166,11 @@ address {
   line-height: inherit;
 }
 
+ol,
+ul {
+  padding-left: 2rem;
+}
+
 ol,
 ul,
 dl {
@@ -148,23 +198,26 @@ blockquote {
   margin: 0 0 1rem;
 }
 
-dfn {
-  font-style: italic;
-}
-
 b,
 strong {
   font-weight: bolder;
 }
 
-small {
-  font-size: 80%;
+small,
+.small {
+  font-size: 0.875em;
+}
+
+mark,
+.mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
 }
 
 sub,
 sup {
   position: relative;
-  font-size: 75%;
+  font-size: 0.75em;
   line-height: 0;
   vertical-align: baseline;
 }
@@ -179,87 +232,114 @@ sup {
 
 a {
   color: #07689f;
-  text-decoration: none;
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-}
-
-a:hover {
-  color: #043856;
   text-decoration: underline;
 }
 
-a:not([href]):not([tabindex]) {
-  color: inherit;
-  text-decoration: none;
+a:hover {
+  color: #06537f;
 }
 
-a:not([href]):not([tabindex]):hover,
-a:not([href]):not([tabindex]):focus {
+a:not([href]):not([class]),
+a:not([href]):not([class]):hover {
   color: inherit;
   text-decoration: none;
 }
 
-a:not([href]):not([tabindex]):focus {
-  outline: 0;
-}
-
 pre,
 code,
 kbd,
 samp {
-  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  font-family: var(--bs-font-monospace);
   font-size: 1em;
+  direction: ltr /* rtl:ignore */;
+  unicode-bidi: bidi-override;
 }
 
 pre {
+  display: block;
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
-  -ms-overflow-style: scrollbar;
+  font-size: 0.875em;
+}
+
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: #d63384;
+  word-wrap: break-word;
+}
+
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 0.875em;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+}
+
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+  font-weight: 700;
 }
 
 figure {
   margin: 0 0 1rem;
 }
 
-img {
+img,
+svg {
   vertical-align: middle;
-  border-style: none;
-}
-
-svg:not(:root) {
-  overflow: hidden;
 }
 
 table {
+  caption-side: bottom;
   border-collapse: collapse;
 }
 
 caption {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
   color: #6c757d;
   text-align: left;
-  caption-side: bottom;
 }
 
 th {
   text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
 }
 
 label {
   display: inline-block;
-  margin-bottom: 0.5rem;
 }
 
 button {
   border-radius: 0;
 }
 
-button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color;
+button:focus:not(:focus-visible) {
+  outline: 0;
 }
 
 input,
@@ -274,45 +354,46 @@ textarea {
 }
 
 button,
-input {
-  overflow: visible;
+select {
+  text-transform: none;
+}
+
+[role='button'] {
+  cursor: pointer;
 }
 
-button,
 select {
-  text-transform: none;
+  word-wrap: normal;
+}
+
+select:disabled {
+  opacity: 1;
+}
+
+[list]::-webkit-calendar-picker-indicator {
+  display: none;
 }
 
 button,
-html [type='button'],
+[type='button'],
 [type='reset'],
 [type='submit'] {
   -webkit-appearance: button;
 }
 
-button::-moz-focus-inner,
-[type='button']::-moz-focus-inner,
-[type='reset']::-moz-focus-inner,
-[type='submit']::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
+button:not(:disabled),
+[type='button']:not(:disabled),
+[type='reset']:not(:disabled),
+[type='submit']:not(:disabled) {
+  cursor: pointer;
 }
 
-input[type='radio'],
-input[type='checkbox'] {
-  box-sizing: border-box;
+::-moz-focus-inner {
   padding: 0;
-}
-
-input[type='date'],
-input[type='time'],
-input[type='datetime-local'],
-input[type='month'] {
-  -webkit-appearance: listbox;
+  border-style: none;
 }
 
 textarea {
-  overflow: auto;
   resize: vertical;
 }
 
@@ -324,36 +405,55 @@ fieldset {
 }
 
 legend {
-  display: block;
+  float: left;
   width: 100%;
-  max-width: 100%;
   padding: 0;
   margin-bottom: 0.5rem;
-  font-size: 1.5rem;
+  font-size: calc(1.275rem + 0.3vw);
   line-height: inherit;
-  color: inherit;
-  white-space: normal;
 }
 
-progress {
-  vertical-align: baseline;
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
 }
 
-[type='number']::-webkit-inner-spin-button,
-[type='number']::-webkit-outer-spin-button {
+::-webkit-inner-spin-button {
   height: auto;
 }
 
 [type='search'] {
   outline-offset: -2px;
-  -webkit-appearance: none;
+  -webkit-appearance: textfield;
 }
 
-[type='search']::-webkit-search-cancel-button,
-[type='search']::-webkit-search-decoration {
+::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::file-selector-button {
+  font: inherit;
+}
+
 ::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button;
@@ -363,114 +463,98 @@ output {
   display: inline-block;
 }
 
+iframe {
+  border: 0;
+}
+
 summary {
   display: list-item;
   cursor: pointer;
 }
 
-template {
-  display: none;
+progress {
+  vertical-align: baseline;
 }
 
 [hidden] {
   display: none !important;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
-  margin-bottom: 0.5rem;
-  font-family: Muli;
-  font-weight: 500;
-  line-height: 1.2;
-  color: inherit;
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300;
 }
 
-h1,
-.h1 {
-  font-size: 2.5rem;
+.display-1 {
+  font-size: calc(1.625rem + 4.5vw);
+  font-weight: 300;
+  line-height: 1.2;
 }
 
-h2,
-.h2 {
-  font-size: 2rem;
+@media (min-width: 1200px) {
+  .display-1 {
+    font-size: 5rem;
+  }
 }
 
-h3,
-.h3 {
-  font-size: 1.75rem;
+.display-2 {
+  font-size: calc(1.575rem + 3.9vw);
+  font-weight: 300;
+  line-height: 1.2;
 }
 
-h4,
-.h4 {
-  font-size: 1.5rem;
+@media (min-width: 1200px) {
+  .display-2 {
+    font-size: 4.5rem;
+  }
 }
 
-h5,
-.h5 {
-  font-size: 1.25rem;
+.display-3 {
+  font-size: calc(1.525rem + 3.3vw);
+  font-weight: 300;
+  line-height: 1.2;
 }
 
-h6,
-.h6 {
-  font-size: 1rem;
+@media (min-width: 1200px) {
+  .display-3 {
+    font-size: 4rem;
+  }
 }
 
-.lead {
-  font-size: 1.25rem;
+.display-4 {
+  font-size: calc(1.475rem + 2.7vw);
   font-weight: 300;
+  line-height: 1.2;
 }
 
-.display-1 {
-  font-size: 6rem;
-  font-weight: 300;
-  line-height: 1.2;
+@media (min-width: 1200px) {
+  .display-4 {
+    font-size: 3.5rem;
+  }
 }
 
-.display-2 {
-  font-size: 5.5rem;
+.display-5 {
+  font-size: calc(1.425rem + 2.1vw);
   font-weight: 300;
   line-height: 1.2;
 }
 
-.display-3 {
-  font-size: 4.5rem;
-  font-weight: 300;
-  line-height: 1.2;
+@media (min-width: 1200px) {
+  .display-5 {
+    font-size: 3rem;
+  }
 }
 
-.display-4 {
-  font-size: 3.5rem;
+.display-6 {
+  font-size: calc(1.375rem + 1.5vw);
   font-weight: 300;
   line-height: 1.2;
 }
 
-hr {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  border: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-small,
-.small {
-  font-size: 80%;
-  font-weight: 400;
-}
-
-mark,
-.mark {
-  padding: 0.2em;
-  background-color: #fcf8e3;
+@media (min-width: 1200px) {
+  .display-6 {
+    font-size: 2.5rem;
+  }
 }
 
 .list-unstyled {
@@ -492,7 +576,7 @@ mark,
 }
 
 .initialism {
-  font-size: 90%;
+  font-size: 0.875em;
   text-transform: uppercase;
 }
 
@@ -501,14 +585,19 @@ mark,
   font-size: 1.25rem;
 }
 
+.blockquote > :last-child {
+  margin-bottom: 0;
+}
+
 .blockquote-footer {
-  display: block;
-  font-size: 80%;
+  margin-top: -1rem;
+  margin-bottom: 1rem;
+  font-size: 0.875em;
   color: #6c757d;
 }
 
 .blockquote-footer::before {
-  content: '\2014 \00A0';
+  content: '\2014\00A0';
 }
 
 .img-fluid {
@@ -535,348 +624,244 @@ mark,
 }
 
 .figure-caption {
-  font-size: 90%;
+  font-size: 0.875em;
   color: #6c757d;
 }
 
-code {
-  font-size: 87.5%;
-  color: #e83e8c;
-  word-break: break-word;
-}
-
-a > code {
-  color: inherit;
-}
-
-kbd {
-  padding: 0.2rem 0.4rem;
-  font-size: 87.5%;
-  color: #fff;
-  background-color: #212529;
-  border-radius: 0.2rem;
-}
-
-kbd kbd {
-  padding: 0;
-  font-size: 100%;
-  font-weight: 700;
-}
-
-pre {
-  display: block;
-  font-size: 87.5%;
-  color: #212529;
-}
-
-pre code {
-  font-size: inherit;
-  color: inherit;
-  word-break: normal;
-}
-
-.pre-scrollable {
-  max-height: 340px;
-  overflow-y: scroll;
-}
-
 .table {
+  --bs-table-bg: rgba(0, 0, 0, 0);
+  --bs-table-accent-bg: rgba(0, 0, 0, 0);
+  --bs-table-striped-color: #212529;
+  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
+  --bs-table-active-color: #212529;
+  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
+  --bs-table-hover-color: #212529;
+  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
   width: 100%;
-  max-width: 100%;
   margin-bottom: 1rem;
-  background-color: transparent;
-}
-
-.table th,
-.table td {
-  padding: 0.75rem;
+  color: #212529;
   vertical-align: top;
-  border-top: 1px solid #dee2e6;
-}
-
-.table thead th {
-  vertical-align: bottom;
-  border-bottom: 2px solid #dee2e6;
-}
-
-.table tbody + tbody {
-  border-top: 2px solid #dee2e6;
-}
-
-.table .table {
-  background-color: #fff;
-}
-
-.table-sm th,
-.table-sm td {
-  padding: 0.3rem;
-}
-
-.table-bordered {
-  border: 1px solid #dee2e6;
-}
-
-.table-bordered th,
-.table-bordered td {
-  border: 1px solid #dee2e6;
-}
-
-.table-bordered thead th,
-.table-bordered thead td {
-  border-bottom-width: 2px;
-}
-
-.table-borderless th,
-.table-borderless td,
-.table-borderless thead th,
-.table-borderless tbody + tbody {
-  border: 0;
-}
-
-.table-striped tbody tr:nth-of-type(odd) {
-  background-color: rgba(0, 0, 0, 0.05);
-}
-
-.table-hover tbody tr:hover {
-  background-color: rgba(0, 0, 0, 0.075);
-}
-
-.table-primary,
-.table-primary > th,
-.table-primary > td {
-  background-color: #bad5e4;
-}
-
-.table-hover .table-primary:hover {
-  background-color: #a8cadd;
-}
-
-.table-hover .table-primary:hover > td,
-.table-hover .table-primary:hover > th {
-  background-color: #a8cadd;
-}
-
-.table-secondary,
-.table-secondary > th,
-.table-secondary > td {
-  background-color: #f0f4f6;
-}
-
-.table-hover .table-secondary:hover {
-  background-color: #e0e8ec;
-}
-
-.table-hover .table-secondary:hover > td,
-.table-hover .table-secondary:hover > th {
-  background-color: #e0e8ec;
-}
-
-.table-success,
-.table-success > th,
-.table-success > td {
-  background-color: #bcf3ec;
-}
-
-.table-hover .table-success:hover {
-  background-color: #a6efe6;
-}
-
-.table-hover .table-success:hover > td,
-.table-hover .table-success:hover > th {
-  background-color: #a6efe6;
-}
-
-.table-info,
-.table-info > th,
-.table-info > td {
-  background-color: #e5f3fb;
+  border-color: #dee2e6;
 }
 
-.table-hover .table-info:hover {
-  background-color: #cfe9f8;
+.table > :not(caption) > * > * {
+  padding: 0.5rem 0.5rem;
+  background-color: var(--bs-table-bg);
+  border-bottom-width: 1px;
+  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
 }
 
-.table-hover .table-info:hover > td,
-.table-hover .table-info:hover > th {
-  background-color: #cfe9f8;
+.table > tbody {
+  vertical-align: inherit;
 }
 
-.table-warning,
-.table-warning > th,
-.table-warning > td {
-  background-color: #ffdbd4;
+.table > thead {
+  vertical-align: bottom;
 }
 
-.table-hover .table-warning:hover {
-  background-color: #ffc6bb;
+.table > :not(:last-child) > :last-child > * {
+  border-bottom-color: currentColor;
 }
 
-.table-hover .table-warning:hover > td,
-.table-hover .table-warning:hover > th {
-  background-color: #ffc6bb;
+.caption-top {
+  caption-side: top;
 }
 
-.table-danger,
-.table-danger > th,
-.table-danger > td {
-  background-color: #fcd8db;
+.table-sm > :not(caption) > * > * {
+  padding: 0.25rem 0.25rem;
 }
 
-.table-hover .table-danger:hover {
-  background-color: #fac0c5;
+.table-bordered > :not(caption) > * {
+  border-width: 1px 0;
 }
 
-.table-hover .table-danger:hover > td,
-.table-hover .table-danger:hover > th {
-  background-color: #fac0c5;
+.table-bordered > :not(caption) > * > * {
+  border-width: 0 1px;
 }
 
-.table-light,
-.table-light > th,
-.table-light > td {
-  background-color: #fefefe;
+.table-borderless > :not(caption) > * > * {
+  border-bottom-width: 0;
 }
 
-.table-hover .table-light:hover {
-  background-color: #f1f1f1;
+.table-striped > tbody > tr:nth-of-type(odd) {
+  --bs-table-accent-bg: var(--bs-table-striped-bg);
+  color: var(--bs-table-striped-color);
 }
 
-.table-hover .table-light:hover > td,
-.table-hover .table-light:hover > th {
-  background-color: #f1f1f1;
+.table-active {
+  --bs-table-accent-bg: var(--bs-table-active-bg);
+  color: var(--bs-table-active-color);
 }
 
-.table-dark,
-.table-dark > th,
-.table-dark > td {
-  background-color: #cdcdcd;
+.table-hover > tbody > tr:hover {
+  --bs-table-accent-bg: var(--bs-table-hover-bg);
+  color: var(--bs-table-hover-color);
 }
 
-.table-hover .table-dark:hover {
-  background-color: silver;
+.table-primary {
+  --bs-table-bg: #cde1ec;
+  --bs-table-striped-bg: #c3d6e0;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #b9cbd4;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #bed0da;
+  --bs-table-hover-color: #000;
+  color: #000;
+  border-color: #b9cbd4;
 }
 
-.table-hover .table-dark:hover > td,
-.table-hover .table-dark:hover > th {
-  background-color: silver;
+.table-secondary {
+  --bs-table-bg: #f4f7f9;
+  --bs-table-striped-bg: #e8ebed;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #dcdee0;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #e2e4e6;
+  --bs-table-hover-color: #000;
+  color: #000;
+  border-color: #dcdee0;
 }
 
-.table-active,
-.table-active > th,
-.table-active > td {
-  background-color: rgba(0, 0, 0, 0.075);
+.table-success {
+  --bs-table-bg: #cff6f2;
+  --bs-table-striped-bg: #c5eae6;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #baddda;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #bfe4e0;
+  --bs-table-hover-color: #000;
+  color: #000;
+  border-color: #baddda;
 }
 
-.table-hover .table-active:hover {
-  background-color: rgba(0, 0, 0, 0.075);
+.table-info {
+  --bs-table-bg: #ecf7fc;
+  --bs-table-striped-bg: #e0ebef;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #d4dee3;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #dae4e9;
+  --bs-table-hover-color: #000;
+  color: #000;
+  border-color: #d4dee3;
 }
 
-.table-hover .table-active:hover > td,
-.table-hover .table-active:hover > th {
-  background-color: rgba(0, 0, 0, 0.075);
+.table-warning {
+  --bs-table-bg: #ffe5e1;
+  --bs-table-striped-bg: #f2dad6;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #e6cecb;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #ecd4d0;
+  --bs-table-hover-color: #000;
+  color: #000;
+  border-color: #e6cecb;
 }
 
-.table .thead-dark th {
-  color: #fff;
-  background-color: #212529;
-  border-color: #32383e;
+.table-danger {
+  --bs-table-bg: #fde3e6;
+  --bs-table-striped-bg: #f0d8db;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #e4cccf;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #ead2d5;
+  --bs-table-hover-color: #000;
+  color: #000;
+  border-color: #e4cccf;
 }
 
-.table .thead-light th {
-  color: #495057;
-  background-color: #e9ecef;
-  border-color: #dee2e6;
+.table-light {
+  --bs-table-bg: #fafafa;
+  --bs-table-striped-bg: #eee;
+  --bs-table-striped-color: #000;
+  --bs-table-active-bg: #e1e1e1;
+  --bs-table-active-color: #000;
+  --bs-table-hover-bg: #e7e7e7;
+  --bs-table-hover-color: #000;
+  color: #000;
+  border-color: #e1e1e1;
 }
 
 .table-dark {
+  --bs-table-bg: #4e4e4e;
+  --bs-table-striped-bg: #575757;
+  --bs-table-striped-color: #fff;
+  --bs-table-active-bg: #606060;
+  --bs-table-active-color: #fff;
+  --bs-table-hover-bg: #5b5b5b;
+  --bs-table-hover-color: #fff;
   color: #fff;
-  background-color: #212529;
-}
-
-.table-dark th,
-.table-dark td,
-.table-dark thead th {
-  border-color: #32383e;
-}
-
-.table-dark.table-bordered {
-  border: 0;
+  border-color: #606060;
 }
 
-.table-dark.table-striped tbody tr:nth-of-type(odd) {
-  background-color: rgba(255, 255, 255, 0.05);
-}
-
-.table-dark.table-hover tbody tr:hover {
-  background-color: rgba(255, 255, 255, 0.075);
+.table-responsive {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
 @media (max-width: 575.98px) {
   .table-responsive-sm {
-    display: block;
-    width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-  }
-
-  .table-responsive-sm > .table-bordered {
-    border: 0;
   }
 }
 
 @media (max-width: 767.98px) {
   .table-responsive-md {
-    display: block;
-    width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-  }
-
-  .table-responsive-md > .table-bordered {
-    border: 0;
   }
 }
 
 @media (max-width: 991.98px) {
   .table-responsive-lg {
-    display: block;
-    width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-  }
-
-  .table-responsive-lg > .table-bordered {
-    border: 0;
   }
 }
 
 @media (max-width: 1199.98px) {
   .table-responsive-xl {
-    display: block;
-    width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
   }
+}
 
-  .table-responsive-xl > .table-bordered {
-    border: 0;
+@media (max-width: 1399.98px) {
+  .table-responsive-xxl {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
   }
 }
 
-.table-responsive {
-  display: block;
-  width: 100%;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  -ms-overflow-style: -ms-autohiding-scrollbar;
+.form-label {
+  margin-bottom: 0.5rem;
 }
 
-.table-responsive > .table-bordered {
-  border: 0;
+.col-form-label {
+  padding-top: calc(0.375rem + 1px);
+  padding-bottom: calc(0.375rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.5;
+}
+
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.25rem;
+}
+
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.875rem;
+}
+
+.form-text {
+  margin-top: 0.25rem;
+  font-size: 0.875em;
+  color: #6c757d;
 }
 
 .form-control {
@@ -884,32 +869,41 @@ pre code {
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
+  font-weight: 400;
   line-height: 1.5;
-  color: #495057;
+  color: #212529;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
+  appearance: none;
   border-radius: 0.25rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
-@media screen and (prefers-reduced-motion: reduce) {
+@media (prefers-reduced-motion: reduce) {
   .form-control {
     transition: none;
   }
 }
 
-.form-control::-ms-expand {
-  background-color: transparent;
-  border: 0;
+.form-control[type='file'] {
+  overflow: hidden;
+}
+
+.form-control[type='file']:not(:disabled):not([readonly]) {
+  cursor: pointer;
 }
 
 .form-control:focus {
-  color: #495057;
+  color: #212529;
   background-color: #fff;
-  border-color: #30aef6;
+  border-color: #83b4cf;
   outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(7, 104, 159, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(7, 104, 159, 0.25);
+}
+
+.form-control::-webkit-date-and-time-value {
+  height: 1.5em;
 }
 
 .form-control::placeholder {
@@ -923,48 +917,62 @@ pre code {
   opacity: 1;
 }
 
-select.form-control:not([size]):not([multiple]) {
-  height: calc(2.25rem + 2px);
+.form-control::file-selector-button {
+  padding: 0.375rem 0.75rem;
+  margin: -0.375rem -0.75rem;
+  margin-inline-end: 0.75rem;
+  color: #212529;
+  background-color: #e9ecef;
+  pointer-events: none;
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+  border-inline-end-width: 1px;
+  border-radius: 0;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
 }
 
-select.form-control:focus::-ms-value {
-  color: #495057;
-  background-color: #fff;
+@media (prefers-reduced-motion: reduce) {
+  .form-control::file-selector-button {
+    transition: none;
+  }
 }
 
-.form-control-file,
-.form-control-range {
-  display: block;
-  width: 100%;
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+  background-color: #dde0e3;
 }
 
-.col-form-label {
-  padding-top: calc(0.375rem + 1px);
-  padding-bottom: calc(0.375rem + 1px);
-  margin-bottom: 0;
-  font-size: inherit;
-  line-height: 1.5;
+.form-control::-webkit-file-upload-button {
+  padding: 0.375rem 0.75rem;
+  margin: -0.375rem -0.75rem;
+  margin-inline-end: 0.75rem;
+  color: #212529;
+  background-color: #e9ecef;
+  pointer-events: none;
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+  border-inline-end-width: 1px;
+  border-radius: 0;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
 }
 
-.col-form-label-lg {
-  padding-top: calc(0.5rem + 1px);
-  padding-bottom: calc(0.5rem + 1px);
-  font-size: 1.25rem;
-  line-height: 1.5;
+@media (prefers-reduced-motion: reduce) {
+  .form-control::-webkit-file-upload-button {
+    transition: none;
+  }
 }
 
-.col-form-label-sm {
-  padding-top: calc(0.25rem + 1px);
-  padding-bottom: calc(0.25rem + 1px);
-  font-size: 0.875rem;
-  line-height: 1.5;
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+  background-color: #dde0e3;
 }
 
 .form-control-plaintext {
   display: block;
   width: 100%;
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
+  padding: 0.375rem 0;
   margin-bottom: 0;
   line-height: 1.5;
   color: #212529;
@@ -974,1992 +982,1974 @@ select.form-control:focus::-ms-value {
 }
 
 .form-control-plaintext.form-control-sm,
-.input-group-sm > .form-control-plaintext.form-control,
-.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
-.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
-.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
-.input-group-sm > .input-group-append > .form-control-plaintext.btn,
-.form-control-plaintext.form-control-lg,
-.input-group-lg > .form-control-plaintext.form-control,
-.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
-.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
-.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
-.input-group-lg > .input-group-append > .form-control-plaintext.btn {
+.form-control-plaintext.form-control-lg {
   padding-right: 0;
   padding-left: 0;
 }
 
-.form-control-sm,
-.input-group-sm > .form-control,
-.input-group-sm > .input-group-prepend > .input-group-text,
-.input-group-sm > .input-group-append > .input-group-text,
-.input-group-sm > .input-group-prepend > .btn,
-.input-group-sm > .input-group-append > .btn {
+.form-control-sm {
+  min-height: calc(1.5em + 0.5rem + 2px);
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
-  line-height: 1.5;
   border-radius: 0.2rem;
 }
 
-select.form-control-sm:not([size]):not([multiple]),
-.input-group-sm > select.form-control:not([size]):not([multiple]),
-.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
-.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
-.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
-.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
-  height: calc(1.8125rem + 2px);
+.form-control-sm::file-selector-button {
+  padding: 0.25rem 0.5rem;
+  margin: -0.25rem -0.5rem;
+  margin-inline-end: 0.5rem;
+}
+
+.form-control-sm::-webkit-file-upload-button {
+  padding: 0.25rem 0.5rem;
+  margin: -0.25rem -0.5rem;
+  margin-inline-end: 0.5rem;
 }
 
-.form-control-lg,
-.input-group-lg > .form-control,
-.input-group-lg > .input-group-prepend > .input-group-text,
-.input-group-lg > .input-group-append > .input-group-text,
-.input-group-lg > .input-group-prepend > .btn,
-.input-group-lg > .input-group-append > .btn {
+.form-control-lg {
+  min-height: calc(1.5em + 1rem + 2px);
   padding: 0.5rem 1rem;
   font-size: 1.25rem;
-  line-height: 1.5;
   border-radius: 0.3rem;
 }
 
-select.form-control-lg:not([size]):not([multiple]),
-.input-group-lg > select.form-control:not([size]):not([multiple]),
-.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
-.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
-.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
-.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
-  height: calc(2.875rem + 2px);
+.form-control-lg::file-selector-button {
+  padding: 0.5rem 1rem;
+  margin: -0.5rem -1rem;
+  margin-inline-end: 1rem;
 }
 
-.form-group {
-  margin-bottom: 1rem;
+.form-control-lg::-webkit-file-upload-button {
+  padding: 0.5rem 1rem;
+  margin: -0.5rem -1rem;
+  margin-inline-end: 1rem;
 }
 
-.form-text {
-  display: block;
-  margin-top: 0.25rem;
+textarea.form-control {
+  min-height: calc(1.5em + 0.75rem + 2px);
 }
 
-.form-row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -5px;
-  margin-left: -5px;
+textarea.form-control-sm {
+  min-height: calc(1.5em + 0.5rem + 2px);
 }
 
-.form-row > .col,
-.form-row > [class*='col-'] {
-  padding-right: 5px;
-  padding-left: 5px;
+textarea.form-control-lg {
+  min-height: calc(1.5em + 1rem + 2px);
 }
 
-.form-check {
-  position: relative;
-  display: block;
-  padding-left: 1.25rem;
+.form-control-color {
+  max-width: 3rem;
+  height: auto;
+  padding: 0.375rem;
 }
 
-.form-check-input {
-  position: absolute;
-  margin-top: 0.3rem;
-  margin-left: -1.25rem;
+.form-control-color:not(:disabled):not([readonly]) {
+  cursor: pointer;
 }
 
-.form-check-input:disabled ~ .form-check-label {
-  color: #6c757d;
+.form-control-color::-moz-color-swatch {
+  height: 1.5em;
+  border-radius: 0.25rem;
 }
 
-.form-check-label {
-  margin-bottom: 0;
+.form-control-color::-webkit-color-swatch {
+  height: 1.5em;
+  border-radius: 0.25rem;
 }
 
-.form-check-inline {
-  display: inline-flex;
-  align-items: center;
-  padding-left: 0;
-  margin-right: 0.75rem;
+.form-select {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  background-color: #fff;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right 0.75rem center;
+  background-size: 16px 12px;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  appearance: none;
 }
 
-.form-check-inline .form-check-input {
-  position: static;
-  margin-top: 0;
-  margin-right: 0.3125rem;
-  margin-left: 0;
+.form-select:focus {
+  border-color: #83b4cf;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(7, 104, 159, 0.25);
 }
 
-.valid-feedback {
-  display: none;
-  width: 100%;
-  margin-top: 0.25rem;
-  font-size: 80%;
-  color: #11d3bc;
+.form-select[multiple],
+.form-select[size]:not([size='1']) {
+  padding-right: 0.75rem;
+  background-image: none;
 }
 
-.valid-tooltip {
-  position: absolute;
-  top: 100%;
-  z-index: 5;
-  display: none;
-  max-width: 100%;
-  padding: 0.5rem;
-  margin-top: 0.1rem;
-  font-size: 0.875rem;
-  line-height: 1;
-  color: #fff;
-  background-color: rgba(17, 211, 188, 0.8);
-  border-radius: 0.2rem;
+.form-select:disabled {
+  background-color: #e9ecef;
 }
 
-.was-validated .form-control:valid,
-.form-control.is-valid,
-.was-validated .custom-select:valid,
-.custom-select.is-valid {
-  border-color: #11d3bc;
+.form-select:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #212529;
 }
 
-.was-validated .form-control:valid:focus,
-.form-control.is-valid:focus,
-.was-validated .custom-select:valid:focus,
-.custom-select.is-valid:focus {
-  border-color: #11d3bc;
-  box-shadow: 0 0 0 0.2rem rgba(17, 211, 188, 0.25);
+.form-select-sm {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 0.875rem;
 }
 
-.was-validated .form-control:valid ~ .valid-feedback,
-.was-validated .form-control:valid ~ .valid-tooltip,
-.form-control.is-valid ~ .valid-feedback,
-.form-control.is-valid ~ .valid-tooltip,
-.was-validated .custom-select:valid ~ .valid-feedback,
-.was-validated .custom-select:valid ~ .valid-tooltip,
-.custom-select.is-valid ~ .valid-feedback,
-.custom-select.is-valid ~ .valid-tooltip {
-  display: block;
+.form-select-lg {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  font-size: 1.25rem;
 }
 
-.was-validated .form-control-file:valid ~ .valid-feedback,
-.was-validated .form-control-file:valid ~ .valid-tooltip,
-.form-control-file.is-valid ~ .valid-feedback,
-.form-control-file.is-valid ~ .valid-tooltip {
+.form-check {
   display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5em;
+  margin-bottom: 0.125rem;
 }
 
-.was-validated .form-check-input:valid ~ .form-check-label,
-.form-check-input.is-valid ~ .form-check-label {
-  color: #11d3bc;
-}
-
-.was-validated .form-check-input:valid ~ .valid-feedback,
-.was-validated .form-check-input:valid ~ .valid-tooltip,
-.form-check-input.is-valid ~ .valid-feedback,
-.form-check-input.is-valid ~ .valid-tooltip {
-  display: block;
+.form-check .form-check-input {
+  float: left;
+  margin-left: -1.5em;
 }
 
-.was-validated .custom-control-input:valid ~ .custom-control-label,
-.custom-control-input.is-valid ~ .custom-control-label {
-  color: #11d3bc;
+.form-check-input {
+  width: 1em;
+  height: 1em;
+  margin-top: 0.25em;
+  vertical-align: top;
+  background-color: #fff;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  appearance: none;
+  color-adjust: exact;
 }
 
-.was-validated .custom-control-input:valid ~ .custom-control-label::before,
-.custom-control-input.is-valid ~ .custom-control-label::before {
-  background-color: #70f3e4;
+.form-check-input[type='checkbox'] {
+  border-radius: 0.25em;
 }
 
-.was-validated .custom-control-input:valid ~ .valid-feedback,
-.was-validated .custom-control-input:valid ~ .valid-tooltip,
-.custom-control-input.is-valid ~ .valid-feedback,
-.custom-control-input.is-valid ~ .valid-tooltip {
-  display: block;
+.form-check-input[type='radio'] {
+  border-radius: 50%;
 }
 
-.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
-.custom-control-input.is-valid:checked ~ .custom-control-label::before {
-  background-color: #29eed6;
+.form-check-input:active {
+  filter: brightness(90%);
 }
 
-.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
-.custom-control-input.is-valid:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 211, 188, 0.25);
+.form-check-input:focus {
+  border-color: #83b4cf;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(7, 104, 159, 0.25);
 }
 
-.was-validated .custom-file-input:valid ~ .custom-file-label,
-.custom-file-input.is-valid ~ .custom-file-label {
-  border-color: #11d3bc;
+.form-check-input:checked {
+  background-color: #07689f;
+  border-color: #07689f;
 }
 
-.was-validated .custom-file-input:valid ~ .custom-file-label::before,
-.custom-file-input.is-valid ~ .custom-file-label::before {
-  border-color: inherit;
+.form-check-input:checked[type='checkbox'] {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
 }
 
-.was-validated .custom-file-input:valid ~ .valid-feedback,
-.was-validated .custom-file-input:valid ~ .valid-tooltip,
-.custom-file-input.is-valid ~ .valid-feedback,
-.custom-file-input.is-valid ~ .valid-tooltip {
-  display: block;
+.form-check-input:checked[type='radio'] {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
 }
 
-.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
-.custom-file-input.is-valid:focus ~ .custom-file-label {
-  box-shadow: 0 0 0 0.2rem rgba(17, 211, 188, 0.25);
+.form-check-input[type='checkbox']:indeterminate {
+  background-color: #07689f;
+  border-color: #07689f;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 
-.invalid-feedback {
-  display: none;
-  width: 100%;
-  margin-top: 0.25rem;
-  font-size: 80%;
-  color: #f67280;
+.form-check-input:disabled {
+  pointer-events: none;
+  filter: none;
+  opacity: 0.5;
 }
 
-.invalid-tooltip {
-  position: absolute;
-  top: 100%;
-  z-index: 5;
-  display: none;
-  max-width: 100%;
-  padding: 0.5rem;
-  margin-top: 0.1rem;
-  font-size: 0.875rem;
-  line-height: 1;
-  color: #fff;
-  background-color: rgba(246, 114, 128, 0.8);
-  border-radius: 0.2rem;
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+  opacity: 0.5;
 }
 
-.was-validated .form-control:invalid,
-.form-control.is-invalid,
-.was-validated .custom-select:invalid,
-.custom-select.is-invalid {
-  border-color: #f67280;
+.form-switch {
+  padding-left: 2.5em;
 }
 
-.was-validated .form-control:invalid:focus,
-.form-control.is-invalid:focus,
-.was-validated .custom-select:invalid:focus,
-.custom-select.is-invalid:focus {
-  border-color: #f67280;
-  box-shadow: 0 0 0 0.2rem rgba(246, 114, 128, 0.25);
+.form-switch .form-check-input {
+  width: 2em;
+  margin-left: -2.5em;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
+  background-position: left center;
+  border-radius: 2em;
+  transition: background-position 0.15s ease-in-out;
 }
 
-.was-validated .form-control:invalid ~ .invalid-feedback,
-.was-validated .form-control:invalid ~ .invalid-tooltip,
-.form-control.is-invalid ~ .invalid-feedback,
-.form-control.is-invalid ~ .invalid-tooltip,
-.was-validated .custom-select:invalid ~ .invalid-feedback,
-.was-validated .custom-select:invalid ~ .invalid-tooltip,
-.custom-select.is-invalid ~ .invalid-feedback,
-.custom-select.is-invalid ~ .invalid-tooltip {
-  display: block;
+@media (prefers-reduced-motion: reduce) {
+  .form-switch .form-check-input {
+    transition: none;
+  }
 }
 
-.was-validated .form-control-file:invalid ~ .invalid-feedback,
-.was-validated .form-control-file:invalid ~ .invalid-tooltip,
-.form-control-file.is-invalid ~ .invalid-feedback,
-.form-control-file.is-invalid ~ .invalid-tooltip {
-  display: block;
+.form-switch .form-check-input:focus {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2383b4cf'/%3e%3c/svg%3e");
 }
 
-.was-validated .form-check-input:invalid ~ .form-check-label,
-.form-check-input.is-invalid ~ .form-check-label {
-  color: #f67280;
+.form-switch .form-check-input:checked {
+  background-position: right center;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }
 
-.was-validated .form-check-input:invalid ~ .invalid-feedback,
-.was-validated .form-check-input:invalid ~ .invalid-tooltip,
-.form-check-input.is-invalid ~ .invalid-feedback,
-.form-check-input.is-invalid ~ .invalid-tooltip {
-  display: block;
+.form-check-inline {
+  display: inline-block;
+  margin-right: 1rem;
 }
 
-.was-validated .custom-control-input:invalid ~ .custom-control-label,
-.custom-control-input.is-invalid ~ .custom-control-label {
-  color: #f67280;
+.btn-check {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
 }
 
-.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
-.custom-control-input.is-invalid ~ .custom-control-label::before {
-  background-color: #feeaec;
+.btn-check[disabled] + .btn,
+.btn-check:disabled + .btn {
+  pointer-events: none;
+  filter: none;
+  opacity: 0.65;
 }
 
-.was-validated .custom-control-input:invalid ~ .invalid-feedback,
-.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
-.custom-control-input.is-invalid ~ .invalid-feedback,
-.custom-control-input.is-invalid ~ .invalid-tooltip {
-  display: block;
+.form-range {
+  width: 100%;
+  height: 1.5rem;
+  padding: 0;
+  background-color: transparent;
+  appearance: none;
 }
 
-.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
-.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
-  background-color: #f9a2ab;
+.form-range:focus {
+  outline: 0;
 }
 
-.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
-.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(246, 114, 128, 0.25);
+.form-range:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(7, 104, 159, 0.25);
 }
 
-.was-validated .custom-file-input:invalid ~ .custom-file-label,
-.custom-file-input.is-invalid ~ .custom-file-label {
-  border-color: #f67280;
+.form-range:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(7, 104, 159, 0.25);
 }
 
-.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
-.custom-file-input.is-invalid ~ .custom-file-label::before {
-  border-color: inherit;
+.form-range::-moz-focus-outer {
+  border: 0;
 }
 
-.was-validated .custom-file-input:invalid ~ .invalid-feedback,
-.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
-.custom-file-input.is-invalid ~ .invalid-feedback,
-.custom-file-input.is-invalid ~ .invalid-tooltip {
-  display: block;
+.form-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #07689f;
+  border: 0;
+  border-radius: 1rem;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
 }
 
-.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
-.custom-file-input.is-invalid:focus ~ .custom-file-label {
-  box-shadow: 0 0 0 0.2rem rgba(246, 114, 128, 0.25);
+@media (prefers-reduced-motion: reduce) {
+  .form-range::-webkit-slider-thumb {
+    transition: none;
+  }
 }
 
-.form-inline {
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center;
+.form-range::-webkit-slider-thumb:active {
+  background-color: #b5d2e2;
 }
 
-.form-inline .form-check {
+.form-range::-webkit-slider-runnable-track {
   width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
 }
 
-@media (min-width: 576px) {
-  .form-inline label {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 0;
-  }
+.form-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #07689f;
+  border: 0;
+  border-radius: 1rem;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
 
-  .form-inline .form-group {
-    display: flex;
-    flex: 0 0 auto;
-    flex-flow: row wrap;
-    align-items: center;
-    margin-bottom: 0;
+@media (prefers-reduced-motion: reduce) {
+  .form-range::-moz-range-thumb {
+    transition: none;
   }
+}
 
-  .form-inline .form-control {
-    display: inline-block;
-    width: auto;
-    vertical-align: middle;
-  }
+.form-range::-moz-range-thumb:active {
+  background-color: #b5d2e2;
+}
 
-  .form-inline .form-control-plaintext {
-    display: inline-block;
-  }
+.form-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
 
-  .form-inline .input-group,
-  .form-inline .custom-select {
-    width: auto;
-  }
+.form-range:disabled {
+  pointer-events: none;
+}
 
-  .form-inline .form-check {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: auto;
-    padding-left: 0;
-  }
+.form-range:disabled::-webkit-slider-thumb {
+  background-color: #adb5bd;
+}
 
-  .form-inline .form-check-input {
-    position: relative;
-    margin-top: 0;
-    margin-right: 0.25rem;
-    margin-left: 0;
-  }
+.form-range:disabled::-moz-range-thumb {
+  background-color: #adb5bd;
+}
 
-  .form-inline .custom-control {
-    align-items: center;
-    justify-content: center;
-  }
+.form-floating {
+  position: relative;
+}
 
-  .form-inline .custom-control-label {
-    margin-bottom: 0;
-  }
+.form-floating > .form-control,
+.form-floating > .form-select {
+  height: calc(3.5rem + 2px);
+  padding: 1rem 0.75rem;
 }
 
-.btn {
-  display: inline-block;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  user-select: none;
+.form-floating > label {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  padding: 1rem 0.75rem;
+  pointer-events: none;
   border: 1px solid transparent;
-  padding: 0.375rem 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  border-radius: 0.25rem;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
-    box-shadow 0.15s ease-in-out;
+  transform-origin: 0 0;
+  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
 }
 
-@media screen and (prefers-reduced-motion: reduce) {
-  .btn {
+@media (prefers-reduced-motion: reduce) {
+  .form-floating > label {
     transition: none;
   }
 }
 
-.btn:hover,
-.btn:focus {
-  text-decoration: none;
-}
-
-.btn:focus,
-.btn.focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(7, 104, 159, 0.25);
+.form-floating > .form-control::placeholder {
+  color: transparent;
 }
 
-.btn.disabled,
-.btn:disabled {
-  opacity: 0.65;
+.form-floating > .form-control:focus,
+.form-floating > .form-control:not(:placeholder-shown) {
+  padding-top: 1.625rem;
+  padding-bottom: 0.625rem;
 }
 
-.btn:not(:disabled):not(.disabled) {
-  cursor: pointer;
+.form-floating > .form-control:-webkit-autofill {
+  padding-top: 1.625rem;
+  padding-bottom: 0.625rem;
 }
 
-.btn:not(:disabled):not(.disabled):active,
-.btn:not(:disabled):not(.disabled).active {
-  background-image: none;
+.form-floating > .form-select {
+  padding-top: 1.625rem;
+  padding-bottom: 0.625rem;
 }
 
-a.btn.disabled,
-fieldset:disabled a.btn {
-  pointer-events: none;
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-select ~ label {
+  opacity: 0.65;
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
 
-.btn-primary {
-  color: #fff;
-  background-color: #07689f;
-  border-color: #07689f;
+.form-floating > .form-control:-webkit-autofill ~ label {
+  opacity: 0.65;
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
 
-.btn-primary:hover {
-  color: #fff;
-  background-color: #05507a;
-  border-color: #05486e;
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%;
 }
 
-.btn-primary:focus,
-.btn-primary.focus {
-  box-shadow: 0 0 0 0.2rem rgba(7, 104, 159, 0.5);
+.input-group > .form-control,
+.input-group > .form-select {
+  position: relative;
+  flex: 1 1 auto;
+  width: 1%;
+  min-width: 0;
 }
 
-.btn-primary.disabled,
-.btn-primary:disabled {
-  color: #fff;
-  background-color: #07689f;
-  border-color: #07689f;
+.input-group > .form-control:focus,
+.input-group > .form-select:focus {
+  z-index: 3;
 }
 
-.btn-primary:not(:disabled):not(.disabled):active,
-.btn-primary:not(:disabled):not(.disabled).active,
-.show > .btn-primary.dropdown-toggle {
-  color: #fff;
-  background-color: #05486e;
-  border-color: #044062;
+.input-group .btn {
+  position: relative;
+  z-index: 2;
 }
 
-.btn-primary:not(:disabled):not(.disabled):active:focus,
-.btn-primary:not(:disabled):not(.disabled).active:focus,
-.show > .btn-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(7, 104, 159, 0.5);
+.input-group .btn:focus {
+  z-index: 3;
 }
 
-.btn-secondary {
-  color: #212529;
-  background-color: #c9d6df;
-  border-color: #c9d6df;
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #e9ecef;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
 }
 
-.btn-secondary:hover {
-  color: #212529;
-  background-color: #b1c4d1;
-  border-color: #a9becc;
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  border-radius: 0.3rem;
 }
 
-.btn-secondary:focus,
-.btn-secondary.focus {
-  box-shadow: 0 0 0 0.2rem rgba(201, 214, 223, 0.5);
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  border-radius: 0.2rem;
 }
 
-.btn-secondary.disabled,
-.btn-secondary:disabled {
-  color: #212529;
-  background-color: #c9d6df;
-  border-color: #c9d6df;
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+  padding-right: 3rem;
 }
 
-.btn-secondary:not(:disabled):not(.disabled):active,
-.btn-secondary:not(:disabled):not(.disabled).active,
-.show > .btn-secondary.dropdown-toggle {
-  color: #212529;
-  background-color: #a9becc;
-  border-color: #a1b8c7;
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
-.btn-secondary:not(:disabled):not(.disabled):active:focus,
-.btn-secondary:not(:disabled):not(.disabled).active:focus,
-.show > .btn-secondary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(201, 214, 223, 0.5);
+.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
-.btn-success {
-  color: #212529;
-  background-color: #11d3bc;
-  border-color: #11d3bc;
+.input-group
+  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+  margin-left: -1px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
-.btn-success:hover {
-  color: #fff;
-  background-color: #0eb09c;
-  border-color: #0da492;
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 0.875em;
+  color: #11d3bc;
 }
 
-.btn-success:focus,
-.btn-success.focus {
-  box-shadow: 0 0 0 0.2rem rgba(17, 211, 188, 0.5);
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.1rem;
+  font-size: 0.875rem;
+  color: #000;
+  background-color: rgba(17, 211, 188, 0.9);
+  border-radius: 0.25rem;
 }
 
-.btn-success.disabled,
-.btn-success:disabled {
-  color: #212529;
-  background-color: #11d3bc;
-  border-color: #11d3bc;
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+  display: block;
 }
 
-.btn-success:not(:disabled):not(.disabled):active,
-.btn-success:not(:disabled):not(.disabled).active,
-.show > .btn-success.dropdown-toggle {
-  color: #fff;
-  background-color: #0da492;
-  border-color: #0c9887;
+.was-validated .form-control:valid,
+.form-control.is-valid {
+  border-color: #11d3bc;
+  padding-right: calc(1.5em + 0.75rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2311D3BC' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
-.btn-success:not(:disabled):not(.disabled):active:focus,
-.btn-success:not(:disabled):not(.disabled).active:focus,
-.show > .btn-success.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(17, 211, 188, 0.5);
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus {
+  border-color: #11d3bc;
+  box-shadow: 0 0 0 0.25rem rgba(17, 211, 188, 0.25);
 }
 
-.btn-info {
-  color: #212529;
-  background-color: #a2d5f2;
-  border-color: #a2d5f2;
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
 
-.btn-info:hover {
-  color: #212529;
-  background-color: #80c6ed;
-  border-color: #75c1ec;
+.was-validated .form-select:valid,
+.form-select.is-valid {
+  border-color: #11d3bc;
 }
 
-.btn-info:focus,
-.btn-info.focus {
-  box-shadow: 0 0 0 0.2rem rgba(162, 213, 242, 0.5);
+.was-validated .form-select:valid:not([multiple]):not([size]),
+.was-validated .form-select:valid:not([multiple])[size='1'],
+.form-select.is-valid:not([multiple]):not([size]),
+.form-select.is-valid:not([multiple])[size='1'] {
+  padding-right: 4.125rem;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2311D3BC' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-position: right 0.75rem center, center right 2.25rem;
+  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
-.btn-info.disabled,
-.btn-info:disabled {
-  color: #212529;
-  background-color: #a2d5f2;
-  border-color: #a2d5f2;
+.was-validated .form-select:valid:focus,
+.form-select.is-valid:focus {
+  border-color: #11d3bc;
+  box-shadow: 0 0 0 0.25rem rgba(17, 211, 188, 0.25);
 }
 
-.btn-info:not(:disabled):not(.disabled):active,
-.btn-info:not(:disabled):not(.disabled).active,
-.show > .btn-info.dropdown-toggle {
-  color: #212529;
-  background-color: #75c1ec;
-  border-color: #6abcea;
+.was-validated .form-check-input:valid,
+.form-check-input.is-valid {
+  border-color: #11d3bc;
 }
 
-.btn-info:not(:disabled):not(.disabled):active:focus,
-.btn-info:not(:disabled):not(.disabled).active:focus,
-.show > .btn-info.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(162, 213, 242, 0.5);
+.was-validated .form-check-input:valid:checked,
+.form-check-input.is-valid:checked {
+  background-color: #11d3bc;
 }
 
-.btn-warning {
-  color: #212529;
-  background-color: #ff7e67;
-  border-color: #ff7e67;
+.was-validated .form-check-input:valid:focus,
+.form-check-input.is-valid:focus {
+  box-shadow: 0 0 0 0.25rem rgba(17, 211, 188, 0.25);
 }
 
-.btn-warning:hover {
-  color: #fff;
-  background-color: #ff5e41;
-  border-color: #ff5334;
+.was-validated .form-check-input:valid ~ .form-check-label,
+.form-check-input.is-valid ~ .form-check-label {
+  color: #11d3bc;
 }
 
-.btn-warning:focus,
-.btn-warning.focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 126, 103, 0.5);
+.form-check-inline .form-check-input ~ .valid-feedback {
+  margin-left: 0.5em;
 }
 
-.btn-warning.disabled,
-.btn-warning:disabled {
-  color: #212529;
-  background-color: #ff7e67;
-  border-color: #ff7e67;
+.was-validated .input-group .form-control:valid,
+.input-group .form-control.is-valid,
+.was-validated .input-group .form-select:valid,
+.input-group .form-select.is-valid {
+  z-index: 1;
 }
 
-.btn-warning:not(:disabled):not(.disabled):active,
-.btn-warning:not(:disabled):not(.disabled).active,
-.show > .btn-warning.dropdown-toggle {
-  color: #fff;
-  background-color: #ff5334;
-  border-color: #ff4827;
+.was-validated .input-group .form-control:valid:focus,
+.input-group .form-control.is-valid:focus,
+.was-validated .input-group .form-select:valid:focus,
+.input-group .form-select.is-valid:focus {
+  z-index: 3;
 }
 
-.btn-warning:not(:disabled):not(.disabled):active:focus,
-.btn-warning:not(:disabled):not(.disabled).active:focus,
-.show > .btn-warning.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 126, 103, 0.5);
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 0.875em;
+  color: #f67280;
 }
 
-.btn-danger {
-  color: #212529;
-  background-color: #f67280;
-  border-color: #f67280;
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.1rem;
+  font-size: 0.875rem;
+  color: #000;
+  background-color: rgba(246, 114, 128, 0.9);
+  border-radius: 0.25rem;
 }
 
-.btn-danger:hover {
-  color: #fff;
-  background-color: #f44e60;
-  border-color: #f34255;
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+  display: block;
 }
 
-.btn-danger:focus,
-.btn-danger.focus {
-  box-shadow: 0 0 0 0.2rem rgba(246, 114, 128, 0.5);
+.was-validated .form-control:invalid,
+.form-control.is-invalid {
+  border-color: #f67280;
+  padding-right: calc(1.5em + 0.75rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F67280'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F67280' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
-.btn-danger.disabled,
-.btn-danger:disabled {
-  color: #212529;
-  background-color: #f67280;
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus {
   border-color: #f67280;
+  box-shadow: 0 0 0 0.25rem rgba(246, 114, 128, 0.25);
 }
 
-.btn-danger:not(:disabled):not(.disabled):active,
-.btn-danger:not(:disabled):not(.disabled).active,
-.show > .btn-danger.dropdown-toggle {
-  color: #fff;
-  background-color: #f34255;
-  border-color: #f2364a;
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
 
-.btn-danger:not(:disabled):not(.disabled):active:focus,
-.btn-danger:not(:disabled):not(.disabled).active:focus,
-.show > .btn-danger.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(246, 114, 128, 0.5);
+.was-validated .form-select:invalid,
+.form-select.is-invalid {
+  border-color: #f67280;
 }
 
-.btn-light {
-  color: #212529;
-  background-color: #fafafa;
-  border-color: #fafafa;
+.was-validated .form-select:invalid:not([multiple]):not([size]),
+.was-validated .form-select:invalid:not([multiple])[size='1'],
+.form-select.is-invalid:not([multiple]):not([size]),
+.form-select.is-invalid:not([multiple])[size='1'] {
+  padding-right: 4.125rem;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F67280'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F67280' stroke='none'/%3e%3c/svg%3e");
+  background-position: right 0.75rem center, center right 2.25rem;
+  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
-.btn-light:hover {
-  color: #212529;
-  background-color: #e7e7e7;
-  border-color: #e1e1e1;
+.was-validated .form-select:invalid:focus,
+.form-select.is-invalid:focus {
+  border-color: #f67280;
+  box-shadow: 0 0 0 0.25rem rgba(246, 114, 128, 0.25);
 }
 
-.btn-light:focus,
-.btn-light.focus {
-  box-shadow: 0 0 0 0.2rem rgba(250, 250, 250, 0.5);
+.was-validated .form-check-input:invalid,
+.form-check-input.is-invalid {
+  border-color: #f67280;
 }
 
-.btn-light.disabled,
-.btn-light:disabled {
-  color: #212529;
-  background-color: #fafafa;
-  border-color: #fafafa;
+.was-validated .form-check-input:invalid:checked,
+.form-check-input.is-invalid:checked {
+  background-color: #f67280;
 }
 
-.btn-light:not(:disabled):not(.disabled):active,
-.btn-light:not(:disabled):not(.disabled).active,
-.show > .btn-light.dropdown-toggle {
-  color: #212529;
-  background-color: #e1e1e1;
-  border-color: #dadada;
+.was-validated .form-check-input:invalid:focus,
+.form-check-input.is-invalid:focus {
+  box-shadow: 0 0 0 0.25rem rgba(246, 114, 128, 0.25);
 }
 
-.btn-light:not(:disabled):not(.disabled):active:focus,
-.btn-light:not(:disabled):not(.disabled).active:focus,
-.show > .btn-light.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(250, 250, 250, 0.5);
+.was-validated .form-check-input:invalid ~ .form-check-label,
+.form-check-input.is-invalid ~ .form-check-label {
+  color: #f67280;
 }
 
-.btn-dark {
-  color: #fff;
-  background-color: #4e4e4e;
-  border-color: #4e4e4e;
+.form-check-inline .form-check-input ~ .invalid-feedback {
+  margin-left: 0.5em;
 }
 
-.btn-dark:hover {
-  color: #fff;
-  background-color: #3b3b3b;
-  border-color: #353535;
+.was-validated .input-group .form-control:invalid,
+.input-group .form-control.is-invalid,
+.was-validated .input-group .form-select:invalid,
+.input-group .form-select.is-invalid {
+  z-index: 2;
 }
 
-.btn-dark:focus,
-.btn-dark.focus {
-  box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5);
+.was-validated .input-group .form-control:invalid:focus,
+.input-group .form-control.is-invalid:focus,
+.was-validated .input-group .form-select:invalid:focus,
+.input-group .form-select.is-invalid:focus {
+  z-index: 3;
 }
 
-.btn-dark.disabled,
-.btn-dark:disabled {
-  color: #fff;
-  background-color: #4e4e4e;
-  border-color: #4e4e4e;
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: center;
+  text-decoration: none;
+  vertical-align: middle;
+  cursor: pointer;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
 }
 
-.btn-dark:not(:disabled):not(.disabled):active,
-.btn-dark:not(:disabled):not(.disabled).active,
-.show > .btn-dark.dropdown-toggle {
-  color: #fff;
-  background-color: #353535;
-  border-color: #2e2e2e;
+@media (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
 }
 
-.btn-dark:not(:disabled):not(.disabled):active:focus,
-.btn-dark:not(:disabled):not(.disabled).active:focus,
-.show > .btn-dark.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5);
+.btn:hover {
+  color: #212529;
 }
 
-.btn-outline-primary {
-  color: #07689f;
-  background-color: transparent;
-  background-image: none;
-  border-color: #07689f;
+.btn-check:focus + .btn,
+.btn:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(7, 104, 159, 0.25);
 }
 
-.btn-outline-primary:hover {
+.btn:disabled,
+.btn.disabled,
+fieldset:disabled .btn {
+  pointer-events: none;
+  opacity: 0.65;
+}
+
+.btn-primary {
   color: #fff;
   background-color: #07689f;
   border-color: #07689f;
 }
 
-.btn-outline-primary:focus,
-.btn-outline-primary.focus {
-  box-shadow: 0 0 0 0.2rem rgba(7, 104, 159, 0.5);
+.btn-primary:hover {
+  color: #fff;
+  background-color: #065887;
+  border-color: #06537f;
 }
 
-.btn-outline-primary.disabled,
-.btn-outline-primary:disabled {
-  color: #07689f;
-  background-color: transparent;
+.btn-check:focus + .btn-primary,
+.btn-primary:focus {
+  color: #fff;
+  background-color: #065887;
+  border-color: #06537f;
+  box-shadow: 0 0 0 0.25rem rgba(44, 127, 173, 0.5);
 }
 
-.btn-outline-primary:not(:disabled):not(.disabled):active,
-.btn-outline-primary:not(:disabled):not(.disabled).active,
-.show > .btn-outline-primary.dropdown-toggle {
+.btn-check:checked + .btn-primary,
+.btn-check:active + .btn-primary,
+.btn-primary:active,
+.btn-primary.active,
+.show > .btn-primary.dropdown-toggle {
   color: #fff;
-  background-color: #07689f;
-  border-color: #07689f;
+  background-color: #06537f;
+  border-color: #054e77;
 }
 
-.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
-.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(7, 104, 159, 0.5);
+.btn-check:checked + .btn-primary:focus,
+.btn-check:active + .btn-primary:focus,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.25rem rgba(44, 127, 173, 0.5);
 }
 
-.btn-outline-secondary {
-  color: #c9d6df;
-  background-color: transparent;
-  background-image: none;
-  border-color: #c9d6df;
+.btn-primary:disabled,
+.btn-primary.disabled {
+  color: #fff;
+  background-color: #07689f;
+  border-color: #07689f;
 }
 
-.btn-outline-secondary:hover {
-  color: #212529;
+.btn-secondary {
+  color: #000;
   background-color: #c9d6df;
   border-color: #c9d6df;
 }
 
-.btn-outline-secondary:focus,
-.btn-outline-secondary.focus {
-  box-shadow: 0 0 0 0.2rem rgba(201, 214, 223, 0.5);
+.btn-secondary:hover {
+  color: #000;
+  background-color: #d1dce4;
+  border-color: #cedae2;
 }
 
-.btn-outline-secondary.disabled,
-.btn-outline-secondary:disabled {
-  color: #c9d6df;
-  background-color: transparent;
+.btn-check:focus + .btn-secondary,
+.btn-secondary:focus {
+  color: #000;
+  background-color: #d1dce4;
+  border-color: #cedae2;
+  box-shadow: 0 0 0 0.25rem rgba(171, 182, 190, 0.5);
 }
 
-.btn-outline-secondary:not(:disabled):not(.disabled):active,
-.btn-outline-secondary:not(:disabled):not(.disabled).active,
-.show > .btn-outline-secondary.dropdown-toggle {
-  color: #212529;
-  background-color: #c9d6df;
-  border-color: #c9d6df;
+.btn-check:checked + .btn-secondary,
+.btn-check:active + .btn-secondary,
+.btn-secondary:active,
+.btn-secondary.active,
+.show > .btn-secondary.dropdown-toggle {
+  color: #000;
+  background-color: #d4dee5;
+  border-color: #cedae2;
 }
 
-.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
-.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-secondary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(201, 214, 223, 0.5);
+.btn-check:checked + .btn-secondary:focus,
+.btn-check:active + .btn-secondary:focus,
+.btn-secondary:active:focus,
+.btn-secondary.active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.25rem rgba(171, 182, 190, 0.5);
 }
 
-.btn-outline-success {
-  color: #11d3bc;
-  background-color: transparent;
-  background-image: none;
-  border-color: #11d3bc;
+.btn-secondary:disabled,
+.btn-secondary.disabled {
+  color: #000;
+  background-color: #c9d6df;
+  border-color: #c9d6df;
 }
 
-.btn-outline-success:hover {
-  color: #212529;
+.btn-success {
+  color: #000;
   background-color: #11d3bc;
   border-color: #11d3bc;
 }
 
-.btn-outline-success:focus,
-.btn-outline-success.focus {
-  box-shadow: 0 0 0 0.2rem rgba(17, 211, 188, 0.5);
+.btn-success:hover {
+  color: #000;
+  background-color: #35dac6;
+  border-color: #29d7c3;
 }
 
-.btn-outline-success.disabled,
-.btn-outline-success:disabled {
-  color: #11d3bc;
-  background-color: transparent;
+.btn-check:focus + .btn-success,
+.btn-success:focus {
+  color: #000;
+  background-color: #35dac6;
+  border-color: #29d7c3;
+  box-shadow: 0 0 0 0.25rem rgba(14, 179, 160, 0.5);
 }
 
-.btn-outline-success:not(:disabled):not(.disabled):active,
-.btn-outline-success:not(:disabled):not(.disabled).active,
-.show > .btn-outline-success.dropdown-toggle {
-  color: #212529;
-  background-color: #11d3bc;
-  border-color: #11d3bc;
+.btn-check:checked + .btn-success,
+.btn-check:active + .btn-success,
+.btn-success:active,
+.btn-success.active,
+.show > .btn-success.dropdown-toggle {
+  color: #000;
+  background-color: #41dcc9;
+  border-color: #29d7c3;
 }
 
-.btn-outline-success:not(:disabled):not(.disabled):active:focus,
-.btn-outline-success:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-success.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(17, 211, 188, 0.5);
+.btn-check:checked + .btn-success:focus,
+.btn-check:active + .btn-success:focus,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.25rem rgba(14, 179, 160, 0.5);
 }
 
-.btn-outline-info {
-  color: #a2d5f2;
-  background-color: transparent;
-  background-image: none;
-  border-color: #a2d5f2;
+.btn-success:disabled,
+.btn-success.disabled {
+  color: #000;
+  background-color: #11d3bc;
+  border-color: #11d3bc;
 }
 
-.btn-outline-info:hover {
-  color: #212529;
+.btn-info {
+  color: #000;
   background-color: #a2d5f2;
   border-color: #a2d5f2;
 }
 
-.btn-outline-info:focus,
-.btn-outline-info.focus {
-  box-shadow: 0 0 0 0.2rem rgba(162, 213, 242, 0.5);
+.btn-info:hover {
+  color: #000;
+  background-color: #b0dbf4;
+  border-color: #abd9f3;
 }
 
-.btn-outline-info.disabled,
-.btn-outline-info:disabled {
-  color: #a2d5f2;
-  background-color: transparent;
+.btn-check:focus + .btn-info,
+.btn-info:focus {
+  color: #000;
+  background-color: #b0dbf4;
+  border-color: #abd9f3;
+  box-shadow: 0 0 0 0.25rem rgba(138, 181, 206, 0.5);
 }
 
-.btn-outline-info:not(:disabled):not(.disabled):active,
-.btn-outline-info:not(:disabled):not(.disabled).active,
-.show > .btn-outline-info.dropdown-toggle {
-  color: #212529;
-  background-color: #a2d5f2;
-  border-color: #a2d5f2;
+.btn-check:checked + .btn-info,
+.btn-check:active + .btn-info,
+.btn-info:active,
+.btn-info.active,
+.show > .btn-info.dropdown-toggle {
+  color: #000;
+  background-color: #b5ddf5;
+  border-color: #abd9f3;
 }
 
-.btn-outline-info:not(:disabled):not(.disabled):active:focus,
-.btn-outline-info:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-info.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(162, 213, 242, 0.5);
+.btn-check:checked + .btn-info:focus,
+.btn-check:active + .btn-info:focus,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.25rem rgba(138, 181, 206, 0.5);
 }
 
-.btn-outline-warning {
-  color: #ff7e67;
-  background-color: transparent;
-  background-image: none;
-  border-color: #ff7e67;
+.btn-info:disabled,
+.btn-info.disabled {
+  color: #000;
+  background-color: #a2d5f2;
+  border-color: #a2d5f2;
 }
 
-.btn-outline-warning:hover {
-  color: #212529;
+.btn-warning {
+  color: #000;
   background-color: #ff7e67;
   border-color: #ff7e67;
 }
 
-.btn-outline-warning:focus,
-.btn-outline-warning.focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 126, 103, 0.5);
+.btn-warning:hover {
+  color: #000;
+  background-color: #ff917e;
+  border-color: #ff8b76;
 }
 
-.btn-outline-warning.disabled,
-.btn-outline-warning:disabled {
-  color: #ff7e67;
-  background-color: transparent;
+.btn-check:focus + .btn-warning,
+.btn-warning:focus {
+  color: #000;
+  background-color: #ff917e;
+  border-color: #ff8b76;
+  box-shadow: 0 0 0 0.25rem rgba(217, 107, 88, 0.5);
 }
 
-.btn-outline-warning:not(:disabled):not(.disabled):active,
-.btn-outline-warning:not(:disabled):not(.disabled).active,
-.show > .btn-outline-warning.dropdown-toggle {
-  color: #212529;
-  background-color: #ff7e67;
-  border-color: #ff7e67;
+.btn-check:checked + .btn-warning,
+.btn-check:active + .btn-warning,
+.btn-warning:active,
+.btn-warning.active,
+.show > .btn-warning.dropdown-toggle {
+  color: #000;
+  background-color: #ff9885;
+  border-color: #ff8b76;
 }
 
-.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
-.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-warning.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(255, 126, 103, 0.5);
+.btn-check:checked + .btn-warning:focus,
+.btn-check:active + .btn-warning:focus,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.25rem rgba(217, 107, 88, 0.5);
 }
 
-.btn-outline-danger {
-  color: #f67280;
-  background-color: transparent;
-  background-image: none;
-  border-color: #f67280;
+.btn-warning:disabled,
+.btn-warning.disabled {
+  color: #000;
+  background-color: #ff7e67;
+  border-color: #ff7e67;
 }
 
-.btn-outline-danger:hover {
-  color: #212529;
+.btn-danger {
+  color: #000;
   background-color: #f67280;
   border-color: #f67280;
 }
 
-.btn-outline-danger:focus,
-.btn-outline-danger.focus {
-  box-shadow: 0 0 0 0.2rem rgba(246, 114, 128, 0.5);
+.btn-danger:hover {
+  color: #000;
+  background-color: #f78793;
+  border-color: #f7808d;
 }
 
-.btn-outline-danger.disabled,
-.btn-outline-danger:disabled {
-  color: #f67280;
-  background-color: transparent;
+.btn-check:focus + .btn-danger,
+.btn-danger:focus {
+  color: #000;
+  background-color: #f78793;
+  border-color: #f7808d;
+  box-shadow: 0 0 0 0.25rem rgba(209, 97, 109, 0.5);
 }
 
-.btn-outline-danger:not(:disabled):not(.disabled):active,
-.btn-outline-danger:not(:disabled):not(.disabled).active,
-.show > .btn-outline-danger.dropdown-toggle {
-  color: #212529;
-  background-color: #f67280;
-  border-color: #f67280;
+.btn-check:checked + .btn-danger,
+.btn-check:active + .btn-danger,
+.btn-danger:active,
+.btn-danger.active,
+.show > .btn-danger.dropdown-toggle {
+  color: #000;
+  background-color: #f88e99;
+  border-color: #f7808d;
 }
 
-.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
-.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-danger.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(246, 114, 128, 0.5);
+.btn-check:checked + .btn-danger:focus,
+.btn-check:active + .btn-danger:focus,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.25rem rgba(209, 97, 109, 0.5);
 }
 
-.btn-outline-light {
-  color: #fafafa;
-  background-color: transparent;
-  background-image: none;
-  border-color: #fafafa;
+.btn-danger:disabled,
+.btn-danger.disabled {
+  color: #000;
+  background-color: #f67280;
+  border-color: #f67280;
 }
 
-.btn-outline-light:hover {
-  color: #212529;
+.btn-light {
+  color: #000;
   background-color: #fafafa;
   border-color: #fafafa;
 }
 
-.btn-outline-light:focus,
-.btn-outline-light.focus {
-  box-shadow: 0 0 0 0.2rem rgba(250, 250, 250, 0.5);
+.btn-light:hover {
+  color: #000;
+  background-color: #fbfbfb;
+  border-color: #fbfbfb;
 }
 
-.btn-outline-light.disabled,
-.btn-outline-light:disabled {
-  color: #fafafa;
-  background-color: transparent;
+.btn-check:focus + .btn-light,
+.btn-light:focus {
+  color: #000;
+  background-color: #fbfbfb;
+  border-color: #fbfbfb;
+  box-shadow: 0 0 0 0.25rem rgba(213, 213, 213, 0.5);
 }
 
-.btn-outline-light:not(:disabled):not(.disabled):active,
-.btn-outline-light:not(:disabled):not(.disabled).active,
-.show > .btn-outline-light.dropdown-toggle {
-  color: #212529;
-  background-color: #fafafa;
-  border-color: #fafafa;
+.btn-check:checked + .btn-light,
+.btn-check:active + .btn-light,
+.btn-light:active,
+.btn-light.active,
+.show > .btn-light.dropdown-toggle {
+  color: #000;
+  background-color: #fbfbfb;
+  border-color: #fbfbfb;
 }
 
-.btn-outline-light:not(:disabled):not(.disabled):active:focus,
-.btn-outline-light:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-light.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(250, 250, 250, 0.5);
+.btn-check:checked + .btn-light:focus,
+.btn-check:active + .btn-light:focus,
+.btn-light:active:focus,
+.btn-light.active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.25rem rgba(213, 213, 213, 0.5);
 }
 
-.btn-outline-dark {
-  color: #4e4e4e;
-  background-color: transparent;
-  background-image: none;
-  border-color: #4e4e4e;
+.btn-light:disabled,
+.btn-light.disabled {
+  color: #000;
+  background-color: #fafafa;
+  border-color: #fafafa;
 }
 
-.btn-outline-dark:hover {
+.btn-dark {
   color: #fff;
   background-color: #4e4e4e;
   border-color: #4e4e4e;
 }
 
-.btn-outline-dark:focus,
-.btn-outline-dark.focus {
-  box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5);
+.btn-dark:hover {
+  color: #fff;
+  background-color: #424242;
+  border-color: #3e3e3e;
 }
 
-.btn-outline-dark.disabled,
-.btn-outline-dark:disabled {
-  color: #4e4e4e;
-  background-color: transparent;
+.btn-check:focus + .btn-dark,
+.btn-dark:focus {
+  color: #fff;
+  background-color: #424242;
+  border-color: #3e3e3e;
+  box-shadow: 0 0 0 0.25rem rgba(105, 105, 105, 0.5);
+}
+
+.btn-check:checked + .btn-dark,
+.btn-check:active + .btn-dark,
+.btn-dark:active,
+.btn-dark.active,
+.show > .btn-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #3e3e3e;
+  border-color: #3b3b3b;
+}
+
+.btn-check:checked + .btn-dark:focus,
+.btn-check:active + .btn-dark:focus,
+.btn-dark:active:focus,
+.btn-dark.active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.25rem rgba(105, 105, 105, 0.5);
 }
 
-.btn-outline-dark:not(:disabled):not(.disabled):active,
-.btn-outline-dark:not(:disabled):not(.disabled).active,
-.show > .btn-outline-dark.dropdown-toggle {
+.btn-dark:disabled,
+.btn-dark.disabled {
   color: #fff;
   background-color: #4e4e4e;
   border-color: #4e4e4e;
 }
 
-.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
-.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
-.show > .btn-outline-dark.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5);
+.btn-outline-primary {
+  color: #07689f;
+  border-color: #07689f;
 }
 
-.btn-link {
-  font-weight: 400;
-  color: #07689f;
-  background-color: transparent;
+.btn-outline-primary:hover {
+  color: #fff;
+  background-color: #07689f;
+  border-color: #07689f;
 }
 
-.btn-link:hover {
-  color: #043856;
-  text-decoration: underline;
+.btn-check:focus + .btn-outline-primary,
+.btn-outline-primary:focus {
+  box-shadow: 0 0 0 0.25rem rgba(7, 104, 159, 0.5);
+}
+
+.btn-check:checked + .btn-outline-primary,
+.btn-check:active + .btn-outline-primary,
+.btn-outline-primary:active,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show {
+  color: #fff;
+  background-color: #07689f;
+  border-color: #07689f;
+}
+
+.btn-check:checked + .btn-outline-primary:focus,
+.btn-check:active + .btn-outline-primary:focus,
+.btn-outline-primary:active:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus {
+  box-shadow: 0 0 0 0.25rem rgba(7, 104, 159, 0.5);
+}
+
+.btn-outline-primary:disabled,
+.btn-outline-primary.disabled {
+  color: #07689f;
   background-color: transparent;
-  border-color: transparent;
 }
 
-.btn-link:focus,
-.btn-link.focus {
-  text-decoration: underline;
-  border-color: transparent;
-  box-shadow: none;
+.btn-outline-secondary {
+  color: #c9d6df;
+  border-color: #c9d6df;
 }
 
-.btn-link:disabled,
-.btn-link.disabled {
-  color: #6c757d;
-  pointer-events: none;
+.btn-outline-secondary:hover {
+  color: #000;
+  background-color: #c9d6df;
+  border-color: #c9d6df;
 }
 
-.btn-lg,
-.btn-group-lg > .btn {
-  padding: 0.5rem 1rem;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  border-radius: 0.3rem;
+.btn-check:focus + .btn-outline-secondary,
+.btn-outline-secondary:focus {
+  box-shadow: 0 0 0 0.25rem rgba(201, 214, 223, 0.5);
 }
 
-.btn-sm,
-.btn-group-sm > .btn {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  border-radius: 0.2rem;
+.btn-check:checked + .btn-outline-secondary,
+.btn-check:active + .btn-outline-secondary,
+.btn-outline-secondary:active,
+.btn-outline-secondary.active,
+.btn-outline-secondary.dropdown-toggle.show {
+  color: #000;
+  background-color: #c9d6df;
+  border-color: #c9d6df;
 }
 
-.btn-block {
-  display: block;
-  width: 100%;
+.btn-check:checked + .btn-outline-secondary:focus,
+.btn-check:active + .btn-outline-secondary:focus,
+.btn-outline-secondary:active:focus,
+.btn-outline-secondary.active:focus,
+.btn-outline-secondary.dropdown-toggle.show:focus {
+  box-shadow: 0 0 0 0.25rem rgba(201, 214, 223, 0.5);
 }
 
-.btn-block + .btn-block {
-  margin-top: 0.5rem;
+.btn-outline-secondary:disabled,
+.btn-outline-secondary.disabled {
+  color: #c9d6df;
+  background-color: transparent;
 }
 
-input[type='submit'].btn-block,
-input[type='reset'].btn-block,
-input[type='button'].btn-block {
-  width: 100%;
+.btn-outline-success {
+  color: #11d3bc;
+  border-color: #11d3bc;
 }
 
-.fade {
-  transition: opacity 0.15s linear;
+.btn-outline-success:hover {
+  color: #000;
+  background-color: #11d3bc;
+  border-color: #11d3bc;
 }
 
-@media screen and (prefers-reduced-motion: reduce) {
-  .fade {
-    transition: none;
-  }
+.btn-check:focus + .btn-outline-success,
+.btn-outline-success:focus {
+  box-shadow: 0 0 0 0.25rem rgba(17, 211, 188, 0.5);
 }
 
-.fade:not(.show) {
-  opacity: 0;
+.btn-check:checked + .btn-outline-success,
+.btn-check:active + .btn-outline-success,
+.btn-outline-success:active,
+.btn-outline-success.active,
+.btn-outline-success.dropdown-toggle.show {
+  color: #000;
+  background-color: #11d3bc;
+  border-color: #11d3bc;
 }
 
-.collapse:not(.show) {
-  display: none;
+.btn-check:checked + .btn-outline-success:focus,
+.btn-check:active + .btn-outline-success:focus,
+.btn-outline-success:active:focus,
+.btn-outline-success.active:focus,
+.btn-outline-success.dropdown-toggle.show:focus {
+  box-shadow: 0 0 0 0.25rem rgba(17, 211, 188, 0.5);
 }
 
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  transition: height 0.35s ease;
+.btn-outline-success:disabled,
+.btn-outline-success.disabled {
+  color: #11d3bc;
+  background-color: transparent;
 }
 
-@media screen and (prefers-reduced-motion: reduce) {
-  .collapsing {
-    transition: none;
-  }
+.btn-outline-info {
+  color: #a2d5f2;
+  border-color: #a2d5f2;
 }
 
-.dropup,
-.dropright,
-.dropdown,
-.dropleft {
-  position: relative;
+.btn-outline-info:hover {
+  color: #000;
+  background-color: #a2d5f2;
+  border-color: #a2d5f2;
 }
 
-.dropdown-toggle::after {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: '';
-  border-top: 0.3em solid;
-  border-right: 0.3em solid transparent;
-  border-bottom: 0;
-  border-left: 0.3em solid transparent;
+.btn-check:focus + .btn-outline-info,
+.btn-outline-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(162, 213, 242, 0.5);
 }
 
-.dropdown-toggle:empty::after {
-  margin-left: 0;
+.btn-check:checked + .btn-outline-info,
+.btn-check:active + .btn-outline-info,
+.btn-outline-info:active,
+.btn-outline-info.active,
+.btn-outline-info.dropdown-toggle.show {
+  color: #000;
+  background-color: #a2d5f2;
+  border-color: #a2d5f2;
 }
 
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 1000;
-  display: none;
-  float: left;
-  min-width: 10rem;
-  padding: 0.5rem 0;
-  margin: 0.125rem 0 0;
-  font-size: 1rem;
-  color: #212529;
-  text-align: left;
-  list-style: none;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 0.25rem;
+.btn-check:checked + .btn-outline-info:focus,
+.btn-check:active + .btn-outline-info:focus,
+.btn-outline-info:active:focus,
+.btn-outline-info.active:focus,
+.btn-outline-info.dropdown-toggle.show:focus {
+  box-shadow: 0 0 0 0.25rem rgba(162, 213, 242, 0.5);
 }
 
-.dropdown-menu-right {
-  right: 0;
-  left: auto;
+.btn-outline-info:disabled,
+.btn-outline-info.disabled {
+  color: #a2d5f2;
+  background-color: transparent;
 }
 
-.dropup .dropdown-menu {
-  top: auto;
-  bottom: 100%;
-  margin-top: 0;
-  margin-bottom: 0.125rem;
+.btn-outline-warning {
+  color: #ff7e67;
+  border-color: #ff7e67;
 }
 
-.dropup .dropdown-toggle::after {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: '';
-  border-top: 0;
-  border-right: 0.3em solid transparent;
-  border-bottom: 0.3em solid;
-  border-left: 0.3em solid transparent;
-}
-
-.dropup .dropdown-toggle:empty::after {
-  margin-left: 0;
+.btn-outline-warning:hover {
+  color: #000;
+  background-color: #ff7e67;
+  border-color: #ff7e67;
 }
 
-.dropright .dropdown-menu {
-  top: 0;
-  right: auto;
-  left: 100%;
-  margin-top: 0;
-  margin-left: 0.125rem;
+.btn-check:focus + .btn-outline-warning,
+.btn-outline-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 126, 103, 0.5);
 }
 
-.dropright .dropdown-toggle::after {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: '';
-  border-top: 0.3em solid transparent;
-  border-right: 0;
-  border-bottom: 0.3em solid transparent;
-  border-left: 0.3em solid;
+.btn-check:checked + .btn-outline-warning,
+.btn-check:active + .btn-outline-warning,
+.btn-outline-warning:active,
+.btn-outline-warning.active,
+.btn-outline-warning.dropdown-toggle.show {
+  color: #000;
+  background-color: #ff7e67;
+  border-color: #ff7e67;
 }
 
-.dropright .dropdown-toggle:empty::after {
-  margin-left: 0;
+.btn-check:checked + .btn-outline-warning:focus,
+.btn-check:active + .btn-outline-warning:focus,
+.btn-outline-warning:active:focus,
+.btn-outline-warning.active:focus,
+.btn-outline-warning.dropdown-toggle.show:focus {
+  box-shadow: 0 0 0 0.25rem rgba(255, 126, 103, 0.5);
 }
 
-.dropright .dropdown-toggle::after {
-  vertical-align: 0;
+.btn-outline-warning:disabled,
+.btn-outline-warning.disabled {
+  color: #ff7e67;
+  background-color: transparent;
 }
 
-.dropleft .dropdown-menu {
-  top: 0;
-  right: 100%;
-  left: auto;
-  margin-top: 0;
-  margin-right: 0.125rem;
+.btn-outline-danger {
+  color: #f67280;
+  border-color: #f67280;
 }
 
-.dropleft .dropdown-toggle::after {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: '';
+.btn-outline-danger:hover {
+  color: #000;
+  background-color: #f67280;
+  border-color: #f67280;
 }
 
-.dropleft .dropdown-toggle::after {
-  display: none;
+.btn-check:focus + .btn-outline-danger,
+.btn-outline-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(246, 114, 128, 0.5);
 }
 
-.dropleft .dropdown-toggle::before {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-right: 0.255em;
-  vertical-align: 0.255em;
-  content: '';
-  border-top: 0.3em solid transparent;
-  border-right: 0.3em solid;
-  border-bottom: 0.3em solid transparent;
+.btn-check:checked + .btn-outline-danger,
+.btn-check:active + .btn-outline-danger,
+.btn-outline-danger:active,
+.btn-outline-danger.active,
+.btn-outline-danger.dropdown-toggle.show {
+  color: #000;
+  background-color: #f67280;
+  border-color: #f67280;
 }
 
-.dropleft .dropdown-toggle:empty::after {
-  margin-left: 0;
+.btn-check:checked + .btn-outline-danger:focus,
+.btn-check:active + .btn-outline-danger:focus,
+.btn-outline-danger:active:focus,
+.btn-outline-danger.active:focus,
+.btn-outline-danger.dropdown-toggle.show:focus {
+  box-shadow: 0 0 0 0.25rem rgba(246, 114, 128, 0.5);
 }
 
-.dropleft .dropdown-toggle::before {
-  vertical-align: 0;
+.btn-outline-danger:disabled,
+.btn-outline-danger.disabled {
+  color: #f67280;
+  background-color: transparent;
 }
 
-.dropdown-menu[x-placement^='top'],
-.dropdown-menu[x-placement^='right'],
-.dropdown-menu[x-placement^='bottom'],
-.dropdown-menu[x-placement^='left'] {
-  right: auto;
-  bottom: auto;
+.btn-outline-light {
+  color: #fafafa;
+  border-color: #fafafa;
 }
 
-.dropdown-divider {
-  height: 0;
-  margin: 0.5rem 0;
-  overflow: hidden;
-  border-top: 1px solid #e9ecef;
+.btn-outline-light:hover {
+  color: #000;
+  background-color: #fafafa;
+  border-color: #fafafa;
 }
 
-.dropdown-item {
-  display: block;
-  width: 100%;
-  padding: 0.25rem 1.5rem;
-  clear: both;
-  font-weight: 400;
-  color: #212529;
-  text-align: inherit;
-  white-space: nowrap;
-  background-color: transparent;
-  border: 0;
+.btn-check:focus + .btn-outline-light,
+.btn-outline-light:focus {
+  box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.5);
 }
 
-.dropdown-item:hover,
-.dropdown-item:focus {
-  color: #16181b;
-  text-decoration: none;
-  background-color: #f8f9fa;
+.btn-check:checked + .btn-outline-light,
+.btn-check:active + .btn-outline-light,
+.btn-outline-light:active,
+.btn-outline-light.active,
+.btn-outline-light.dropdown-toggle.show {
+  color: #000;
+  background-color: #fafafa;
+  border-color: #fafafa;
 }
 
-.dropdown-item.active,
-.dropdown-item:active {
-  color: #fff;
-  text-decoration: none;
-  background-color: #07689f;
+.btn-check:checked + .btn-outline-light:focus,
+.btn-check:active + .btn-outline-light:focus,
+.btn-outline-light:active:focus,
+.btn-outline-light.active:focus,
+.btn-outline-light.dropdown-toggle.show:focus {
+  box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.5);
 }
 
-.dropdown-item.disabled,
-.dropdown-item:disabled {
-  color: #6c757d;
+.btn-outline-light:disabled,
+.btn-outline-light.disabled {
+  color: #fafafa;
   background-color: transparent;
 }
 
-.dropdown-menu.show {
-  display: block;
+.btn-outline-dark {
+  color: #4e4e4e;
+  border-color: #4e4e4e;
 }
 
-.dropdown-header {
-  display: block;
-  padding: 0.5rem 1.5rem;
-  margin-bottom: 0;
-  font-size: 0.875rem;
-  color: #6c757d;
-  white-space: nowrap;
+.btn-outline-dark:hover {
+  color: #fff;
+  background-color: #4e4e4e;
+  border-color: #4e4e4e;
 }
 
-.dropdown-item-text {
-  display: block;
-  padding: 0.25rem 1.5rem;
-  color: #212529;
+.btn-check:focus + .btn-outline-dark,
+.btn-outline-dark:focus {
+  box-shadow: 0 0 0 0.25rem rgba(78, 78, 78, 0.5);
 }
 
-.btn-group,
-.btn-group-vertical {
-  position: relative;
-  display: inline-flex;
-  vertical-align: middle;
+.btn-check:checked + .btn-outline-dark,
+.btn-check:active + .btn-outline-dark,
+.btn-outline-dark:active,
+.btn-outline-dark.active,
+.btn-outline-dark.dropdown-toggle.show {
+  color: #fff;
+  background-color: #4e4e4e;
+  border-color: #4e4e4e;
 }
 
-.btn-group > .btn,
-.btn-group-vertical > .btn {
-  position: relative;
-  flex: 0 1 auto;
+.btn-check:checked + .btn-outline-dark:focus,
+.btn-check:active + .btn-outline-dark:focus,
+.btn-outline-dark:active:focus,
+.btn-outline-dark.active:focus,
+.btn-outline-dark.dropdown-toggle.show:focus {
+  box-shadow: 0 0 0 0.25rem rgba(78, 78, 78, 0.5);
 }
 
-.btn-group > .btn:hover,
-.btn-group-vertical > .btn:hover {
-  z-index: 1;
+.btn-outline-dark:disabled,
+.btn-outline-dark.disabled {
+  color: #4e4e4e;
+  background-color: transparent;
 }
 
-.btn-group > .btn:focus,
-.btn-group > .btn:active,
-.btn-group > .btn.active,
-.btn-group-vertical > .btn:focus,
-.btn-group-vertical > .btn:active,
-.btn-group-vertical > .btn.active {
-  z-index: 1;
+.btn-link {
+  font-weight: 400;
+  color: #07689f;
+  text-decoration: underline;
 }
 
-.btn-group .btn + .btn,
-.btn-group .btn + .btn-group,
-.btn-group .btn-group + .btn,
-.btn-group .btn-group + .btn-group,
-.btn-group-vertical .btn + .btn,
-.btn-group-vertical .btn + .btn-group,
-.btn-group-vertical .btn-group + .btn,
-.btn-group-vertical .btn-group + .btn-group {
-  margin-left: -1px;
+.btn-link:hover {
+  color: #06537f;
 }
 
-.btn-toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
+.btn-link:disabled,
+.btn-link.disabled {
+  color: #6c757d;
 }
 
-.btn-toolbar .input-group {
-  width: auto;
+.btn-lg,
+.btn-group-lg > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  border-radius: 0.3rem;
 }
 
-.btn-group > .btn:first-child {
-  margin-left: 0;
+.btn-sm,
+.btn-group-sm > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  border-radius: 0.2rem;
 }
 
-.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
-.btn-group > .btn-group:not(:last-child) > .btn {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+.fade {
+  transition: opacity 0.15s linear;
 }
 
-.btn-group > .btn:not(:first-child),
-.btn-group > .btn-group:not(:first-child) > .btn {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+@media (prefers-reduced-motion: reduce) {
+  .fade {
+    transition: none;
+  }
 }
 
-.dropdown-toggle-split {
-  padding-right: 0.5625rem;
-  padding-left: 0.5625rem;
+.fade:not(.show) {
+  opacity: 0;
 }
 
-.dropdown-toggle-split::after,
-.dropup .dropdown-toggle-split::after,
-.dropright .dropdown-toggle-split::after {
-  margin-left: 0;
+.collapse:not(.show) {
+  display: none;
 }
 
-.dropleft .dropdown-toggle-split::before {
-  margin-right: 0;
+.collapsing {
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease;
 }
 
-.btn-sm + .dropdown-toggle-split,
-.btn-group-sm > .btn + .dropdown-toggle-split {
-  padding-right: 0.375rem;
-  padding-left: 0.375rem;
+@media (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
 }
 
-.btn-lg + .dropdown-toggle-split,
-.btn-group-lg > .btn + .dropdown-toggle-split {
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
+.dropup,
+.dropend,
+.dropdown,
+.dropstart {
+  position: relative;
 }
 
-.btn-group-vertical {
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
+.dropdown-toggle {
+  white-space: nowrap;
 }
 
-.btn-group-vertical .btn,
-.btn-group-vertical .btn-group {
-  width: 100%;
+.dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: '';
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent;
 }
 
-.btn-group-vertical > .btn + .btn,
-.btn-group-vertical > .btn + .btn-group,
-.btn-group-vertical > .btn-group + .btn,
-.btn-group-vertical > .btn-group + .btn-group {
-  margin-top: -1px;
+.dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
-.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
-.btn-group-vertical > .btn-group:not(:last-child) > .btn {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
+.dropdown-menu {
+  position: absolute;
+  z-index: 1000;
+  display: none;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  margin: 0;
+  font-size: 1rem;
+  color: #212529;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem;
 }
 
-.btn-group-vertical > .btn:not(:first-child),
-.btn-group-vertical > .btn-group:not(:first-child) > .btn {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.dropdown-menu[data-bs-popper] {
+  top: 100%;
+  left: 0;
+  margin-top: 0.125rem;
 }
 
-.btn-group-toggle > .btn,
-.btn-group-toggle > .btn-group > .btn {
-  margin-bottom: 0;
+.dropdown-menu-start {
+  --bs-position: start;
 }
 
-.btn-group-toggle > .btn input[type='radio'],
-.btn-group-toggle > .btn input[type='checkbox'],
-.btn-group-toggle > .btn-group > .btn input[type='radio'],
-.btn-group-toggle > .btn-group > .btn input[type='checkbox'] {
-  position: absolute;
-  clip: rect(0, 0, 0, 0);
-  pointer-events: none;
+.dropdown-menu-start[data-bs-popper] {
+  right: auto /* rtl:ignore */;
+  left: 0;
+  /* rtl:ignore */
 }
 
-.input-group {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: stretch;
-  width: 100%;
+.dropdown-menu-end {
+  --bs-position: end;
 }
 
-.input-group > .form-control,
-.input-group > .custom-select,
-.input-group > .custom-file {
-  position: relative;
-  flex: 1 1 auto;
-  width: 1%;
-  margin-bottom: 0;
+.dropdown-menu-end[data-bs-popper] {
+  right: 0 /* rtl:ignore */;
+  left: auto;
+  /* rtl:ignore */
 }
 
-.input-group > .form-control:focus,
-.input-group > .custom-select:focus,
-.input-group > .custom-file:focus {
-  z-index: 3;
-}
+@media (min-width: 576px) {
+  .dropdown-menu-sm-start {
+    --bs-position: start;
+  }
 
-.input-group > .form-control + .form-control,
-.input-group > .form-control + .custom-select,
-.input-group > .form-control + .custom-file,
-.input-group > .custom-select + .form-control,
-.input-group > .custom-select + .custom-select,
-.input-group > .custom-select + .custom-file,
-.input-group > .custom-file + .form-control,
-.input-group > .custom-file + .custom-select,
-.input-group > .custom-file + .custom-file {
-  margin-left: -1px;
-}
+  .dropdown-menu-sm-start[data-bs-popper] {
+    right: auto /* rtl:ignore */;
+    left: 0;
+    /* rtl:ignore */
+  }
 
-.input-group > .form-control:not(:last-child),
-.input-group > .custom-select:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
+  .dropdown-menu-sm-end {
+    --bs-position: end;
+  }
 
-.input-group > .form-control:not(:first-child),
-.input-group > .custom-select:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  .dropdown-menu-sm-end[data-bs-popper] {
+    right: 0 /* rtl:ignore */;
+    left: auto;
+    /* rtl:ignore */
+  }
 }
 
-.input-group > .custom-file {
-  display: flex;
-  align-items: center;
-}
+@media (min-width: 768px) {
+  .dropdown-menu-md-start {
+    --bs-position: start;
+  }
 
-.input-group > .custom-file:not(:last-child) .custom-file-label,
-.input-group > .custom-file:not(:last-child) .custom-file-label::after {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
+  .dropdown-menu-md-start[data-bs-popper] {
+    right: auto /* rtl:ignore */;
+    left: 0;
+    /* rtl:ignore */
+  }
 
-.input-group > .custom-file:not(:first-child) .custom-file-label {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
+  .dropdown-menu-md-end {
+    --bs-position: end;
+  }
 
-.input-group-prepend,
-.input-group-append {
-  display: flex;
+  .dropdown-menu-md-end[data-bs-popper] {
+    right: 0 /* rtl:ignore */;
+    left: auto;
+    /* rtl:ignore */
+  }
 }
 
-.input-group-prepend .btn,
-.input-group-append .btn {
-  position: relative;
-  z-index: 2;
-}
+@media (min-width: 992px) {
+  .dropdown-menu-lg-start {
+    --bs-position: start;
+  }
 
-.input-group-prepend .btn + .btn,
-.input-group-prepend .btn + .input-group-text,
-.input-group-prepend .input-group-text + .input-group-text,
-.input-group-prepend .input-group-text + .btn,
-.input-group-append .btn + .btn,
-.input-group-append .btn + .input-group-text,
-.input-group-append .input-group-text + .input-group-text,
-.input-group-append .input-group-text + .btn {
-  margin-left: -1px;
-}
+  .dropdown-menu-lg-start[data-bs-popper] {
+    right: auto /* rtl:ignore */;
+    left: 0;
+    /* rtl:ignore */
+  }
 
-.input-group-prepend {
-  margin-right: -1px;
-}
+  .dropdown-menu-lg-end {
+    --bs-position: end;
+  }
 
-.input-group-append {
-  margin-left: -1px;
+  .dropdown-menu-lg-end[data-bs-popper] {
+    right: 0 /* rtl:ignore */;
+    left: auto;
+    /* rtl:ignore */
+  }
 }
 
-.input-group-text {
-  display: flex;
-  align-items: center;
-  padding: 0.375rem 0.75rem;
-  margin-bottom: 0;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #495057;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
-  border-radius: 0.25rem;
-}
+@media (min-width: 1200px) {
+  .dropdown-menu-xl-start {
+    --bs-position: start;
+  }
 
-.input-group-text input[type='radio'],
-.input-group-text input[type='checkbox'] {
-  margin-top: 0;
-}
+  .dropdown-menu-xl-start[data-bs-popper] {
+    right: auto /* rtl:ignore */;
+    left: 0;
+    /* rtl:ignore */
+  }
 
-.input-group > .input-group-prepend > .btn,
-.input-group > .input-group-prepend > .input-group-text,
-.input-group > .input-group-append:not(:last-child) > .btn,
-.input-group > .input-group-append:not(:last-child) > .input-group-text,
-.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
+  .dropdown-menu-xl-end {
+    --bs-position: end;
+  }
 
-.input-group > .input-group-append > .btn,
-.input-group > .input-group-append > .input-group-text,
-.input-group > .input-group-prepend:not(:first-child) > .btn,
-.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
-.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
-.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  .dropdown-menu-xl-end[data-bs-popper] {
+    right: 0 /* rtl:ignore */;
+    left: auto;
+    /* rtl:ignore */
+  }
 }
 
-.custom-control {
-  position: relative;
-  display: block;
-  min-height: 1.5rem;
-  padding-left: 1.5rem;
-}
+@media (min-width: 1400px) {
+  .dropdown-menu-xxl-start {
+    --bs-position: start;
+  }
 
-.custom-control-inline {
-  display: inline-flex;
-  margin-right: 1rem;
-}
+  .dropdown-menu-xxl-start[data-bs-popper] {
+    right: auto /* rtl:ignore */;
+    left: 0;
+    /* rtl:ignore */
+  }
 
-.custom-control-input {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
+  .dropdown-menu-xxl-end {
+    --bs-position: end;
+  }
+
+  .dropdown-menu-xxl-end[data-bs-popper] {
+    right: 0 /* rtl:ignore */;
+    left: auto;
+    /* rtl:ignore */
+  }
 }
 
-.custom-control-input:checked ~ .custom-control-label::before {
-  color: #fff;
-  background-color: #07689f;
+.dropup .dropdown-menu[data-bs-popper] {
+  top: auto;
+  bottom: 100%;
+  margin-top: 0;
+  margin-bottom: 0.125rem;
 }
 
-.custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(7, 104, 159, 0.25);
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: '';
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent;
 }
 
-.custom-control-input:active ~ .custom-control-label::before {
-  color: #fff;
-  background-color: #60c1f8;
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0;
 }
 
-.custom-control-input:disabled ~ .custom-control-label {
-  color: #6c757d;
+.dropend .dropdown-menu[data-bs-popper] {
+  top: 0;
+  right: auto;
+  left: 100%;
+  margin-top: 0;
+  margin-left: 0.125rem;
 }
 
-.custom-control-input:disabled ~ .custom-control-label::before {
-  background-color: #e9ecef;
+.dropend .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: '';
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
 }
 
-.custom-control-label {
-  position: relative;
-  margin-bottom: 0;
+.dropend .dropdown-toggle:empty::after {
+  margin-left: 0;
 }
 
-.custom-control-label::before {
-  position: absolute;
-  top: 0.25rem;
-  left: -1.5rem;
-  display: block;
-  width: 1rem;
-  height: 1rem;
-  pointer-events: none;
-  content: '';
-  user-select: none;
-  background-color: #dee2e6;
+.dropend .dropdown-toggle::after {
+  vertical-align: 0;
 }
 
-.custom-control-label::after {
-  position: absolute;
-  top: 0.25rem;
-  left: -1.5rem;
-  display: block;
-  width: 1rem;
-  height: 1rem;
-  content: '';
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: 50% 50%;
+.dropstart .dropdown-menu[data-bs-popper] {
+  top: 0;
+  right: 100%;
+  left: auto;
+  margin-top: 0;
+  margin-right: 0.125rem;
 }
 
-.custom-checkbox .custom-control-label::before {
-  border-radius: 0.25rem;
+.dropstart .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: '';
 }
 
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
-  background-color: #07689f;
+.dropstart .dropdown-toggle::after {
+  display: none;
 }
 
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cpath fill=!string!d=!string!/%3E%3C/svg%3E');
+.dropstart .dropdown-toggle::before {
+  display: inline-block;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: '';
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent;
 }
 
-.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
-  background-color: #07689f;
+.dropstart .dropdown-toggle:empty::after {
+  margin-left: 0;
 }
 
-.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
-  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cpath stroke=!string!d=!string!/%3E%3C/svg%3E');
+.dropstart .dropdown-toggle::before {
+  vertical-align: 0;
 }
 
-.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
-  background-color: rgba(7, 104, 159, 0.5);
+.dropdown-divider {
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid rgba(0, 0, 0, 0.15);
 }
 
-.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
-  background-color: rgba(7, 104, 159, 0.5);
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: 0.25rem 1rem;
+  clear: both;
+  font-weight: 400;
+  color: #212529;
+  text-align: inherit;
+  text-decoration: none;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0;
 }
 
-.custom-radio .custom-control-label::before {
-  border-radius: 50%;
+.dropdown-item:hover,
+.dropdown-item:focus {
+  color: #1e2125;
+  background-color: #e9ecef;
 }
 
-.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
+.dropdown-item.active,
+.dropdown-item:active {
+  color: #fff;
+  text-decoration: none;
   background-color: #07689f;
 }
 
-.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Ccircle r=!string!fill=!string!/%3E%3C/svg%3E');
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+  color: #adb5bd;
+  pointer-events: none;
+  background-color: transparent;
 }
 
-.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
-  background-color: rgba(7, 104, 159, 0.5);
+.dropdown-menu.show {
+  display: block;
 }
 
-.custom-select {
-  display: inline-block;
-  width: 100%;
-  height: calc(2.25rem + 2px);
-  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
-  line-height: 1.5;
-  color: #495057;
-  vertical-align: middle;
-  background: #fff
-    url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cpath fill=!string!d=!string!/%3E%3C/svg%3E')
-    no-repeat right 0.75rem center;
-  background-size: 8px 10px;
-  border: 1px solid #ced4da;
-  border-radius: 0.25rem;
-  appearance: none;
+.dropdown-header {
+  display: block;
+  padding: 0.5rem 1rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  color: #6c757d;
+  white-space: nowrap;
 }
 
-.custom-select:focus {
-  border-color: #30aef6;
-  outline: 0;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(48, 174, 246, 0.5);
+.dropdown-item-text {
+  display: block;
+  padding: 0.25rem 1rem;
+  color: #212529;
 }
 
-.custom-select:focus::-ms-value {
-  color: #495057;
-  background-color: #fff;
+.dropdown-menu-dark {
+  color: #dee2e6;
+  background-color: #343a40;
+  border-color: rgba(0, 0, 0, 0.15);
 }
 
-.custom-select[multiple],
-.custom-select[size]:not([size='http://www.w3.org/2000/svg'])
-{
-  height: auto;
-  padding-right: 0.75rem;
-  background-image: none;
+.dropdown-menu-dark .dropdown-item {
+  color: #dee2e6;
 }
 
-.custom-select:disabled {
-  color: #6c757d;
-  background-color: #e9ecef;
+.dropdown-menu-dark .dropdown-item:hover,
+.dropdown-menu-dark .dropdown-item:focus {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.15);
 }
 
-.custom-select::-ms-expand {
-  opacity: 0;
+.dropdown-menu-dark .dropdown-item.active,
+.dropdown-menu-dark .dropdown-item:active {
+  color: #fff;
+  background-color: #07689f;
 }
 
-.custom-select-sm {
-  height: calc(1.8125rem + 2px);
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-  font-size: 75%;
+.dropdown-menu-dark .dropdown-item.disabled,
+.dropdown-menu-dark .dropdown-item:disabled {
+  color: #adb5bd;
 }
 
-.custom-select-lg {
-  height: calc(2.875rem + 2px);
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-  font-size: 125%;
+.dropdown-menu-dark .dropdown-divider {
+  border-color: rgba(0, 0, 0, 0.15);
 }
 
-.custom-file {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  height: calc(2.25rem + 2px);
-  margin-bottom: 0;
+.dropdown-menu-dark .dropdown-item-text {
+  color: #dee2e6;
 }
 
-.custom-file-input {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  height: calc(2.25rem + 2px);
-  margin: 0;
-  opacity: 0;
+.dropdown-menu-dark .dropdown-header {
+  color: #adb5bd;
 }
 
-.custom-file-input:focus ~ .custom-file-label {
-  border-color: #30aef6;
-  box-shadow: 0 0 0 0.2rem rgba(7, 104, 159, 0.25);
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
 }
 
-.custom-file-input:focus ~ .custom-file-label::after {
-  border-color: #30aef6;
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  flex: 1 1 auto;
 }
 
-.custom-file-input:lang(en) ~ .custom-file-label::after {
-  content: '0 0 8 8';
-}
-
-.custom-file-label {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
   z-index: 1;
-  height: calc(2.25rem + 2px);
-  padding: 0.375rem 0.75rem;
-  line-height: 1.5;
-  color: #495057;
-  background-color: #fff;
-  border: 1px solid #ced4da;
-  border-radius: 0.25rem;
 }
 
-.custom-file-label::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 3;
-  display: block;
-  height: 2.25rem;
-  padding: 0.375rem 0.75rem;
-  line-height: 1.5;
-  color: #495057;
-  content: '%23fff';
-  background-color: #e9ecef;
-  border-left: 1px solid #ced4da;
-  border-radius: 0 0.25rem 0.25rem 0;
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
 }
 
-.custom-range {
-  width: 100%;
-  padding-left: 0;
-  background-color: transparent;
-  appearance: none;
+.btn-toolbar .input-group {
+  width: auto;
 }
 
-.custom-range:focus {
-  outline: none;
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+  margin-left: -1px;
 }
 
-.custom-range::-moz-focus-outer {
-  border: 0;
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
-.custom-range::-webkit-slider-thumb {
-  width: 1rem;
-  height: 1rem;
-  margin-top: -0.25rem;
-  background-color: #07689f;
-  border: 0;
-  border-radius: 1rem;
-  appearance: none;
+.btn-group > .btn:nth-child(n + 3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
-.custom-range::-webkit-slider-thumb:focus {
-  outline: none;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(7, 104, 159, 0.25);
+.dropdown-toggle-split {
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem;
 }
 
-.custom-range::-webkit-slider-thumb:active {
-  background-color: #60c1f8;
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+  margin-left: 0;
 }
 
-.custom-range::-webkit-slider-runnable-track {
-  width: 100%;
-  height: 0.5rem;
-  color: transparent;
-  cursor: pointer;
-  background-color: #dee2e6;
-  border-color: transparent;
-  border-radius: 1rem;
+.dropstart .dropdown-toggle-split::before {
+  margin-right: 0;
 }
 
-.custom-range::-moz-range-thumb {
-  width: 1rem;
-  height: 1rem;
-  background-color: #07689f;
-  border: 0;
-  border-radius: 1rem;
-  appearance: none;
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split {
+  padding-right: 0.375rem;
+  padding-left: 0.375rem;
 }
 
-.custom-range::-moz-range-thumb:focus {
-  outline: none;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(7, 104, 159, 0.25);
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
 }
 
-.custom-range::-moz-range-thumb:active {
-  background-color: #60c1f8;
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
 }
 
-.custom-range::-moz-range-track {
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
   width: 100%;
-  height: 0.5rem;
-  color: transparent;
-  cursor: pointer;
-  background-color: #dee2e6;
-  border-color: transparent;
-  border-radius: 1rem;
-}
-
-.custom-range::-ms-thumb {
-  width: 1rem;
-  height: 1rem;
-  background-color: #07689f;
-  border: 0;
-  border-radius: 1rem;
-  appearance: none;
-}
-
-.custom-range::-ms-thumb:focus {
-  outline: none;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(7, 104, 159, 0.25);
-}
-
-.custom-range::-ms-thumb:active {
-  background-color: #60c1f8;
 }
 
-.custom-range::-ms-track {
-  width: 100%;
-  height: 0.5rem;
-  color: transparent;
-  cursor: pointer;
-  background-color: transparent;
-  border-color: transparent;
-  border-width: 0.5rem;
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+  margin-top: -1px;
 }
 
-.custom-range::-ms-fill-lower {
-  background-color: #dee2e6;
-  border-radius: 1rem;
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
-.custom-range::-ms-fill-upper {
-  margin-right: 15px;
-  background-color: #dee2e6;
-  border-radius: 1rem;
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 
 .nav {
@@ -2973,26 +2963,35 @@ input[type='button'].btn-block {
 .nav-link {
   display: block;
   padding: 0.5rem 1rem;
+  color: #07689f;
+  text-decoration: none;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .nav-link {
+    transition: none;
+  }
 }
 
 .nav-link:hover,
 .nav-link:focus {
-  text-decoration: none;
+  color: #06537f;
 }
 
 .nav-link.disabled {
   color: #6c757d;
+  pointer-events: none;
+  cursor: default;
 }
 
 .nav-tabs {
   border-bottom: 1px solid #dee2e6;
 }
 
-.nav-tabs .nav-item {
-  margin-bottom: -1px;
-}
-
 .nav-tabs .nav-link {
+  margin-bottom: -1px;
+  background: none;
   border: 1px solid transparent;
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
@@ -3001,6 +3000,7 @@ input[type='button'].btn-block {
 .nav-tabs .nav-link:hover,
 .nav-tabs .nav-link:focus {
   border-color: #e9ecef #e9ecef #dee2e6;
+  isolation: isolate;
 }
 
 .nav-tabs .nav-link.disabled {
@@ -3023,6 +3023,8 @@ input[type='button'].btn-block {
 }
 
 .nav-pills .nav-link {
+  background: none;
+  border: 0;
   border-radius: 0.25rem;
 }
 
@@ -3032,17 +3034,24 @@ input[type='button'].btn-block {
   background-color: #07689f;
 }
 
+.nav-fill > .nav-link,
 .nav-fill .nav-item {
   flex: 1 1 auto;
   text-align: center;
 }
 
+.nav-justified > .nav-link,
 .nav-justified .nav-item {
   flex-basis: 0;
   flex-grow: 1;
   text-align: center;
 }
 
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+  width: 100%;
+}
+
 .tab-content > .tab-pane {
   display: none;
 }
@@ -3057,30 +3066,30 @@ input[type='button'].btn-block {
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
-  padding: 0.5rem 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
 }
 
 .navbar > .container,
-.navbar > .container-fluid {
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: inherit;
   align-items: center;
   justify-content: space-between;
 }
 
 .navbar-brand {
-  display: inline-block;
   padding-top: 0.3125rem;
   padding-bottom: 0.3125rem;
   margin-right: 1rem;
   font-size: 1.25rem;
-  line-height: inherit;
-  white-space: nowrap;
-}
-
-.navbar-brand:hover,
-.navbar-brand:focus {
   text-decoration: none;
+  white-space: nowrap;
 }
 
 .navbar-nav {
@@ -3098,11 +3107,9 @@ input[type='button'].btn-block {
 
 .navbar-nav .dropdown-menu {
   position: static;
-  float: none;
 }
 
 .navbar-text {
-  display: inline-block;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
@@ -3120,15 +3127,23 @@ input[type='button'].btn-block {
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: 0.25rem;
+  transition: box-shadow 0.15s ease-in-out;
 }
 
-.navbar-toggler:hover,
-.navbar-toggler:focus {
+@media (prefers-reduced-motion: reduce) {
+  .navbar-toggler {
+    transition: none;
+  }
+}
+
+.navbar-toggler:hover {
   text-decoration: none;
 }
 
-.navbar-toggler:not(:disabled):not(.disabled) {
-  cursor: pointer;
+.navbar-toggler:focus {
+  text-decoration: none;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem;
 }
 
 .navbar-toggler-icon {
@@ -3136,22 +3151,19 @@ input[type='button'].btn-block {
   width: 1.5em;
   height: 1.5em;
   vertical-align: middle;
-  content: 'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z';
-  background: no-repeat center center;
-  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100%;
 }
 
-@media (max-width: 575.98px) {
-  .navbar-expand-sm > .container,
-  .navbar-expand-sm > .container-fluid {
-    padding-right: 0;
-    padding-left: 0;
-  }
+.navbar-nav-scroll {
+  max-height: var(--bs-scroll-height, 75vh);
+  overflow-y: auto;
 }
 
 @media (min-width: 576px) {
   .navbar-expand-sm {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
@@ -3168,9 +3180,8 @@ input[type='button'].btn-block {
     padding-left: 0.5rem;
   }
 
-  .navbar-expand-sm > .container,
-  .navbar-expand-sm > .container-fluid {
-    flex-wrap: nowrap;
+  .navbar-expand-sm .navbar-nav-scroll {
+    overflow: visible;
   }
 
   .navbar-expand-sm .navbar-collapse {
@@ -3183,17 +3194,9 @@ input[type='button'].btn-block {
   }
 }
 
-@media (max-width: 767.98px) {
-  .navbar-expand-md > .container,
-  .navbar-expand-md > .container-fluid {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-
 @media (min-width: 768px) {
   .navbar-expand-md {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
@@ -3210,9 +3213,8 @@ input[type='button'].btn-block {
     padding-left: 0.5rem;
   }
 
-  .navbar-expand-md > .container,
-  .navbar-expand-md > .container-fluid {
-    flex-wrap: nowrap;
+  .navbar-expand-md .navbar-nav-scroll {
+    overflow: visible;
   }
 
   .navbar-expand-md .navbar-collapse {
@@ -3225,17 +3227,9 @@ input[type='button'].btn-block {
   }
 }
 
-@media (max-width: 991.98px) {
-  .navbar-expand-lg > .container,
-  .navbar-expand-lg > .container-fluid {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-
 @media (min-width: 992px) {
   .navbar-expand-lg {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
@@ -3252,9 +3246,8 @@ input[type='button'].btn-block {
     padding-left: 0.5rem;
   }
 
-  .navbar-expand-lg > .container,
-  .navbar-expand-lg > .container-fluid {
-    flex-wrap: nowrap;
+  .navbar-expand-lg .navbar-nav-scroll {
+    overflow: visible;
   }
 
   .navbar-expand-lg .navbar-collapse {
@@ -3267,17 +3260,9 @@ input[type='button'].btn-block {
   }
 }
 
-@media (max-width: 1199.98px) {
-  .navbar-expand-xl > .container,
-  .navbar-expand-xl > .container-fluid {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-
 @media (min-width: 1200px) {
   .navbar-expand-xl {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
@@ -3294,9 +3279,8 @@ input[type='button'].btn-block {
     padding-left: 0.5rem;
   }
 
-  .navbar-expand-xl > .container,
-  .navbar-expand-xl > .container-fluid {
-    flex-wrap: nowrap;
+  .navbar-expand-xl .navbar-nav-scroll {
+    overflow: visible;
   }
 
   .navbar-expand-xl .navbar-collapse {
@@ -3309,15 +3293,42 @@ input[type='button'].btn-block {
   }
 }
 
-.navbar-expand {
-  flex-flow: row nowrap;
-  justify-content: flex-start;
+@media (min-width: 1400px) {
+  .navbar-expand-xxl {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-xxl .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-xxl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-xxl .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-xxl .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-xxl .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-xxl .navbar-toggler {
+    display: none;
+  }
 }
 
-.navbar-expand > .container,
-.navbar-expand > .container-fluid {
-  padding-right: 0;
-  padding-left: 0;
+.navbar-expand {
+  flex-wrap: nowrap;
+  justify-content: flex-start;
 }
 
 .navbar-expand .navbar-nav {
@@ -3333,9 +3344,8 @@ input[type='button'].btn-block {
   padding-left: 0.5rem;
 }
 
-.navbar-expand > .container,
-.navbar-expand > .container-fluid {
-  flex-wrap: nowrap;
+.navbar-expand .navbar-nav-scroll {
+  overflow: visible;
 }
 
 .navbar-expand .navbar-collapse {
@@ -3357,7 +3367,7 @@ input[type='button'].btn-block {
 }
 
 .navbar-light .navbar-nav .nav-link {
-  color: rgba(0, 0, 0, 0.5);
+  color: rgba(0, 0, 0, 0.55);
 }
 
 .navbar-light .navbar-nav .nav-link:hover,
@@ -3370,29 +3380,24 @@ input[type='button'].btn-block {
 }
 
 .navbar-light .navbar-nav .show > .nav-link,
-.navbar-light .navbar-nav .active > .nav-link,
-.navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .nav-link.active {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-toggler {
-  color: rgba(0, 0, 0, 0.5);
+  color: rgba(0, 0, 0, 0.55);
   border-color: rgba(0, 0, 0, 0.1);
 }
 
 .navbar-light .navbar-toggler-icon {
-  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox=!string!xmlns=!string!%3E%3Cpath stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-miterlimit=!string!d=!string!/%3E%3C/svg%3E');
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .navbar-light .navbar-text {
-  color: rgba(0, 0, 0, 0.5);
-}
-
-.navbar-light .navbar-text a {
-  color: rgba(0, 0, 0, 0.9);
+  color: rgba(0, 0, 0, 0.55);
 }
 
+.navbar-light .navbar-text a,
 .navbar-light .navbar-text a:hover,
 .navbar-light .navbar-text a:focus {
   color: rgba(0, 0, 0, 0.9);
@@ -3408,7 +3413,7 @@ input[type='button'].btn-block {
 }
 
 .navbar-dark .navbar-nav .nav-link {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(255, 255, 255, 0.55);
 }
 
 .navbar-dark .navbar-nav .nav-link:hover,
@@ -3421,29 +3426,24 @@ input[type='button'].btn-block {
 }
 
 .navbar-dark .navbar-nav .show > .nav-link,
-.navbar-dark .navbar-nav .active > .nav-link,
-.navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .nav-link.active {
   color: #fff;
 }
 
 .navbar-dark .navbar-toggler {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(255, 255, 255, 0.55);
   border-color: rgba(255, 255, 255, 0.1);
 }
 
 .navbar-dark .navbar-toggler-icon {
-  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox=!string!xmlns=!string!%3E%3Cpath stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-miterlimit=!string!d=!string!/%3E%3C/svg%3E');
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .navbar-dark .navbar-text {
-  color: rgba(255, 255, 255, 0.5);
-}
-
-.navbar-dark .navbar-text a {
-  color: #fff;
+  color: rgba(255, 255, 255, 0.55);
 }
 
+.navbar-dark .navbar-text a,
 .navbar-dark .navbar-text a:hover,
 .navbar-dark .navbar-text a:focus {
   color: #fff;
@@ -3466,27 +3466,39 @@ input[type='button'].btn-block {
   margin-left: 0;
 }
 
-.card > .list-group:first-child .list-group-item:first-child {
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem;
+.card > .list-group {
+  border-top: inherit;
+  border-bottom: inherit;
 }
 
-.card > .list-group:last-child .list-group-item:last-child {
-  border-bottom-right-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
+.card > .list-group:first-child {
+  border-top-width: 0;
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card > .list-group:last-child {
+  border-bottom-width: 0;
+  border-bottom-right-radius: calc(0.25rem - 1px);
+  border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+  border-top: 0;
 }
 
 .card-body {
   flex: 1 1 auto;
-  padding: 1.25rem;
+  padding: 1rem 1rem;
 }
 
 .card-title {
-  margin-bottom: 0.75rem;
+  margin-bottom: 0.5rem;
 }
 
 .card-subtitle {
-  margin-top: -0.375rem;
+  margin-top: -0.25rem;
   margin-bottom: 0;
 }
 
@@ -3499,11 +3511,11 @@ input[type='button'].btn-block {
 }
 
 .card-link + .card-link {
-  margin-left: 1.25rem;
+  margin-left: 1rem;
 }
 
 .card-header {
-  padding: 0.75rem 1.25rem;
+  padding: 0.5rem 1rem;
   margin-bottom: 0;
   background-color: rgba(0, 0, 0, 0.03);
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@@ -3513,12 +3525,8 @@ input[type='button'].btn-block {
   border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
 }
 
-.card-header + .list-group .list-group-item:first-child {
-  border-top: 0;
-}
-
 .card-footer {
-  padding: 0.75rem 1.25rem;
+  padding: 0.5rem 1rem;
   background-color: rgba(0, 0, 0, 0.03);
   border-top: 1px solid rgba(0, 0, 0, 0.125);
 }
@@ -3528,15 +3536,15 @@ input[type='button'].btn-block {
 }
 
 .card-header-tabs {
-  margin-right: -0.625rem;
-  margin-bottom: -0.75rem;
-  margin-left: -0.625rem;
+  margin-right: -0.5rem;
+  margin-bottom: -0.5rem;
+  margin-left: -0.5rem;
   border-bottom: 0;
 }
 
 .card-header-pills {
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
+  margin-right: -0.5rem;
+  margin-left: -0.5rem;
 }
 
 .card-img-overlay {
@@ -3545,63 +3553,35 @@ input[type='button'].btn-block {
   right: 0;
   bottom: 0;
   left: 0;
-  padding: 1.25rem;
+  padding: 1rem;
+  border-radius: calc(0.25rem - 1px);
 }
 
-.card-img {
+.card-img,
+.card-img-top,
+.card-img-bottom {
   width: 100%;
-  border-radius: calc(0.25rem - 1px);
 }
 
+.card-img,
 .card-img-top {
-  width: 100%;
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }
 
+.card-img,
 .card-img-bottom {
-  width: 100%;
   border-bottom-right-radius: calc(0.25rem - 1px);
   border-bottom-left-radius: calc(0.25rem - 1px);
 }
 
-.card-deck {
-  display: flex;
-  flex-direction: column;
-}
-
-.card-deck .card {
-  margin-bottom: 15px;
-}
-
-@media (min-width: 576px) {
-  .card-deck {
-    flex-flow: row wrap;
-    margin-right: -15px;
-    margin-left: -15px;
-  }
-
-  .card-deck .card {
-    display: flex;
-    flex: 1 0 0%;
-    flex-direction: column;
-    margin-right: 15px;
-    margin-bottom: 0;
-    margin-left: 15px;
-  }
-}
-
-.card-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.card-group > .card {
-  margin-bottom: 15px;
+.card-group > .card {
+  margin-bottom: 0.75rem;
 }
 
 @media (min-width: 576px) {
   .card-group {
+    display: flex;
     flex-flow: row wrap;
   }
 
@@ -3615,110 +3595,170 @@ input[type='button'].btn-block {
     border-left: 0;
   }
 
-  .card-group > .card:first-child {
+  .card-group > .card:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
 
-  .card-group > .card:first-child .card-img-top,
-  .card-group > .card:first-child .card-header {
+  .card-group > .card:not(:last-child) .card-img-top,
+  .card-group > .card:not(:last-child) .card-header {
     border-top-right-radius: 0;
   }
 
-  .card-group > .card:first-child .card-img-bottom,
-  .card-group > .card:first-child .card-footer {
+  .card-group > .card:not(:last-child) .card-img-bottom,
+  .card-group > .card:not(:last-child) .card-footer {
     border-bottom-right-radius: 0;
   }
 
-  .card-group > .card:last-child {
+  .card-group > .card:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
 
-  .card-group > .card:last-child .card-img-top,
-  .card-group > .card:last-child .card-header {
+  .card-group > .card:not(:first-child) .card-img-top,
+  .card-group > .card:not(:first-child) .card-header {
     border-top-left-radius: 0;
   }
 
-  .card-group > .card:last-child .card-img-bottom,
-  .card-group > .card:last-child .card-footer {
+  .card-group > .card:not(:first-child) .card-img-bottom,
+  .card-group > .card:not(:first-child) .card-footer {
     border-bottom-left-radius: 0;
   }
+}
 
-  .card-group > .card:only-child {
-    border-radius: 0.25rem;
-  }
+.accordion-button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 1rem 1.25rem;
+  font-size: 1rem;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+  border: 0;
+  border-radius: 0;
+  overflow-anchor: none;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
+}
 
-  .card-group > .card:only-child .card-img-top,
-  .card-group > .card:only-child .card-header {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem;
+@media (prefers-reduced-motion: reduce) {
+  .accordion-button {
+    transition: none;
   }
+}
 
-  .card-group > .card:only-child .card-img-bottom,
-  .card-group > .card:only-child .card-footer {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
+.accordion-button:not(.collapsed) {
+  color: #065e8f;
+  background-color: #e6f0f5;
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
+}
 
-  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
-    border-radius: 0;
-  }
+.accordion-button:not(.collapsed)::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23065e8f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  transform: rotate(-180deg);
+}
 
-  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
-  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
-  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
-  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
-    border-radius: 0;
+.accordion-button::after {
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+  margin-left: auto;
+  content: '';
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-size: 1.25rem;
+  transition: transform 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .accordion-button::after {
+    transition: none;
   }
 }
 
-.card-columns .card {
-  margin-bottom: 0.75rem;
+.accordion-button:hover {
+  z-index: 2;
 }
 
-@media (min-width: 576px) {
-  .card-columns {
-    column-count: 3;
-    column-gap: 1.25rem;
-    orphans: 1;
-    widows: 1;
-  }
+.accordion-button:focus {
+  z-index: 3;
+  border-color: #83b4cf;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(7, 104, 159, 0.25);
+}
 
-  .card-columns .card {
-    display: inline-block;
-    width: 100%;
-  }
+.accordion-header {
+  margin-bottom: 0;
 }
 
-.accordion .card:not(:first-of-type):not(:last-of-type) {
-  border-bottom: 0;
-  border-radius: 0;
+.accordion-item {
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.accordion-item:first-of-type {
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.accordion-item:first-of-type .accordion-button {
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.accordion-item:not(:first-of-type) {
+  border-top: 0;
+}
+
+.accordion-item:last-of-type {
+  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.accordion-item:last-of-type .accordion-button.collapsed {
+  border-bottom-right-radius: calc(0.25rem - 1px);
+  border-bottom-left-radius: calc(0.25rem - 1px);
 }
 
-.accordion .card:not(:first-of-type) .card-header:first-child {
+.accordion-item:last-of-type .accordion-collapse {
+  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.accordion-body {
+  padding: 1rem 1.25rem;
+}
+
+.accordion-flush .accordion-collapse {
+  border-width: 0;
+}
+
+.accordion-flush .accordion-item {
+  border-right: 0;
+  border-left: 0;
   border-radius: 0;
 }
 
-.accordion .card:first-of-type {
+.accordion-flush .accordion-item:first-child {
+  border-top: 0;
+}
+
+.accordion-flush .accordion-item:last-child {
   border-bottom: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
 }
 
-.accordion .card:last-of-type {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.accordion-flush .accordion-item .accordion-button {
+  border-radius: 0;
 }
 
 .breadcrumb {
   display: flex;
   flex-wrap: wrap;
-  padding: 0.75rem 1rem;
+  padding: 0 0;
   margin-bottom: 1rem;
   list-style: none;
-  background-color: #e9ecef;
-  border-radius: 0.25rem;
 }
 
 .breadcrumb-item + .breadcrumb-item {
@@ -3726,18 +3766,11 @@ input[type='button'].btn-block {
 }
 
 .breadcrumb-item + .breadcrumb-item::before {
-  display: inline-block;
+  float: left;
   padding-right: 0.5rem;
   color: #6c757d;
-  content: 'http://www.w3.org/2000/svg';
-}
-
-.breadcrumb-item + .breadcrumb-item:hover::before {
-  text-decoration: underline;
-}
-
-.breadcrumb-item + .breadcrumb-item:hover::before {
-  text-decoration: none;
+  content: var(--bs-breadcrumb-divider, '/');
+  /* rtl: var(--bs-breadcrumb-divider, "/") */
 }
 
 .breadcrumb-item.active {
@@ -3748,51 +3781,46 @@ input[type='button'].btn-block {
   display: flex;
   padding-left: 0;
   list-style: none;
-  border-radius: 0.25rem;
 }
 
 .page-link {
   position: relative;
   display: block;
-  padding: 0.5rem 0.75rem;
-  margin-left: -1px;
-  line-height: 1.25;
   color: #07689f;
+  text-decoration: none;
   background-color: #fff;
   border: 1px solid #dee2e6;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .page-link {
+    transition: none;
+  }
 }
 
 .page-link:hover {
   z-index: 2;
-  color: #043856;
-  text-decoration: none;
+  color: #06537f;
   background-color: #e9ecef;
   border-color: #dee2e6;
 }
 
 .page-link:focus {
-  z-index: 2;
+  z-index: 3;
+  color: #06537f;
+  background-color: #e9ecef;
   outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(7, 104, 159, 0.25);
-}
-
-.page-link:not(:disabled):not(.disabled) {
-  cursor: pointer;
-}
-
-.page-item:first-child .page-link {
-  margin-left: 0;
-  border-top-left-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
+  box-shadow: 0 0 0 0.25rem rgba(7, 104, 159, 0.25);
 }
 
-.page-item:last-child .page-link {
-  border-top-right-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem;
+.page-item:not(:first-child) .page-link {
+  margin-left: -1px;
 }
 
 .page-item.active .page-link {
-  z-index: 1;
+  z-index: 3;
   color: #fff;
   background-color: #07689f;
   border-color: #07689f;
@@ -3801,15 +3829,27 @@ input[type='button'].btn-block {
 .page-item.disabled .page-link {
   color: #6c757d;
   pointer-events: none;
-  cursor: auto;
   background-color: #fff;
   border-color: #dee2e6;
 }
 
+.page-link {
+  padding: 0.375rem 0.75rem;
+}
+
+.page-item:first-child .page-link {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
 .pagination-lg .page-link {
   padding: 0.75rem 1.5rem;
   font-size: 1.25rem;
-  line-height: 1.5;
 }
 
 .pagination-lg .page-item:first-child .page-link {
@@ -3825,7 +3865,6 @@ input[type='button'].btn-block {
 .pagination-sm .page-link {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
-  line-height: 1.5;
 }
 
 .pagination-sm .page-item:first-child .page-link {
@@ -3840,10 +3879,11 @@ input[type='button'].btn-block {
 
 .badge {
   display: inline-block;
-  padding: 0.25em 0.4em;
-  font-size: 75%;
+  padding: 0.35em 0.65em;
+  font-size: 0.75em;
   font-weight: 700;
   line-height: 1;
+  color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
@@ -3859,130 +3899,9 @@ input[type='button'].btn-block {
   top: -1px;
 }
 
-.badge-pill {
-  padding-right: 0.6em;
-  padding-left: 0.6em;
-  border-radius: 10rem;
-}
-
-.badge-primary {
-  color: #fff;
-  background-color: #07689f;
-}
-
-.badge-primary[href]:hover,
-.badge-primary[href]:focus {
-  color: #fff;
-  text-decoration: none;
-  background-color: #05486e;
-}
-
-.badge-secondary {
-  color: #212529;
-  background-color: #c9d6df;
-}
-
-.badge-secondary[href]:hover,
-.badge-secondary[href]:focus {
-  color: #212529;
-  text-decoration: none;
-  background-color: #a9becc;
-}
-
-.badge-success {
-  color: #212529;
-  background-color: #11d3bc;
-}
-
-.badge-success[href]:hover,
-.badge-success[href]:focus {
-  color: #212529;
-  text-decoration: none;
-  background-color: #0da492;
-}
-
-.badge-info {
-  color: #212529;
-  background-color: #a2d5f2;
-}
-
-.badge-info[href]:hover,
-.badge-info[href]:focus {
-  color: #212529;
-  text-decoration: none;
-  background-color: #75c1ec;
-}
-
-.badge-warning {
-  color: #212529;
-  background-color: #ff7e67;
-}
-
-.badge-warning[href]:hover,
-.badge-warning[href]:focus {
-  color: #212529;
-  text-decoration: none;
-  background-color: #ff5334;
-}
-
-.badge-danger {
-  color: #212529;
-  background-color: #f67280;
-}
-
-.badge-danger[href]:hover,
-.badge-danger[href]:focus {
-  color: #212529;
-  text-decoration: none;
-  background-color: #f34255;
-}
-
-.badge-light {
-  color: #212529;
-  background-color: #fafafa;
-}
-
-.badge-light[href]:hover,
-.badge-light[href]:focus {
-  color: #212529;
-  text-decoration: none;
-  background-color: #e1e1e1;
-}
-
-.badge-dark {
-  color: #fff;
-  background-color: #4e4e4e;
-}
-
-.badge-dark[href]:hover,
-.badge-dark[href]:focus {
-  color: #fff;
-  text-decoration: none;
-  background-color: #353535;
-}
-
-.jumbotron {
-  padding: 2rem 1rem;
-  margin-bottom: 2rem;
-  background-color: #e9ecef;
-  border-radius: 0.3rem;
-}
-
-@media (min-width: 576px) {
-  .jumbotron {
-    padding: 4rem 2rem;
-  }
-}
-
-.jumbotron-fluid {
-  padding-right: 0;
-  padding-left: 0;
-  border-radius: 0;
-}
-
 .alert {
   position: relative;
-  padding: 0.75rem 1.25rem;
+  padding: 1rem 1rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: 0.25rem;
@@ -3997,136 +3916,100 @@ input[type='button'].btn-block {
 }
 
 .alert-dismissible {
-  padding-right: 4rem;
+  padding-right: 3rem;
 }
 
-.alert-dismissible .close {
+.alert-dismissible .btn-close {
   position: absolute;
   top: 0;
   right: 0;
-  padding: 0.75rem 1.25rem;
-  color: inherit;
+  z-index: 2;
+  padding: 1.25rem 1rem;
 }
 
 .alert-primary {
-  color: #043653;
+  color: #043e5f;
   background-color: #cde1ec;
-  border-color: #bad5e4;
-}
-
-.alert-primary hr {
-  border-top-color: #a8cadd;
+  border-color: #b5d2e2;
 }
 
 .alert-primary .alert-link {
-  color: #021622;
+  color: #03324c;
 }
 
 .alert-secondary {
-  color: #696f74;
+  color: #505659;
   background-color: #f4f7f9;
-  border-color: #f0f4f6;
-}
-
-.alert-secondary hr {
-  border-top-color: #e0e8ec;
+  border-color: #eff3f5;
 }
 
 .alert-secondary .alert-link {
-  color: #515559;
+  color: #404547;
 }
 
 .alert-success {
-  color: #096e62;
+  color: #07544b;
   background-color: #cff6f2;
-  border-color: #bcf3ec;
-}
-
-.alert-success hr {
-  border-top-color: #a6efe6;
+  border-color: #b8f2eb;
 }
 
 .alert-success .alert-link {
-  color: #053f38;
+  color: #06433c;
 }
 
 .alert-info {
-  color: #546f7e;
+  color: #415561;
   background-color: #ecf7fc;
-  border-color: #e5f3fb;
-}
-
-.alert-info hr {
-  border-top-color: #cfe9f8;
+  border-color: #e3f2fb;
 }
 
 .alert-info .alert-link {
-  color: #40545f;
+  color: #34444e;
 }
 
 .alert-warning {
-  color: #854236;
+  color: #994c3e;
   background-color: #ffe5e1;
-  border-color: #ffdbd4;
-}
-
-.alert-warning hr {
-  border-top-color: #ffc6bb;
+  border-color: #ffd8d1;
 }
 
 .alert-warning .alert-link {
-  color: #613027;
+  color: #7a3d32;
 }
 
 .alert-danger {
-  color: #803b43;
+  color: #94444d;
   background-color: #fde3e6;
-  border-color: #fcd8db;
-}
-
-.alert-danger hr {
-  border-top-color: #fac0c5;
+  border-color: #fcd5d9;
 }
 
 .alert-danger .alert-link {
-  color: #5d2b31;
+  color: #76363e;
 }
 
 .alert-light {
-  color: #828282;
+  color: #646464;
   background-color: #fefefe;
   border-color: #fefefe;
 }
 
-.alert-light hr {
-  border-top-color: #f1f1f1;
-}
-
 .alert-light .alert-link {
-  color: dimgray;
+  color: #505050;
 }
 
 .alert-dark {
-  color: #292929;
-  background-color: gainsboro;
-  border-color: #cdcdcd;
-}
-
-.alert-dark hr {
-  border-top-color: silver;
+  color: #2f2f2f;
+  background-color: #dcdcdc;
+  border-color: #cacaca;
 }
 
 .alert-dark .alert-link {
-  color: #101010;
+  color: #262626;
 }
 
 @keyframes progress-bar-stripes {
-  from {
-    background-position: 1rem 0;
-  }
-
-  to {
-    background-position: 0 0;
+  0% {
+    background-position-x: 1rem;
   }
 }
 
@@ -4143,6 +4026,7 @@ input[type='button'].btn-block {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  overflow: hidden;
   color: #fff;
   text-align: center;
   white-space: nowrap;
@@ -4150,7 +4034,7 @@ input[type='button'].btn-block {
   transition: width 0.6s ease;
 }
 
-@media screen and (prefers-reduced-motion: reduce) {
+@media (prefers-reduced-motion: reduce) {
   .progress-bar {
     transition: none;
   }
@@ -4171,16 +4055,13 @@ input[type='button'].btn-block {
 }
 
 .progress-bar-animated {
-  animation: progress-bar-stripes 1s linear infinite;
+  animation: 1s linear infinite progress-bar-stripes;
 }
 
-.media {
-  display: flex;
-  align-items: flex-start;
-}
-
-.media-body {
-  flex: 1;
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar-animated {
+    animation: none;
+  }
 }
 
 .list-group {
@@ -4188,6 +4069,17 @@ input[type='button'].btn-block {
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
+  border-radius: 0.25rem;
+}
+
+.list-group-numbered {
+  list-style-type: none;
+  counter-reset: section;
+}
+
+.list-group-numbered > li::before {
+  content: counters(section, '.') '. ';
+  counter-increment: section;
 }
 
 .list-group-item-action {
@@ -4198,6 +4090,7 @@ input[type='button'].btn-block {
 
 .list-group-item-action:hover,
 .list-group-item-action:focus {
+  z-index: 1;
   color: #495057;
   text-decoration: none;
   background-color: #f8f9fa;
@@ -4211,32 +4104,27 @@ input[type='button'].btn-block {
 .list-group-item {
   position: relative;
   display: block;
-  padding: 0.75rem 1.25rem;
-  margin-bottom: -1px;
+  padding: 0.5rem 1rem;
+  color: #212529;
+  text-decoration: none;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .list-group-item:first-child {
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem;
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
 }
 
 .list-group-item:last-child {
-  margin-bottom: 0;
-  border-bottom-right-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-}
-
-.list-group-item:hover,
-.list-group-item:focus {
-  z-index: 1;
-  text-decoration: none;
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
 }
 
 .list-group-item.disabled,
 .list-group-item:disabled {
   color: #6c757d;
+  pointer-events: none;
   background-color: #fff;
 }
 
@@ -4247,203 +4135,441 @@ input[type='button'].btn-block {
   border-color: #07689f;
 }
 
-.list-group-flush .list-group-item {
-  border-right: 0;
-  border-left: 0;
+.list-group-item + .list-group-item {
+  border-top-width: 0;
+}
+
+.list-group-item + .list-group-item.active {
+  margin-top: -1px;
+  border-top-width: 1px;
+}
+
+.list-group-horizontal {
+  flex-direction: row;
+}
+
+.list-group-horizontal > .list-group-item:first-child {
+  border-bottom-left-radius: 0.25rem;
+  border-top-right-radius: 0;
+}
+
+.list-group-horizontal > .list-group-item:last-child {
+  border-top-right-radius: 0.25rem;
+  border-bottom-left-radius: 0;
+}
+
+.list-group-horizontal > .list-group-item.active {
+  margin-top: 0;
+}
+
+.list-group-horizontal > .list-group-item + .list-group-item {
+  border-top-width: 1px;
+  border-left-width: 0;
+}
+
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+  margin-left: -1px;
+  border-left-width: 1px;
+}
+
+@media (min-width: 576px) {
+  .list-group-horizontal-sm {
+    flex-direction: row;
+  }
+
+  .list-group-horizontal-sm > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-sm > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-sm > .list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-sm > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 768px) {
+  .list-group-horizontal-md {
+    flex-direction: row;
+  }
+
+  .list-group-horizontal-md > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-md > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-md > .list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-md > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 992px) {
+  .list-group-horizontal-lg {
+    flex-direction: row;
+  }
+
+  .list-group-horizontal-lg > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-lg > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-lg > .list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-lg > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .list-group-horizontal-xl {
+    flex-direction: row;
+  }
+
+  .list-group-horizontal-xl > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-xl > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-xl > .list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-xl > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 1400px) {
+  .list-group-horizontal-xxl {
+    flex-direction: row;
+  }
+
+  .list-group-horizontal-xxl > .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-xxl > .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-xxl > .list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+.list-group-flush {
   border-radius: 0;
 }
 
-.list-group-flush:first-child .list-group-item:first-child {
-  border-top: 0;
+.list-group-flush > .list-group-item {
+  border-width: 0 0 1px;
 }
 
-.list-group-flush:last-child .list-group-item:last-child {
-  border-bottom: 0;
+.list-group-flush > .list-group-item:last-child {
+  border-bottom-width: 0;
 }
 
 .list-group-item-primary {
-  color: #043653;
-  background-color: #bad5e4;
+  color: #043e5f;
+  background-color: #cde1ec;
 }
 
 .list-group-item-primary.list-group-item-action:hover,
 .list-group-item-primary.list-group-item-action:focus {
-  color: #043653;
-  background-color: #a8cadd;
+  color: #043e5f;
+  background-color: #b9cbd4;
 }
 
 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
-  background-color: #043653;
-  border-color: #043653;
+  background-color: #043e5f;
+  border-color: #043e5f;
 }
 
 .list-group-item-secondary {
-  color: #696f74;
-  background-color: #f0f4f6;
+  color: #505659;
+  background-color: #f4f7f9;
 }
 
 .list-group-item-secondary.list-group-item-action:hover,
 .list-group-item-secondary.list-group-item-action:focus {
-  color: #696f74;
-  background-color: #e0e8ec;
+  color: #505659;
+  background-color: #dcdee0;
 }
 
 .list-group-item-secondary.list-group-item-action.active {
   color: #fff;
-  background-color: #696f74;
-  border-color: #696f74;
+  background-color: #505659;
+  border-color: #505659;
 }
 
 .list-group-item-success {
-  color: #096e62;
-  background-color: #bcf3ec;
+  color: #07544b;
+  background-color: #cff6f2;
 }
 
 .list-group-item-success.list-group-item-action:hover,
 .list-group-item-success.list-group-item-action:focus {
-  color: #096e62;
-  background-color: #a6efe6;
+  color: #07544b;
+  background-color: #baddda;
 }
 
 .list-group-item-success.list-group-item-action.active {
   color: #fff;
-  background-color: #096e62;
-  border-color: #096e62;
+  background-color: #07544b;
+  border-color: #07544b;
 }
 
 .list-group-item-info {
-  color: #546f7e;
-  background-color: #e5f3fb;
+  color: #415561;
+  background-color: #ecf7fc;
 }
 
 .list-group-item-info.list-group-item-action:hover,
 .list-group-item-info.list-group-item-action:focus {
-  color: #546f7e;
-  background-color: #cfe9f8;
+  color: #415561;
+  background-color: #d4dee3;
 }
 
 .list-group-item-info.list-group-item-action.active {
   color: #fff;
-  background-color: #546f7e;
-  border-color: #546f7e;
+  background-color: #415561;
+  border-color: #415561;
 }
 
 .list-group-item-warning {
-  color: #854236;
-  background-color: #ffdbd4;
+  color: #994c3e;
+  background-color: #ffe5e1;
 }
 
 .list-group-item-warning.list-group-item-action:hover,
 .list-group-item-warning.list-group-item-action:focus {
-  color: #854236;
-  background-color: #ffc6bb;
+  color: #994c3e;
+  background-color: #e6cecb;
 }
 
 .list-group-item-warning.list-group-item-action.active {
   color: #fff;
-  background-color: #854236;
-  border-color: #854236;
+  background-color: #994c3e;
+  border-color: #994c3e;
 }
 
 .list-group-item-danger {
-  color: #803b43;
-  background-color: #fcd8db;
+  color: #94444d;
+  background-color: #fde3e6;
 }
 
 .list-group-item-danger.list-group-item-action:hover,
 .list-group-item-danger.list-group-item-action:focus {
-  color: #803b43;
-  background-color: #fac0c5;
+  color: #94444d;
+  background-color: #e4cccf;
 }
 
 .list-group-item-danger.list-group-item-action.active {
   color: #fff;
-  background-color: #803b43;
-  border-color: #803b43;
+  background-color: #94444d;
+  border-color: #94444d;
 }
 
 .list-group-item-light {
-  color: #828282;
+  color: #646464;
   background-color: #fefefe;
 }
 
 .list-group-item-light.list-group-item-action:hover,
 .list-group-item-light.list-group-item-action:focus {
-  color: #828282;
-  background-color: #f1f1f1;
+  color: #646464;
+  background-color: #e5e5e5;
 }
 
 .list-group-item-light.list-group-item-action.active {
   color: #fff;
-  background-color: #828282;
-  border-color: #828282;
+  background-color: #646464;
+  border-color: #646464;
 }
 
 .list-group-item-dark {
-  color: #292929;
-  background-color: #cdcdcd;
+  color: #2f2f2f;
+  background-color: #dcdcdc;
 }
 
 .list-group-item-dark.list-group-item-action:hover,
 .list-group-item-dark.list-group-item-action:focus {
-  color: #292929;
-  background-color: silver;
+  color: #2f2f2f;
+  background-color: #c6c6c6;
 }
 
 .list-group-item-dark.list-group-item-action.active {
   color: #fff;
-  background-color: #292929;
-  border-color: #292929;
+  background-color: #2f2f2f;
+  border-color: #2f2f2f;
 }
 
-.close {
-  float: right;
-  font-size: 1.5rem;
-  font-weight: 700;
-  line-height: 1;
+.btn-close {
+  box-sizing: content-box;
+  width: 1em;
+  height: 1em;
+  padding: 0.25em 0.25em;
   color: #000;
-  text-shadow: 0 1px 0 #fff;
+  background: transparent
+    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
+    center/1em auto no-repeat;
+  border: 0;
+  border-radius: 0.25rem;
   opacity: 0.5;
 }
 
-.close:hover,
-.close:focus {
+.btn-close:hover {
   color: #000;
   text-decoration: none;
   opacity: 0.75;
 }
 
-.close:not(:disabled):not(.disabled) {
-  cursor: pointer;
+.btn-close:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(7, 104, 159, 0.25);
+  opacity: 1;
 }
 
-button.close {
-  padding: 0;
-  background-color: transparent;
-  border: 0;
-  -webkit-appearance: none;
+.btn-close:disabled,
+.btn-close.disabled {
+  pointer-events: none;
+  user-select: none;
+  opacity: 0.25;
 }
 
-.modal-open {
-  overflow: hidden;
+.btn-close-white {
+  filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.toast {
+  width: 350px;
+  max-width: 100%;
+  font-size: 0.875rem;
+  pointer-events: auto;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem;
+}
+
+.toast:not(.showing):not(.show) {
+  opacity: 0;
+}
+
+.toast.hide {
+  display: none;
+}
+
+.toast-container {
+  width: max-content;
+  max-width: 100%;
+  pointer-events: none;
+}
+
+.toast-container > :not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+
+.toast-header {
+  display: flex;
+  align-items: center;
+  padding: 0.5rem 0.75rem;
+  color: #6c757d;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.toast-header .btn-close {
+  margin-right: -0.375rem;
+  margin-left: 0.75rem;
+}
+
+.toast-body {
+  padding: 0.75rem;
+  word-wrap: break-word;
 }
 
 .modal {
   position: fixed;
   top: 0;
-  right: 0;
-  bottom: 0;
   left: 0;
-  z-index: 1050;
+  z-index: 1060;
   display: none;
-  overflow: hidden;
-  outline: 0;
-}
-
-.modal-open .modal {
+  width: 100%;
+  height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
+  outline: 0;
 }
 
 .modal-dialog {
@@ -4455,23 +4581,40 @@ button.close {
 
 .modal.fade .modal-dialog {
   transition: transform 0.3s ease-out;
-  transform: translate(0, -25%);
+  transform: translate(0, -50px);
 }
 
-@media screen and (prefers-reduced-motion: reduce) {
+@media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
     transition: none;
   }
 }
 
 .modal.show .modal-dialog {
-  transform: translate(0, 0);
+  transform: none;
+}
+
+.modal.modal-static .modal-dialog {
+  transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+  height: calc(100% - 1rem);
+}
+
+.modal-dialog-scrollable .modal-content {
+  max-height: 100%;
+  overflow: hidden;
+}
+
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
 }
 
 .modal-dialog-centered {
   display: flex;
   align-items: center;
-  min-height: calc(100% - (0.5rem * 2));
+  min-height: calc(100% - 1rem);
 }
 
 .modal-content {
@@ -4490,10 +4633,10 @@ button.close {
 .modal-backdrop {
   position: fixed;
   top: 0;
-  right: 0;
-  bottom: 0;
   left: 0;
   z-index: 1040;
+  width: 100vw;
+  height: 100vh;
   background-color: #000;
 }
 
@@ -4507,17 +4650,18 @@ button.close {
 
 .modal-header {
   display: flex;
-  align-items: flex-start;
+  flex-shrink: 0;
+  align-items: center;
   justify-content: space-between;
-  padding: 1rem;
-  border-bottom: 1px solid #e9ecef;
-  border-top-left-radius: 0.3rem;
-  border-top-right-radius: 0.3rem;
+  padding: 1rem 1rem;
+  border-bottom: 1px solid #dee2e6;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px);
 }
 
-.modal-header .close {
-  padding: 1rem;
-  margin: -1rem -1rem -1rem auto;
+.modal-header .btn-close {
+  padding: 0.5rem 0.5rem;
+  margin: -0.5rem -0.5rem -0.5rem auto;
 }
 
 .modal-title {
@@ -4533,26 +4677,18 @@ button.close {
 
 .modal-footer {
   display: flex;
+  flex-wrap: wrap;
+  flex-shrink: 0;
   align-items: center;
   justify-content: flex-end;
-  padding: 1rem;
-  border-top: 1px solid #e9ecef;
-}
-
-.modal-footer > :not(:first-child) {
-  margin-left: 0.25rem;
-}
-
-.modal-footer > :not(:last-child) {
-  margin-right: 0.25rem;
+  padding: 0.75rem;
+  border-top: 1px solid #dee2e6;
+  border-bottom-right-radius: calc(0.3rem - 1px);
+  border-bottom-left-radius: calc(0.3rem - 1px);
 }
 
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
+.modal-footer > * {
+  margin: 0.25rem;
 }
 
 @media (min-width: 576px) {
@@ -4561,8 +4697,12 @@ button.close {
     margin: 1.75rem auto;
   }
 
+  .modal-dialog-scrollable {
+    height: calc(100% - 3.5rem);
+  }
+
   .modal-dialog-centered {
-    min-height: calc(100% - (1.75rem * 2));
+    min-height: calc(100% - 3.5rem);
   }
 
   .modal-sm {
@@ -4571,19 +4711,185 @@ button.close {
 }
 
 @media (min-width: 992px) {
-  .modal-lg {
+  .modal-lg,
+  .modal-xl {
     max-width: 800px;
   }
 }
 
-.tooltip {
-  position: absolute;
-  z-index: 1070;
-  display: block;
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  font-style: normal;
+@media (min-width: 1200px) {
+  .modal-xl {
+    max-width: 1140px;
+  }
+}
+
+.modal-fullscreen {
+  width: 100vw;
+  max-width: none;
+  height: 100%;
+  margin: 0;
+}
+
+.modal-fullscreen .modal-content {
+  height: 100%;
+  border: 0;
+  border-radius: 0;
+}
+
+.modal-fullscreen .modal-header {
+  border-radius: 0;
+}
+
+.modal-fullscreen .modal-body {
+  overflow-y: auto;
+}
+
+.modal-fullscreen .modal-footer {
+  border-radius: 0;
+}
+
+@media (max-width: 575.98px) {
+  .modal-fullscreen-sm-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-sm-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-sm-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-sm-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-sm-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .modal-fullscreen-md-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-md-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-md-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-md-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-md-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .modal-fullscreen-lg-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-lg-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-lg-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-lg-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-lg-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  .modal-fullscreen-xl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-xl-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-xl-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-xl-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-xl-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+@media (max-width: 1399.98px) {
+  .modal-fullscreen-xxl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-xxl-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-xxl-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-xxl-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-xxl-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+.tooltip {
+  position: absolute;
+  z-index: 1080;
+  display: block;
+  margin: 0;
+  font-family: var(--bs-font-sans-serif);
+  font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
@@ -4605,88 +4911,88 @@ button.close {
   opacity: 0.9;
 }
 
-.tooltip .arrow {
+.tooltip .tooltip-arrow {
   position: absolute;
   display: block;
   width: 0.8rem;
   height: 0.4rem;
 }
 
-.tooltip .arrow::before {
+.tooltip .tooltip-arrow::before {
   position: absolute;
-  content: '0 0 4 4';
+  content: '';
   border-color: transparent;
   border-style: solid;
 }
 
 .bs-tooltip-top,
-.bs-tooltip-auto[x-placement^='top'] {
+.bs-tooltip-auto[data-popper-placement^='top'] {
   padding: 0.4rem 0;
 }
 
-.bs-tooltip-top .arrow,
-.bs-tooltip-auto[x-placement^='top'] .arrow {
+.bs-tooltip-top .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {
   bottom: 0;
 }
 
-.bs-tooltip-top .arrow::before,
-.bs-tooltip-auto[x-placement^='top'] .arrow::before {
-  top: 0;
+.bs-tooltip-top .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
+  top: -1px;
   border-width: 0.4rem 0.4rem 0;
   border-top-color: #000;
 }
 
-.bs-tooltip-right,
-.bs-tooltip-auto[x-placement^='right'] {
+.bs-tooltip-end,
+.bs-tooltip-auto[data-popper-placement^='right'] {
   padding: 0 0.4rem;
 }
 
-.bs-tooltip-right .arrow,
-.bs-tooltip-auto[x-placement^='right'] .arrow {
+.bs-tooltip-end .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {
   left: 0;
   width: 0.4rem;
   height: 0.8rem;
 }
 
-.bs-tooltip-right .arrow::before,
-.bs-tooltip-auto[x-placement^='right'] .arrow::before {
-  right: 0;
+.bs-tooltip-end .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
+  right: -1px;
   border-width: 0.4rem 0.4rem 0.4rem 0;
   border-right-color: #000;
 }
 
 .bs-tooltip-bottom,
-.bs-tooltip-auto[x-placement^='bottom'] {
+.bs-tooltip-auto[data-popper-placement^='bottom'] {
   padding: 0.4rem 0;
 }
 
-.bs-tooltip-bottom .arrow,
-.bs-tooltip-auto[x-placement^='bottom'] .arrow {
+.bs-tooltip-bottom .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {
   top: 0;
 }
 
-.bs-tooltip-bottom .arrow::before,
-.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
-  bottom: 0;
+.bs-tooltip-bottom .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
+  bottom: -1px;
   border-width: 0 0.4rem 0.4rem;
   border-bottom-color: #000;
 }
 
-.bs-tooltip-left,
-.bs-tooltip-auto[x-placement^='left'] {
+.bs-tooltip-start,
+.bs-tooltip-auto[data-popper-placement^='left'] {
   padding: 0 0.4rem;
 }
 
-.bs-tooltip-left .arrow,
-.bs-tooltip-auto[x-placement^='left'] .arrow {
+.bs-tooltip-start .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {
   right: 0;
   width: 0.4rem;
   height: 0.8rem;
 }
 
-.bs-tooltip-left .arrow::before,
-.bs-tooltip-auto[x-placement^='left'] .arrow::before {
-  left: 0;
+.bs-tooltip-start .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
+  left: -1px;
   border-width: 0.4rem 0 0.4rem 0.4rem;
   border-left-color: #000;
 }
@@ -4703,12 +5009,11 @@ button.close {
 .popover {
   position: absolute;
   top: 0;
-  left: 0;
-  z-index: 1060;
+  left: 0 /* rtl:ignore */;
+  z-index: 1070;
   display: block;
   max-width: 276px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  font-family: var(--bs-font-sans-serif);
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
@@ -4730,164 +5035,120 @@ button.close {
   border-radius: 0.3rem;
 }
 
-.popover .arrow {
+.popover .popover-arrow {
   position: absolute;
   display: block;
   width: 1rem;
   height: 0.5rem;
-  margin: 0 0.3rem;
 }
 
-.popover .arrow::before,
-.popover .arrow::after {
+.popover .popover-arrow::before,
+.popover .popover-arrow::after {
   position: absolute;
   display: block;
-  content: '%23fff';
+  content: '';
   border-color: transparent;
   border-style: solid;
 }
 
-.bs-popover-top,
-.bs-popover-auto[x-placement^='top'] {
-  margin-bottom: 0.5rem;
-}
-
-.bs-popover-top .arrow,
-.bs-popover-auto[x-placement^='top'] .arrow {
-  bottom: calc((0.5rem + 1px) * -1);
-}
-
-.bs-popover-top .arrow::before,
-.bs-popover-auto[x-placement^='top'] .arrow::before,
-.bs-popover-top .arrow::after,
-.bs-popover-auto[x-placement^='top'] .arrow::after {
-  border-width: 0.5rem 0.5rem 0;
+.bs-popover-top > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {
+  bottom: calc(-0.5rem - 1px);
 }
 
-.bs-popover-top .arrow::before,
-.bs-popover-auto[x-placement^='top'] .arrow::before {
+.bs-popover-top > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {
   bottom: 0;
+  border-width: 0.5rem 0.5rem 0;
   border-top-color: rgba(0, 0, 0, 0.25);
 }
 
-.bs-popover-top .arrow::after,
-.bs-popover-auto[x-placement^='top'] .arrow::after {
+.bs-popover-top > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {
   bottom: 1px;
+  border-width: 0.5rem 0.5rem 0;
   border-top-color: #fff;
 }
 
-.bs-popover-right,
-.bs-popover-auto[x-placement^='right'] {
-  margin-left: 0.5rem;
-}
-
-.bs-popover-right .arrow,
-.bs-popover-auto[x-placement^='right'] .arrow {
-  left: calc((0.5rem + 1px) * -1);
+.bs-popover-end > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {
+  left: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
-  margin: 0.3rem 0;
-}
-
-.bs-popover-right .arrow::before,
-.bs-popover-auto[x-placement^='right'] .arrow::before,
-.bs-popover-right .arrow::after,
-.bs-popover-auto[x-placement^='right'] .arrow::after {
-  border-width: 0.5rem 0.5rem 0.5rem 0;
 }
 
-.bs-popover-right .arrow::before,
-.bs-popover-auto[x-placement^='right'] .arrow::before {
+.bs-popover-end > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {
   left: 0;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: rgba(0, 0, 0, 0.25);
 }
 
-.bs-popover-right .arrow::after,
-.bs-popover-auto[x-placement^='right'] .arrow::after {
+.bs-popover-end > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {
   left: 1px;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: #fff;
 }
 
-.bs-popover-bottom,
-.bs-popover-auto[x-placement^='bottom'] {
-  margin-top: 0.5rem;
-}
-
-.bs-popover-bottom .arrow,
-.bs-popover-auto[x-placement^='bottom'] .arrow {
-  top: calc((0.5rem + 1px) * -1);
-}
-
-.bs-popover-bottom .arrow::before,
-.bs-popover-auto[x-placement^='bottom'] .arrow::before,
-.bs-popover-bottom .arrow::after,
-.bs-popover-auto[x-placement^='bottom'] .arrow::after {
-  border-width: 0 0.5rem 0.5rem 0.5rem;
+.bs-popover-bottom > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {
+  top: calc(-0.5rem - 1px);
 }
 
-.bs-popover-bottom .arrow::before,
-.bs-popover-auto[x-placement^='bottom'] .arrow::before {
+.bs-popover-bottom > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {
   top: 0;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
   border-bottom-color: rgba(0, 0, 0, 0.25);
 }
 
-.bs-popover-bottom .arrow::after,
-.bs-popover-auto[x-placement^='bottom'] .arrow::after {
+.bs-popover-bottom > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {
   top: 1px;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
   border-bottom-color: #fff;
 }
 
 .bs-popover-bottom .popover-header::before,
-.bs-popover-auto[x-placement^='bottom'] .popover-header::before {
+.bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {
   position: absolute;
   top: 0;
   left: 50%;
   display: block;
   width: 1rem;
   margin-left: -0.5rem;
-  content: 'M0 2h4';
-  border-bottom: 1px solid #f7f7f7;
-}
-
-.bs-popover-left,
-.bs-popover-auto[x-placement^='left'] {
-  margin-right: 0.5rem;
+  content: '';
+  border-bottom: 1px solid #f0f0f0;
 }
 
-.bs-popover-left .arrow,
-.bs-popover-auto[x-placement^='left'] .arrow {
-  right: calc((0.5rem + 1px) * -1);
+.bs-popover-start > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {
+  right: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
-  margin: 0.3rem 0;
-}
-
-.bs-popover-left .arrow::before,
-.bs-popover-auto[x-placement^='left'] .arrow::before,
-.bs-popover-left .arrow::after,
-.bs-popover-auto[x-placement^='left'] .arrow::after {
-  border-width: 0.5rem 0 0.5rem 0.5rem;
 }
 
-.bs-popover-left .arrow::before,
-.bs-popover-auto[x-placement^='left'] .arrow::before {
+.bs-popover-start > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {
   right: 0;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: rgba(0, 0, 0, 0.25);
 }
 
-.bs-popover-left .arrow::after,
-.bs-popover-auto[x-placement^='left'] .arrow::after {
+.bs-popover-start > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {
   right: 1px;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: #fff;
 }
 
 .popover-header {
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 1rem;
-  color: inherit;
-  background-color: #f7f7f7;
-  border-bottom: 1px solid #ebebeb;
+  background-color: #f0f0f0;
+  border-bottom: 1px solid #d8d8d8;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px);
 }
@@ -4897,7 +5158,7 @@ button.close {
 }
 
 .popover-body {
-  padding: 0.5rem 0.75rem;
+  padding: 1rem 1rem;
   color: #212529;
 }
 
@@ -4905,23 +5166,33 @@ button.close {
   position: relative;
 }
 
+.carousel.pointer-event {
+  touch-action: pan-y;
+}
+
 .carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
 }
 
+.carousel-inner::after {
+  display: block;
+  clear: both;
+  content: '';
+}
+
 .carousel-item {
   position: relative;
   display: none;
-  align-items: center;
+  float: left;
   width: 100%;
-  transition: transform 0.6s ease;
+  margin-right: -100%;
   backface-visibility: hidden;
-  perspective: 1000px;
+  transition: transform 0.6s ease-in-out;
 }
 
-@media screen and (prefers-reduced-motion: reduce) {
+@media (prefers-reduced-motion: reduce) {
   .carousel-item {
     transition: none;
   }
@@ -4933,80 +5204,40 @@ button.close {
   display: block;
 }
 
-.carousel-item-next,
-.carousel-item-prev {
-  position: absolute;
-  top: 0;
-}
-
-.carousel-item-next.carousel-item-left,
-.carousel-item-prev.carousel-item-right {
-  transform: translateX(0);
-}
-
-@supports (transform-style: preserve-3d) {
-  .carousel-item-next.carousel-item-left,
-  .carousel-item-prev.carousel-item-right {
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.carousel-item-next,
-.active.carousel-item-right {
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
   transform: translateX(100%);
 }
 
-@supports (transform-style: preserve-3d) {
-  .carousel-item-next,
-  .active.carousel-item-right {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-.carousel-item-prev,
-.active.carousel-item-left {
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
   transform: translateX(-100%);
 }
 
-@supports (transform-style: preserve-3d) {
-  .carousel-item-prev,
-  .active.carousel-item-left {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
 .carousel-fade .carousel-item {
   opacity: 0;
-  transition-duration: 0.6s;
   transition-property: opacity;
+  transform: none;
 }
 
 .carousel-fade .carousel-item.active,
-.carousel-fade .carousel-item-next.carousel-item-left,
-.carousel-fade .carousel-item-prev.carousel-item-right {
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+  z-index: 1;
   opacity: 1;
 }
 
-.carousel-fade .active.carousel-item-left,
-.carousel-fade .active.carousel-item-right {
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+  z-index: 0;
   opacity: 0;
+  transition: opacity 0s 0.6s;
 }
 
-.carousel-fade .carousel-item-next,
-.carousel-fade .carousel-item-prev,
-.carousel-fade .carousel-item.active,
-.carousel-fade .active.carousel-item-left,
-.carousel-fade .active.carousel-item-prev {
-  transform: translateX(0);
-}
-
-@supports (transform-style: preserve-3d) {
-  .carousel-fade .carousel-item-next,
-  .carousel-fade .carousel-item-prev,
-  .carousel-fade .carousel-item.active,
-  .carousel-fade .active.carousel-item-left,
-  .carousel-fade .active.carousel-item-prev {
-    transform: translate3d(0, 0, 0);
+@media (prefers-reduced-motion: reduce) {
+  .carousel-fade .active.carousel-item-start,
+  .carousel-fade .active.carousel-item-end {
+    transition: none;
   }
 }
 
@@ -5015,13 +5246,25 @@ button.close {
   position: absolute;
   top: 0;
   bottom: 0;
+  z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 15%;
+  padding: 0;
   color: #fff;
   text-align: center;
+  background: none;
+  border: 0;
   opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-control-prev,
+  .carousel-control-next {
+    transition: none;
+  }
 }
 
 .carousel-control-prev:hover,
@@ -5045,318 +5288,483 @@ button.close {
 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   display: inline-block;
-  width: 20px;
-  height: 20px;
-  background: transparent no-repeat center center;
+  width: 2rem;
+  height: 2rem;
+  background-repeat: no-repeat;
+  background-position: 50%;
   background-size: 100% 100%;
 }
 
 .carousel-control-prev-icon {
-  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!fill=!string!viewBox=!string!%3E%3Cpath d=!string!/%3E%3C/svg%3E');
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
 }
 
 .carousel-control-next-icon {
-  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!fill=!string!viewBox=!string!%3E%3Cpath d=!string!/%3E%3C/svg%3E');
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }
 
 .carousel-indicators {
   position: absolute;
   right: 0;
-  bottom: 10px;
+  bottom: 0;
   left: 0;
-  z-index: 15;
+  z-index: 2;
   display: flex;
   justify-content: center;
-  padding-left: 0;
+  padding: 0;
   margin-right: 15%;
+  margin-bottom: 1rem;
   margin-left: 15%;
   list-style: none;
 }
 
-.carousel-indicators li {
-  position: relative;
+.carousel-indicators [data-bs-target] {
+  box-sizing: content-box;
   flex: 0 1 auto;
   width: 30px;
   height: 3px;
+  padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-
-.carousel-indicators li::before {
-  position: absolute;
-  top: -10px;
-  left: 0;
-  display: inline-block;
-  width: 100%;
-  height: 10px;
-  content: 'http://www.w3.org/2000/svg';
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 0;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  opacity: 0.5;
+  transition: opacity 0.6s ease;
 }
 
-.carousel-indicators li::after {
-  position: absolute;
-  bottom: -10px;
-  left: 0;
-  display: inline-block;
-  width: 100%;
-  height: 10px;
-  content: '-4 -4 8 8';
+@media (prefers-reduced-motion: reduce) {
+  .carousel-indicators [data-bs-target] {
+    transition: none;
+  }
 }
 
 .carousel-indicators .active {
-  background-color: #fff;
+  opacity: 1;
 }
 
 .carousel-caption {
   position: absolute;
   right: 15%;
-  bottom: 20px;
+  bottom: 1.25rem;
   left: 15%;
-  z-index: 10;
-  padding-top: 20px;
-  padding-bottom: 20px;
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
   color: #fff;
   text-align: center;
 }
 
-.align-baseline {
-  vertical-align: baseline !important;
-}
-
-.align-top {
-  vertical-align: top !important;
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+  filter: invert(1) grayscale(100);
 }
 
-.align-middle {
-  vertical-align: middle !important;
+.carousel-dark .carousel-indicators [data-bs-target] {
+  background-color: #000;
 }
 
-.align-bottom {
-  vertical-align: bottom !important;
+.carousel-dark .carousel-caption {
+  color: #000;
 }
 
-.align-text-bottom {
-  vertical-align: text-bottom !important;
+@keyframes spinner-border {
+  to {
+    transform: rotate(360deg);
+    /* rtl:ignore */
+  }
 }
 
-.align-text-top {
-  vertical-align: text-top !important;
+.spinner-border {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  border: 0.25em solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: 0.75s linear infinite spinner-border;
 }
 
-.bg-primary {
-  background-color: #07689f !important;
+.spinner-border-sm {
+  width: 1rem;
+  height: 1rem;
+  border-width: 0.2em;
 }
 
-a.bg-primary:hover,
-a.bg-primary:focus,
-button.bg-primary:hover,
-button.bg-primary:focus {
-  background-color: #05486e !important;
-}
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
 
-.bg-secondary {
-  background-color: #c9d6df !important;
+  50% {
+    opacity: 1;
+    transform: none;
+  }
 }
 
-a.bg-secondary:hover,
-a.bg-secondary:focus,
-button.bg-secondary:hover,
-button.bg-secondary:focus {
-  background-color: #a9becc !important;
+.spinner-grow {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  background-color: currentColor;
+  border-radius: 50%;
+  opacity: 0;
+  animation: 0.75s linear infinite spinner-grow;
 }
 
-.bg-success {
-  background-color: #11d3bc !important;
+.spinner-grow-sm {
+  width: 1rem;
+  height: 1rem;
 }
 
-a.bg-success:hover,
-a.bg-success:focus,
-button.bg-success:hover,
-button.bg-success:focus {
-  background-color: #0da492 !important;
+@media (prefers-reduced-motion: reduce) {
+  .spinner-border,
+  .spinner-grow {
+    animation-duration: 1.5s;
+  }
 }
 
-.bg-info {
-  background-color: #a2d5f2 !important;
+.offcanvas {
+  position: fixed;
+  bottom: 0;
+  z-index: 1050;
+  display: flex;
+  flex-direction: column;
+  max-width: 100%;
+  visibility: hidden;
+  background-color: #fff;
+  background-clip: padding-box;
+  outline: 0;
+  transition: transform 0.3s ease-in-out;
 }
 
-a.bg-info:hover,
-a.bg-info:focus,
-button.bg-info:hover,
-button.bg-info:focus {
-  background-color: #75c1ec !important;
+@media (prefers-reduced-motion: reduce) {
+  .offcanvas {
+    transition: none;
+  }
 }
 
-.bg-warning {
-  background-color: #ff7e67 !important;
+.offcanvas-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem 1rem;
 }
 
-a.bg-warning:hover,
-a.bg-warning:focus,
-button.bg-warning:hover,
-button.bg-warning:focus {
-  background-color: #ff5334 !important;
+.offcanvas-header .btn-close {
+  padding: 0.5rem 0.5rem;
+  margin: -0.5rem -0.5rem -0.5rem auto;
 }
 
-.bg-danger {
-  background-color: #f67280 !important;
+.offcanvas-title {
+  margin-bottom: 0;
+  line-height: 1.5;
 }
 
-a.bg-danger:hover,
-a.bg-danger:focus,
-button.bg-danger:hover,
-button.bg-danger:focus {
-  background-color: #f34255 !important;
+.offcanvas-body {
+  flex-grow: 1;
+  padding: 1rem 1rem;
+  overflow-y: auto;
 }
 
-.bg-light {
-  background-color: #fafafa !important;
+.offcanvas-start {
+  top: 0;
+  left: 0;
+  width: 400px;
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
+  transform: translateX(-100%);
 }
 
-a.bg-light:hover,
-a.bg-light:focus,
-button.bg-light:hover,
-button.bg-light:focus {
-  background-color: #e1e1e1 !important;
+.offcanvas-end {
+  top: 0;
+  right: 0;
+  width: 400px;
+  border-left: 1px solid rgba(0, 0, 0, 0.2);
+  transform: translateX(100%);
 }
 
-.bg-dark {
-  background-color: #4e4e4e !important;
+.offcanvas-top {
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 30vh;
+  max-height: 100%;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  transform: translateY(-100%);
 }
 
-a.bg-dark:hover,
-a.bg-dark:focus,
-button.bg-dark:hover,
-button.bg-dark:focus {
-  background-color: #353535 !important;
+.offcanvas-bottom {
+  right: 0;
+  left: 0;
+  height: 30vh;
+  max-height: 100%;
+  border-top: 1px solid rgba(0, 0, 0, 0.2);
+  transform: translateY(100%);
 }
 
-.bg-white {
-  background-color: #fff !important;
+.offcanvas.show {
+  transform: none;
 }
 
-.bg-transparent {
-  background-color: transparent !important;
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: '';
 }
 
-.border {
-  border: 1px solid #dee2e6 !important;
+.link-primary {
+  color: #07689f;
 }
 
-.border-top {
-  border-top: 1px solid #dee2e6 !important;
+.link-primary:hover,
+.link-primary:focus {
+  color: #06537f;
 }
 
-.border-right {
-  border-right: 1px solid #dee2e6 !important;
+.link-secondary {
+  color: #c9d6df;
 }
 
-.border-bottom {
-  border-bottom: 1px solid #dee2e6 !important;
+.link-secondary:hover,
+.link-secondary:focus {
+  color: #d4dee5;
 }
 
-.border-left {
-  border-left: 1px solid #dee2e6 !important;
+.link-success {
+  color: #11d3bc;
 }
 
-.border-0 {
-  border: 0 !important;
+.link-success:hover,
+.link-success:focus {
+  color: #41dcc9;
 }
 
-.border-top-0 {
-  border-top: 0 !important;
+.link-info {
+  color: #a2d5f2;
 }
 
-.border-right-0 {
-  border-right: 0 !important;
+.link-info:hover,
+.link-info:focus {
+  color: #b5ddf5;
 }
 
-.border-bottom-0 {
-  border-bottom: 0 !important;
+.link-warning {
+  color: #ff7e67;
 }
 
-.border-left-0 {
-  border-left: 0 !important;
+.link-warning:hover,
+.link-warning:focus {
+  color: #ff9885;
 }
 
-.border-primary {
-  border-color: #07689f !important;
+.link-danger {
+  color: #f67280;
 }
 
-.border-secondary {
-  border-color: #c9d6df !important;
+.link-danger:hover,
+.link-danger:focus {
+  color: #f88e99;
 }
 
-.border-success {
-  border-color: #11d3bc !important;
+.link-light {
+  color: #fafafa;
 }
 
-.border-info {
-  border-color: #a2d5f2 !important;
+.link-light:hover,
+.link-light:focus {
+  color: #fbfbfb;
 }
 
-.border-warning {
-  border-color: #ff7e67 !important;
+.link-dark {
+  color: #4e4e4e;
 }
 
-.border-danger {
-  border-color: #f67280 !important;
+.link-dark:hover,
+.link-dark:focus {
+  color: #3e3e3e;
 }
 
-.border-light {
-  border-color: #fafafa !important;
+.ratio {
+  position: relative;
+  width: 100%;
 }
 
-.border-dark {
-  border-color: #4e4e4e !important;
+.ratio::before {
+  display: block;
+  padding-top: var(--bs-aspect-ratio);
+  content: '';
 }
 
-.border-white {
-  border-color: #fff !important;
+.ratio > * {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
 }
 
-.rounded {
-  border-radius: 0.25rem !important;
+.ratio-1x1 {
+  --bs-aspect-ratio: 100%;
 }
 
-.rounded-top {
-  border-top-left-radius: 0.25rem !important;
-  border-top-right-radius: 0.25rem !important;
+.ratio-4x3 {
+  --bs-aspect-ratio: calc(3 / 4 * 100%);
 }
 
-.rounded-right {
-  border-top-right-radius: 0.25rem !important;
-  border-bottom-right-radius: 0.25rem !important;
+.ratio-16x9 {
+  --bs-aspect-ratio: calc(9 / 16 * 100%);
 }
 
-.rounded-bottom {
-  border-bottom-right-radius: 0.25rem !important;
-  border-bottom-left-radius: 0.25rem !important;
+.ratio-21x9 {
+  --bs-aspect-ratio: calc(9 / 21 * 100%);
 }
 
-.rounded-left {
-  border-top-left-radius: 0.25rem !important;
-  border-bottom-left-radius: 0.25rem !important;
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
 }
 
-.rounded-circle {
-  border-radius: 50% !important;
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1030;
 }
 
-.rounded-0 {
-  border-radius: 0 !important;
+.sticky-top {
+  position: sticky;
+  top: 0;
+  z-index: 1020;
 }
 
-.clearfix::after {
-  display: block;
-  clear: both;
-  content: '3';
+@media (min-width: 576px) {
+  .sticky-sm-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
 }
 
-.d-none {
-  display: none !important;
+@media (min-width: 768px) {
+  .sticky-md-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+@media (min-width: 992px) {
+  .sticky-lg-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+@media (min-width: 1200px) {
+  .sticky-xl-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+@media (min-width: 1400px) {
+  .sticky-xxl-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+}
+
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  content: '';
+}
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.align-baseline {
+  vertical-align: baseline !important;
+}
+
+.align-top {
+  vertical-align: top !important;
+}
+
+.align-middle {
+  vertical-align: middle !important;
+}
+
+.align-bottom {
+  vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+  vertical-align: text-top !important;
+}
+
+.float-start {
+  float: left !important;
+}
+
+.float-end {
+  float: right !important;
+}
+
+.float-none {
+  float: none !important;
+}
+
+.overflow-auto {
+  overflow: auto !important;
+}
+
+.overflow-hidden {
+  overflow: hidden !important;
+}
+
+.overflow-visible {
+  overflow: visible !important;
+}
+
+.overflow-scroll {
+  overflow: scroll !important;
 }
 
 .d-inline {
@@ -5371,6 +5779,10 @@ button.bg-dark:focus {
   display: block !important;
 }
 
+.d-grid {
+  display: grid !important;
+}
+
 .d-table {
   display: table !important;
 }
@@ -5391,296 +5803,347 @@ button.bg-dark:focus {
   display: inline-flex !important;
 }
 
-@media (min-width: 576px) {
-  .d-sm-none {
-    display: none !important;
-  }
+.d-none {
+  display: none !important;
+}
 
-  .d-sm-inline {
-    display: inline !important;
-  }
+.shadow {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
 
-  .d-sm-inline-block {
-    display: inline-block !important;
-  }
+.shadow-sm {
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
 
-  .d-sm-block {
-    display: block !important;
-  }
+.shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
 
-  .d-sm-table {
-    display: table !important;
-  }
+.shadow-none {
+  box-shadow: none !important;
+}
 
-  .d-sm-table-row {
-    display: table-row !important;
-  }
-
-  .d-sm-table-cell {
-    display: table-cell !important;
-  }
-
-  .d-sm-flex {
-    display: flex !important;
-  }
-
-  .d-sm-inline-flex {
-    display: inline-flex !important;
-  }
+.position-static {
+  position: static !important;
 }
 
-@media (min-width: 768px) {
-  .d-md-none {
-    display: none !important;
-  }
-
-  .d-md-inline {
-    display: inline !important;
-  }
-
-  .d-md-inline-block {
-    display: inline-block !important;
-  }
-
-  .d-md-block {
-    display: block !important;
-  }
-
-  .d-md-table {
-    display: table !important;
-  }
-
-  .d-md-table-row {
-    display: table-row !important;
-  }
-
-  .d-md-table-cell {
-    display: table-cell !important;
-  }
+.position-relative {
+  position: relative !important;
+}
 
-  .d-md-flex {
-    display: flex !important;
-  }
+.position-absolute {
+  position: absolute !important;
+}
 
-  .d-md-inline-flex {
-    display: inline-flex !important;
-  }
+.position-fixed {
+  position: fixed !important;
 }
 
-@media (min-width: 992px) {
-  .d-lg-none {
-    display: none !important;
-  }
+.position-sticky {
+  position: sticky !important;
+}
 
-  .d-lg-inline {
-    display: inline !important;
-  }
+.top-0 {
+  top: 0 !important;
+}
 
-  .d-lg-inline-block {
-    display: inline-block !important;
-  }
+.top-50 {
+  top: 50% !important;
+}
 
-  .d-lg-block {
-    display: block !important;
-  }
+.top-100 {
+  top: 100% !important;
+}
 
-  .d-lg-table {
-    display: table !important;
-  }
+.bottom-0 {
+  bottom: 0 !important;
+}
 
-  .d-lg-table-row {
-    display: table-row !important;
-  }
+.bottom-50 {
+  bottom: 50% !important;
+}
 
-  .d-lg-table-cell {
-    display: table-cell !important;
-  }
+.bottom-100 {
+  bottom: 100% !important;
+}
 
-  .d-lg-flex {
-    display: flex !important;
-  }
+.start-0 {
+  left: 0 !important;
+}
 
-  .d-lg-inline-flex {
-    display: inline-flex !important;
-  }
+.start-50 {
+  left: 50% !important;
 }
 
-@media (min-width: 1200px) {
-  .d-xl-none {
-    display: none !important;
-  }
+.start-100 {
+  left: 100% !important;
+}
 
-  .d-xl-inline {
-    display: inline !important;
-  }
+.end-0 {
+  right: 0 !important;
+}
 
-  .d-xl-inline-block {
-    display: inline-block !important;
-  }
+.end-50 {
+  right: 50% !important;
+}
 
-  .d-xl-block {
-    display: block !important;
-  }
+.end-100 {
+  right: 100% !important;
+}
 
-  .d-xl-table {
-    display: table !important;
-  }
+.translate-middle {
+  transform: translate(-50%, -50%) !important;
+}
 
-  .d-xl-table-row {
-    display: table-row !important;
-  }
+.translate-middle-x {
+  transform: translateX(-50%) !important;
+}
 
-  .d-xl-table-cell {
-    display: table-cell !important;
-  }
+.translate-middle-y {
+  transform: translateY(-50%) !important;
+}
 
-  .d-xl-flex {
-    display: flex !important;
-  }
+.border {
+  border: 1px solid #dee2e6 !important;
+}
 
-  .d-xl-inline-flex {
-    display: inline-flex !important;
-  }
+.border-0 {
+  border: 0 !important;
 }
 
-@media print {
-  .d-print-none {
-    display: none !important;
-  }
+.border-top {
+  border-top: 1px solid #dee2e6 !important;
+}
 
-  .d-print-inline {
-    display: inline !important;
-  }
+.border-top-0 {
+  border-top: 0 !important;
+}
 
-  .d-print-inline-block {
-    display: inline-block !important;
-  }
+.border-end {
+  border-right: 1px solid #dee2e6 !important;
+}
 
-  .d-print-block {
-    display: block !important;
-  }
+.border-end-0 {
+  border-right: 0 !important;
+}
 
-  .d-print-table {
-    display: table !important;
-  }
+.border-bottom {
+  border-bottom: 1px solid #dee2e6 !important;
+}
 
-  .d-print-table-row {
-    display: table-row !important;
-  }
+.border-bottom-0 {
+  border-bottom: 0 !important;
+}
 
-  .d-print-table-cell {
-    display: table-cell !important;
-  }
+.border-start {
+  border-left: 1px solid #dee2e6 !important;
+}
 
-  .d-print-flex {
-    display: flex !important;
-  }
+.border-start-0 {
+  border-left: 0 !important;
+}
 
-  .d-print-inline-flex {
-    display: inline-flex !important;
-  }
+.border-primary {
+  border-color: #07689f !important;
 }
 
-.embed-responsive {
-  position: relative;
-  display: block;
-  width: 100%;
-  padding: 0;
-  overflow: hidden;
+.border-secondary {
+  border-color: #c9d6df !important;
 }
 
-.embed-responsive::before {
-  display: block;
-  content: '%23fff';
+.border-success {
+  border-color: #11d3bc !important;
 }
 
-.embed-responsive .embed-responsive-item,
-.embed-responsive iframe,
-.embed-responsive embed,
-.embed-responsive object,
-.embed-responsive video {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: 0;
+.border-info {
+  border-color: #a2d5f2 !important;
 }
 
-.embed-responsive-21by9::before {
-  padding-top: 42.85714%;
+.border-warning {
+  border-color: #ff7e67 !important;
 }
 
-.embed-responsive-16by9::before {
-  padding-top: 56.25%;
+.border-danger {
+  border-color: #f67280 !important;
 }
 
-.embed-responsive-4by3::before {
-  padding-top: 75%;
+.border-light {
+  border-color: #fafafa !important;
 }
 
-.embed-responsive-1by1::before {
-  padding-top: 100%;
+.border-dark {
+  border-color: #4e4e4e !important;
 }
 
-.flex-row {
-  flex-direction: row !important;
+.border-white {
+  border-color: #fff !important;
 }
 
-.flex-column {
-  flex-direction: column !important;
+.border-1 {
+  border-width: 1px !important;
 }
 
-.flex-row-reverse {
-  flex-direction: row-reverse !important;
+.border-2 {
+  border-width: 2px !important;
 }
 
-.flex-column-reverse {
-  flex-direction: column-reverse !important;
+.border-3 {
+  border-width: 3px !important;
 }
 
-.flex-wrap {
-  flex-wrap: wrap !important;
+.border-4 {
+  border-width: 4px !important;
 }
 
-.flex-nowrap {
-  flex-wrap: nowrap !important;
+.border-5 {
+  border-width: 5px !important;
 }
 
-.flex-wrap-reverse {
-  flex-wrap: wrap-reverse !important;
+.w-25 {
+  width: 25% !important;
 }
 
-.flex-fill {
-  flex: 1 1 auto !important;
+.w-50 {
+  width: 50% !important;
 }
 
-.flex-grow-0 {
-  flex-grow: 0 !important;
+.w-75 {
+  width: 75% !important;
 }
 
-.flex-grow-1 {
-  flex-grow: 1 !important;
+.w-100 {
+  width: 100% !important;
 }
 
-.flex-shrink-0 {
-  flex-shrink: 0 !important;
+.w-auto {
+  width: auto !important;
 }
 
-.flex-shrink-1 {
-  flex-shrink: 1 !important;
+.mw-100 {
+  max-width: 100% !important;
 }
 
-.justify-content-start {
-  justify-content: flex-start !important;
+.vw-100 {
+  width: 100vw !important;
 }
 
-.justify-content-end {
-  justify-content: flex-end !important;
+.min-vw-100 {
+  min-width: 100vw !important;
 }
 
-.justify-content-center {
+.h-25 {
+  height: 25% !important;
+}
+
+.h-50 {
+  height: 50% !important;
+}
+
+.h-75 {
+  height: 75% !important;
+}
+
+.h-100 {
+  height: 100% !important;
+}
+
+.h-auto {
+  height: auto !important;
+}
+
+.mh-100 {
+  max-height: 100% !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.min-vh-100 {
+  min-height: 100vh !important;
+}
+
+.flex-fill {
+  flex: 1 1 auto !important;
+}
+
+.flex-row {
+  flex-direction: row !important;
+}
+
+.flex-column {
+  flex-direction: column !important;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+  flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+
+.gap-0 {
+  gap: 0 !important;
+}
+
+.gap-1 {
+  gap: 0.25rem !important;
+}
+
+.gap-2 {
+  gap: 0.5rem !important;
+}
+
+.gap-3 {
+  gap: 1rem !important;
+}
+
+.gap-4 {
+  gap: 1.5rem !important;
+}
+
+.gap-5 {
+  gap: 3rem !important;
+}
+
+.justify-content-start {
+  justify-content: flex-start !important;
+}
+
+.justify-content-end {
+  justify-content: flex-end !important;
+}
+
+.justify-content-center {
   justify-content: center !important;
 }
 
@@ -5692,6 +6155,10 @@ button.bg-dark:focus {
   justify-content: space-around !important;
 }
 
+.justify-content-evenly {
+  justify-content: space-evenly !important;
+}
+
 .align-items-start {
   align-items: flex-start !important;
 }
@@ -5760,2662 +6227,4045 @@ button.bg-dark:focus {
   align-self: stretch !important;
 }
 
-@media (min-width: 576px) {
-  .flex-sm-row {
-    flex-direction: row !important;
-  }
-
-  .flex-sm-column {
-    flex-direction: column !important;
-  }
+.order-first {
+  order: -1 !important;
+}
 
-  .flex-sm-row-reverse {
-    flex-direction: row-reverse !important;
-  }
+.order-0 {
+  order: 0 !important;
+}
 
-  .flex-sm-column-reverse {
-    flex-direction: column-reverse !important;
-  }
+.order-1 {
+  order: 1 !important;
+}
 
-  .flex-sm-wrap {
-    flex-wrap: wrap !important;
-  }
+.order-2 {
+  order: 2 !important;
+}
 
-  .flex-sm-nowrap {
-    flex-wrap: nowrap !important;
-  }
+.order-3 {
+  order: 3 !important;
+}
 
-  .flex-sm-wrap-reverse {
-    flex-wrap: wrap-reverse !important;
-  }
+.order-4 {
+  order: 4 !important;
+}
 
-  .flex-sm-fill {
-    flex: 1 1 auto !important;
-  }
+.order-5 {
+  order: 5 !important;
+}
 
-  .flex-sm-grow-0 {
-    flex-grow: 0 !important;
-  }
+.order-last {
+  order: 6 !important;
+}
 
-  .flex-sm-grow-1 {
-    flex-grow: 1 !important;
-  }
+.m-0 {
+  margin: 0 !important;
+}
 
-  .flex-sm-shrink-0 {
-    flex-shrink: 0 !important;
-  }
+.m-1 {
+  margin: 0.25rem !important;
+}
 
-  .flex-sm-shrink-1 {
-    flex-shrink: 1 !important;
-  }
+.m-2 {
+  margin: 0.5rem !important;
+}
 
-  .justify-content-sm-start {
-    justify-content: flex-start !important;
-  }
+.m-3 {
+  margin: 1rem !important;
+}
 
-  .justify-content-sm-end {
-    justify-content: flex-end !important;
-  }
+.m-4 {
+  margin: 1.5rem !important;
+}
 
-  .justify-content-sm-center {
-    justify-content: center !important;
-  }
+.m-5 {
+  margin: 3rem !important;
+}
 
-  .justify-content-sm-between {
-    justify-content: space-between !important;
-  }
+.m-auto {
+  margin: auto !important;
+}
 
-  .justify-content-sm-around {
-    justify-content: space-around !important;
-  }
+.mx-0 {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
 
-  .align-items-sm-start {
-    align-items: flex-start !important;
-  }
+.mx-1 {
+  margin-right: 0.25rem !important;
+  margin-left: 0.25rem !important;
+}
 
-  .align-items-sm-end {
-    align-items: flex-end !important;
-  }
+.mx-2 {
+  margin-right: 0.5rem !important;
+  margin-left: 0.5rem !important;
+}
 
-  .align-items-sm-center {
-    align-items: center !important;
-  }
+.mx-3 {
+  margin-right: 1rem !important;
+  margin-left: 1rem !important;
+}
 
-  .align-items-sm-baseline {
-    align-items: baseline !important;
-  }
+.mx-4 {
+  margin-right: 1.5rem !important;
+  margin-left: 1.5rem !important;
+}
 
-  .align-items-sm-stretch {
-    align-items: stretch !important;
-  }
+.mx-5 {
+  margin-right: 3rem !important;
+  margin-left: 3rem !important;
+}
 
-  .align-content-sm-start {
-    align-content: flex-start !important;
-  }
+.mx-auto {
+  margin-right: auto !important;
+  margin-left: auto !important;
+}
 
-  .align-content-sm-end {
-    align-content: flex-end !important;
-  }
+.my-0 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
 
-  .align-content-sm-center {
-    align-content: center !important;
-  }
+.my-1 {
+  margin-top: 0.25rem !important;
+  margin-bottom: 0.25rem !important;
+}
 
-  .align-content-sm-between {
-    align-content: space-between !important;
-  }
+.my-2 {
+  margin-top: 0.5rem !important;
+  margin-bottom: 0.5rem !important;
+}
 
-  .align-content-sm-around {
-    align-content: space-around !important;
-  }
+.my-3 {
+  margin-top: 1rem !important;
+  margin-bottom: 1rem !important;
+}
 
-  .align-content-sm-stretch {
-    align-content: stretch !important;
-  }
-
-  .align-self-sm-auto {
-    align-self: auto !important;
-  }
+.my-4 {
+  margin-top: 1.5rem !important;
+  margin-bottom: 1.5rem !important;
+}
 
-  .align-self-sm-start {
-    align-self: flex-start !important;
-  }
+.my-5 {
+  margin-top: 3rem !important;
+  margin-bottom: 3rem !important;
+}
 
-  .align-self-sm-end {
-    align-self: flex-end !important;
-  }
+.my-auto {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
 
-  .align-self-sm-center {
-    align-self: center !important;
-  }
+.mt-0 {
+  margin-top: 0 !important;
+}
 
-  .align-self-sm-baseline {
-    align-self: baseline !important;
-  }
+.mt-1 {
+  margin-top: 0.25rem !important;
+}
 
-  .align-self-sm-stretch {
-    align-self: stretch !important;
-  }
+.mt-2 {
+  margin-top: 0.5rem !important;
 }
 
-@media (min-width: 768px) {
-  .flex-md-row {
-    flex-direction: row !important;
-  }
+.mt-3 {
+  margin-top: 1rem !important;
+}
 
-  .flex-md-column {
-    flex-direction: column !important;
-  }
+.mt-4 {
+  margin-top: 1.5rem !important;
+}
 
-  .flex-md-row-reverse {
-    flex-direction: row-reverse !important;
-  }
+.mt-5 {
+  margin-top: 3rem !important;
+}
 
-  .flex-md-column-reverse {
-    flex-direction: column-reverse !important;
-  }
+.mt-auto {
+  margin-top: auto !important;
+}
 
-  .flex-md-wrap {
-    flex-wrap: wrap !important;
-  }
+.me-0 {
+  margin-right: 0 !important;
+}
 
-  .flex-md-nowrap {
-    flex-wrap: nowrap !important;
-  }
+.me-1 {
+  margin-right: 0.25rem !important;
+}
 
-  .flex-md-wrap-reverse {
-    flex-wrap: wrap-reverse !important;
-  }
+.me-2 {
+  margin-right: 0.5rem !important;
+}
 
-  .flex-md-fill {
-    flex: 1 1 auto !important;
-  }
+.me-3 {
+  margin-right: 1rem !important;
+}
 
-  .flex-md-grow-0 {
-    flex-grow: 0 !important;
-  }
+.me-4 {
+  margin-right: 1.5rem !important;
+}
 
-  .flex-md-grow-1 {
-    flex-grow: 1 !important;
-  }
+.me-5 {
+  margin-right: 3rem !important;
+}
 
-  .flex-md-shrink-0 {
-    flex-shrink: 0 !important;
-  }
+.me-auto {
+  margin-right: auto !important;
+}
 
-  .flex-md-shrink-1 {
-    flex-shrink: 1 !important;
-  }
+.mb-0 {
+  margin-bottom: 0 !important;
+}
 
-  .justify-content-md-start {
-    justify-content: flex-start !important;
-  }
+.mb-1 {
+  margin-bottom: 0.25rem !important;
+}
 
-  .justify-content-md-end {
-    justify-content: flex-end !important;
-  }
+.mb-2 {
+  margin-bottom: 0.5rem !important;
+}
 
-  .justify-content-md-center {
-    justify-content: center !important;
-  }
+.mb-3 {
+  margin-bottom: 1rem !important;
+}
 
-  .justify-content-md-between {
-    justify-content: space-between !important;
-  }
+.mb-4 {
+  margin-bottom: 1.5rem !important;
+}
 
-  .justify-content-md-around {
-    justify-content: space-around !important;
-  }
+.mb-5 {
+  margin-bottom: 3rem !important;
+}
 
-  .align-items-md-start {
-    align-items: flex-start !important;
-  }
+.mb-auto {
+  margin-bottom: auto !important;
+}
 
-  .align-items-md-end {
-    align-items: flex-end !important;
-  }
+.ms-0 {
+  margin-left: 0 !important;
+}
 
-  .align-items-md-center {
-    align-items: center !important;
-  }
+.ms-1 {
+  margin-left: 0.25rem !important;
+}
 
-  .align-items-md-baseline {
-    align-items: baseline !important;
-  }
+.ms-2 {
+  margin-left: 0.5rem !important;
+}
 
-  .align-items-md-stretch {
-    align-items: stretch !important;
-  }
+.ms-3 {
+  margin-left: 1rem !important;
+}
 
-  .align-content-md-start {
-    align-content: flex-start !important;
-  }
+.ms-4 {
+  margin-left: 1.5rem !important;
+}
 
-  .align-content-md-end {
-    align-content: flex-end !important;
-  }
+.ms-5 {
+  margin-left: 3rem !important;
+}
 
-  .align-content-md-center {
-    align-content: center !important;
-  }
+.ms-auto {
+  margin-left: auto !important;
+}
 
-  .align-content-md-between {
-    align-content: space-between !important;
-  }
+.p-0 {
+  padding: 0 !important;
+}
 
-  .align-content-md-around {
-    align-content: space-around !important;
-  }
+.p-1 {
+  padding: 0.25rem !important;
+}
 
-  .align-content-md-stretch {
-    align-content: stretch !important;
-  }
+.p-2 {
+  padding: 0.5rem !important;
+}
 
-  .align-self-md-auto {
-    align-self: auto !important;
-  }
+.p-3 {
+  padding: 1rem !important;
+}
 
-  .align-self-md-start {
-    align-self: flex-start !important;
-  }
+.p-4 {
+  padding: 1.5rem !important;
+}
 
-  .align-self-md-end {
-    align-self: flex-end !important;
-  }
+.p-5 {
+  padding: 3rem !important;
+}
 
-  .align-self-md-center {
-    align-self: center !important;
-  }
+.px-0 {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 
-  .align-self-md-baseline {
-    align-self: baseline !important;
-  }
+.px-1 {
+  padding-right: 0.25rem !important;
+  padding-left: 0.25rem !important;
+}
 
-  .align-self-md-stretch {
-    align-self: stretch !important;
-  }
+.px-2 {
+  padding-right: 0.5rem !important;
+  padding-left: 0.5rem !important;
 }
 
-@media (min-width: 992px) {
-  .flex-lg-row {
-    flex-direction: row !important;
-  }
+.px-3 {
+  padding-right: 1rem !important;
+  padding-left: 1rem !important;
+}
 
-  .flex-lg-column {
-    flex-direction: column !important;
-  }
+.px-4 {
+  padding-right: 1.5rem !important;
+  padding-left: 1.5rem !important;
+}
 
-  .flex-lg-row-reverse {
-    flex-direction: row-reverse !important;
-  }
+.px-5 {
+  padding-right: 3rem !important;
+  padding-left: 3rem !important;
+}
 
-  .flex-lg-column-reverse {
-    flex-direction: column-reverse !important;
-  }
+.py-0 {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
 
-  .flex-lg-wrap {
-    flex-wrap: wrap !important;
-  }
+.py-1 {
+  padding-top: 0.25rem !important;
+  padding-bottom: 0.25rem !important;
+}
 
-  .flex-lg-nowrap {
-    flex-wrap: nowrap !important;
-  }
-
-  .flex-lg-wrap-reverse {
-    flex-wrap: wrap-reverse !important;
-  }
+.py-2 {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+}
 
-  .flex-lg-fill {
-    flex: 1 1 auto !important;
-  }
+.py-3 {
+  padding-top: 1rem !important;
+  padding-bottom: 1rem !important;
+}
 
-  .flex-lg-grow-0 {
-    flex-grow: 0 !important;
-  }
+.py-4 {
+  padding-top: 1.5rem !important;
+  padding-bottom: 1.5rem !important;
+}
 
-  .flex-lg-grow-1 {
-    flex-grow: 1 !important;
-  }
+.py-5 {
+  padding-top: 3rem !important;
+  padding-bottom: 3rem !important;
+}
 
-  .flex-lg-shrink-0 {
-    flex-shrink: 0 !important;
-  }
+.pt-0 {
+  padding-top: 0 !important;
+}
 
-  .flex-lg-shrink-1 {
-    flex-shrink: 1 !important;
-  }
+.pt-1 {
+  padding-top: 0.25rem !important;
+}
 
-  .justify-content-lg-start {
-    justify-content: flex-start !important;
-  }
+.pt-2 {
+  padding-top: 0.5rem !important;
+}
 
-  .justify-content-lg-end {
-    justify-content: flex-end !important;
-  }
+.pt-3 {
+  padding-top: 1rem !important;
+}
 
-  .justify-content-lg-center {
-    justify-content: center !important;
-  }
+.pt-4 {
+  padding-top: 1.5rem !important;
+}
 
-  .justify-content-lg-between {
-    justify-content: space-between !important;
-  }
+.pt-5 {
+  padding-top: 3rem !important;
+}
 
-  .justify-content-lg-around {
-    justify-content: space-around !important;
-  }
+.pe-0 {
+  padding-right: 0 !important;
+}
 
-  .align-items-lg-start {
-    align-items: flex-start !important;
-  }
+.pe-1 {
+  padding-right: 0.25rem !important;
+}
 
-  .align-items-lg-end {
-    align-items: flex-end !important;
-  }
+.pe-2 {
+  padding-right: 0.5rem !important;
+}
 
-  .align-items-lg-center {
-    align-items: center !important;
-  }
+.pe-3 {
+  padding-right: 1rem !important;
+}
 
-  .align-items-lg-baseline {
-    align-items: baseline !important;
-  }
+.pe-4 {
+  padding-right: 1.5rem !important;
+}
 
-  .align-items-lg-stretch {
-    align-items: stretch !important;
-  }
+.pe-5 {
+  padding-right: 3rem !important;
+}
 
-  .align-content-lg-start {
-    align-content: flex-start !important;
-  }
+.pb-0 {
+  padding-bottom: 0 !important;
+}
 
-  .align-content-lg-end {
-    align-content: flex-end !important;
-  }
+.pb-1 {
+  padding-bottom: 0.25rem !important;
+}
 
-  .align-content-lg-center {
-    align-content: center !important;
-  }
+.pb-2 {
+  padding-bottom: 0.5rem !important;
+}
 
-  .align-content-lg-between {
-    align-content: space-between !important;
-  }
+.pb-3 {
+  padding-bottom: 1rem !important;
+}
 
-  .align-content-lg-around {
-    align-content: space-around !important;
-  }
+.pb-4 {
+  padding-bottom: 1.5rem !important;
+}
 
-  .align-content-lg-stretch {
-    align-content: stretch !important;
-  }
+.pb-5 {
+  padding-bottom: 3rem !important;
+}
 
-  .align-self-lg-auto {
-    align-self: auto !important;
-  }
+.ps-0 {
+  padding-left: 0 !important;
+}
 
-  .align-self-lg-start {
-    align-self: flex-start !important;
-  }
+.ps-1 {
+  padding-left: 0.25rem !important;
+}
 
-  .align-self-lg-end {
-    align-self: flex-end !important;
-  }
+.ps-2 {
+  padding-left: 0.5rem !important;
+}
 
-  .align-self-lg-center {
-    align-self: center !important;
-  }
+.ps-3 {
+  padding-left: 1rem !important;
+}
 
-  .align-self-lg-baseline {
-    align-self: baseline !important;
-  }
+.ps-4 {
+  padding-left: 1.5rem !important;
+}
 
-  .align-self-lg-stretch {
-    align-self: stretch !important;
-  }
+.ps-5 {
+  padding-left: 3rem !important;
 }
 
-@media (min-width: 1200px) {
-  .flex-xl-row {
-    flex-direction: row !important;
-  }
+.font-monospace {
+  font-family: var(--bs-font-monospace) !important;
+}
 
-  .flex-xl-column {
-    flex-direction: column !important;
-  }
+.fs-1 {
+  font-size: calc(1.375rem + 1.5vw) !important;
+}
 
-  .flex-xl-row-reverse {
-    flex-direction: row-reverse !important;
-  }
+.fs-2 {
+  font-size: calc(1.325rem + 0.9vw) !important;
+}
 
-  .flex-xl-column-reverse {
-    flex-direction: column-reverse !important;
-  }
+.fs-3 {
+  font-size: calc(1.3rem + 0.6vw) !important;
+}
 
-  .flex-xl-wrap {
-    flex-wrap: wrap !important;
-  }
+.fs-4 {
+  font-size: calc(1.275rem + 0.3vw) !important;
+}
 
-  .flex-xl-nowrap {
-    flex-wrap: nowrap !important;
-  }
+.fs-5 {
+  font-size: 1.25rem !important;
+}
 
-  .flex-xl-wrap-reverse {
-    flex-wrap: wrap-reverse !important;
-  }
+.fs-6 {
+  font-size: 1rem !important;
+}
 
-  .flex-xl-fill {
-    flex: 1 1 auto !important;
-  }
+.fst-italic {
+  font-style: italic !important;
+}
 
-  .flex-xl-grow-0 {
-    flex-grow: 0 !important;
-  }
+.fst-normal {
+  font-style: normal !important;
+}
 
-  .flex-xl-grow-1 {
-    flex-grow: 1 !important;
-  }
+.fw-light {
+  font-weight: 300 !important;
+}
 
-  .flex-xl-shrink-0 {
-    flex-shrink: 0 !important;
-  }
+.fw-lighter {
+  font-weight: lighter !important;
+}
 
-  .flex-xl-shrink-1 {
-    flex-shrink: 1 !important;
-  }
+.fw-normal {
+  font-weight: 400 !important;
+}
 
-  .justify-content-xl-start {
-    justify-content: flex-start !important;
-  }
+.fw-bold {
+  font-weight: 700 !important;
+}
 
-  .justify-content-xl-end {
-    justify-content: flex-end !important;
-  }
+.fw-bolder {
+  font-weight: bolder !important;
+}
 
-  .justify-content-xl-center {
-    justify-content: center !important;
-  }
+.lh-1 {
+  line-height: 1 !important;
+}
 
-  .justify-content-xl-between {
-    justify-content: space-between !important;
-  }
+.lh-sm {
+  line-height: 1.25 !important;
+}
 
-  .justify-content-xl-around {
-    justify-content: space-around !important;
-  }
+.lh-base {
+  line-height: 1.5 !important;
+}
 
-  .align-items-xl-start {
-    align-items: flex-start !important;
-  }
+.lh-lg {
+  line-height: 2 !important;
+}
 
-  .align-items-xl-end {
-    align-items: flex-end !important;
-  }
+.text-start {
+  text-align: left !important;
+}
 
-  .align-items-xl-center {
-    align-items: center !important;
-  }
+.text-end {
+  text-align: right !important;
+}
 
-  .align-items-xl-baseline {
-    align-items: baseline !important;
-  }
+.text-center {
+  text-align: center !important;
+}
 
-  .align-items-xl-stretch {
-    align-items: stretch !important;
-  }
+.text-decoration-none {
+  text-decoration: none !important;
+}
 
-  .align-content-xl-start {
-    align-content: flex-start !important;
-  }
+.text-decoration-underline {
+  text-decoration: underline !important;
+}
 
-  .align-content-xl-end {
-    align-content: flex-end !important;
-  }
+.text-decoration-line-through {
+  text-decoration: line-through !important;
+}
 
-  .align-content-xl-center {
-    align-content: center !important;
-  }
-
-  .align-content-xl-between {
-    align-content: space-between !important;
-  }
-
-  .align-content-xl-around {
-    align-content: space-around !important;
-  }
-
-  .align-content-xl-stretch {
-    align-content: stretch !important;
-  }
-
-  .align-self-xl-auto {
-    align-self: auto !important;
-  }
-
-  .align-self-xl-start {
-    align-self: flex-start !important;
-  }
-
-  .align-self-xl-end {
-    align-self: flex-end !important;
-  }
-
-  .align-self-xl-center {
-    align-self: center !important;
-  }
-
-  .align-self-xl-baseline {
-    align-self: baseline !important;
-  }
-
-  .align-self-xl-stretch {
-    align-self: stretch !important;
-  }
+.text-lowercase {
+  text-transform: lowercase !important;
 }
 
-.float-left {
-  float: left !important;
+.text-uppercase {
+  text-transform: uppercase !important;
 }
 
-.float-right {
-  float: right !important;
+.text-capitalize {
+  text-transform: capitalize !important;
 }
 
-.float-none {
-  float: none !important;
+.text-wrap {
+  white-space: normal !important;
 }
 
-@media (min-width: 576px) {
-  .float-sm-left {
-    float: left !important;
-  }
-
-  .float-sm-right {
-    float: right !important;
-  }
-
-  .float-sm-none {
-    float: none !important;
-  }
+.text-nowrap {
+  white-space: nowrap !important;
 }
 
-@media (min-width: 768px) {
-  .float-md-left {
-    float: left !important;
-  }
-
-  .float-md-right {
-    float: right !important;
-  }
-
-  .float-md-none {
-    float: none !important;
-  }
+.text-break {
+  word-wrap: break-word !important;
+  word-break: break-word !important;
 }
 
-@media (min-width: 992px) {
-  .float-lg-left {
-    float: left !important;
-  }
-
-  .float-lg-right {
-    float: right !important;
-  }
-
-  .float-lg-none {
-    float: none !important;
-  }
+.text-primary {
+  color: #07689f !important;
 }
 
-@media (min-width: 1200px) {
-  .float-xl-left {
-    float: left !important;
-  }
-
-  .float-xl-right {
-    float: right !important;
-  }
-
-  .float-xl-none {
-    float: none !important;
-  }
+.text-secondary {
+  color: #c9d6df !important;
 }
 
-.position-static {
-  position: static !important;
+.text-success {
+  color: #11d3bc !important;
 }
 
-.position-relative {
-  position: relative !important;
+.text-info {
+  color: #a2d5f2 !important;
 }
 
-.position-absolute {
-  position: absolute !important;
+.text-warning {
+  color: #ff7e67 !important;
 }
 
-.position-fixed {
-  position: fixed !important;
+.text-danger {
+  color: #f67280 !important;
 }
 
-.position-sticky {
-  position: sticky !important;
+.text-light {
+  color: #fafafa !important;
 }
 
-.fixed-top {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1030;
+.text-dark {
+  color: #4e4e4e !important;
 }
 
-.fixed-bottom {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1030;
+.text-white {
+  color: #fff !important;
 }
 
-@supports (position: sticky) {
-  .sticky-top {
-    position: sticky;
-    top: 0;
-    z-index: 1020;
-  }
+.text-body {
+  color: #212529 !important;
 }
 
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
+.text-muted {
+  color: #6c757d !important;
 }
 
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
-  position: static;
-  width: auto;
-  height: auto;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
+.text-black-50 {
+  color: rgba(0, 0, 0, 0.5) !important;
 }
 
-.shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+.text-white-50 {
+  color: rgba(255, 255, 255, 0.5) !important;
 }
 
-.shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+.text-reset {
+  color: inherit !important;
 }
 
-.shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+.bg-primary {
+  background-color: #07689f !important;
 }
 
-.shadow-none {
-  box-shadow: none !important;
+.bg-secondary {
+  background-color: #c9d6df !important;
 }
 
-.w-25 {
-  width: 25% !important;
+.bg-success {
+  background-color: #11d3bc !important;
 }
 
-.w-50 {
-  width: 50% !important;
+.bg-info {
+  background-color: #a2d5f2 !important;
 }
 
-.w-75 {
-  width: 75% !important;
+.bg-warning {
+  background-color: #ff7e67 !important;
 }
 
-.w-100 {
-  width: 100% !important;
+.bg-danger {
+  background-color: #f67280 !important;
 }
 
-.w-auto {
-  width: auto !important;
+.bg-light {
+  background-color: #fafafa !important;
 }
 
-.h-25 {
-  height: 25% !important;
+.bg-dark {
+  background-color: #4e4e4e !important;
 }
 
-.h-50 {
-  height: 50% !important;
+.bg-body {
+  background-color: #fff !important;
 }
 
-.h-75 {
-  height: 75% !important;
+.bg-white {
+  background-color: #fff !important;
 }
 
-.h-100 {
-  height: 100% !important;
+.bg-transparent {
+  background-color: rgba(0, 0, 0, 0) !important;
 }
 
-.h-auto {
-  height: auto !important;
+.bg-gradient {
+  background-image: var(--bs-gradient) !important;
 }
 
-.mw-100 {
-  max-width: 100% !important;
+.user-select-all {
+  user-select: all !important;
 }
 
-.mh-100 {
-  max-height: 100% !important;
+.user-select-auto {
+  user-select: auto !important;
 }
 
-.m-0 {
-  margin: 0 !important;
+.user-select-none {
+  user-select: none !important;
 }
 
-.mt-0,
-.my-0 {
-  margin-top: 0 !important;
+.pe-none {
+  pointer-events: none !important;
 }
 
-.mr-0,
-.mx-0 {
-  margin-right: 0 !important;
+.pe-auto {
+  pointer-events: auto !important;
 }
 
-.mb-0,
-.my-0 {
-  margin-bottom: 0 !important;
+.rounded {
+  border-radius: 0.25rem !important;
 }
 
-.ml-0,
-.mx-0 {
-  margin-left: 0 !important;
+.rounded-0 {
+  border-radius: 0 !important;
 }
 
-.m-1 {
-  margin: 0.25rem !important;
+.rounded-1 {
+  border-radius: 0.2rem !important;
 }
 
-.mt-1,
-.my-1 {
-  margin-top: 0.25rem !important;
+.rounded-2 {
+  border-radius: 0.25rem !important;
 }
 
-.mr-1,
-.mx-1 {
-  margin-right: 0.25rem !important;
+.rounded-3 {
+  border-radius: 0.3rem !important;
 }
 
-.mb-1,
-.my-1 {
-  margin-bottom: 0.25rem !important;
+.rounded-circle {
+  border-radius: 50% !important;
 }
 
-.ml-1,
-.mx-1 {
-  margin-left: 0.25rem !important;
+.rounded-pill {
+  border-radius: 50rem !important;
 }
 
-.m-2 {
-  margin: 0.5rem !important;
+.rounded-top {
+  border-top-left-radius: 0.25rem !important;
+  border-top-right-radius: 0.25rem !important;
 }
 
-.mt-2,
-.my-2 {
-  margin-top: 0.5rem !important;
+.rounded-end {
+  border-top-right-radius: 0.25rem !important;
+  border-bottom-right-radius: 0.25rem !important;
 }
 
-.mr-2,
-.mx-2 {
-  margin-right: 0.5rem !important;
+.rounded-bottom {
+  border-bottom-right-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
 }
 
-.mb-2,
-.my-2 {
-  margin-bottom: 0.5rem !important;
+.rounded-start {
+  border-bottom-left-radius: 0.25rem !important;
+  border-top-left-radius: 0.25rem !important;
 }
 
-.ml-2,
-.mx-2 {
-  margin-left: 0.5rem !important;
+.visible {
+  visibility: visible !important;
 }
 
-.m-3 {
-  margin: 1rem !important;
+.invisible {
+  visibility: hidden !important;
 }
 
-.mt-3,
-.my-3 {
-  margin-top: 1rem !important;
-}
+@media (min-width: 576px) {
+  .float-sm-start {
+    float: left !important;
+  }
 
-.mr-3,
-.mx-3 {
-  margin-right: 1rem !important;
-}
+  .float-sm-end {
+    float: right !important;
+  }
 
-.mb-3,
-.my-3 {
-  margin-bottom: 1rem !important;
-}
+  .float-sm-none {
+    float: none !important;
+  }
 
-.ml-3,
-.mx-3 {
-  margin-left: 1rem !important;
-}
+  .d-sm-inline {
+    display: inline !important;
+  }
 
-.m-4 {
-  margin: 1.5rem !important;
-}
+  .d-sm-inline-block {
+    display: inline-block !important;
+  }
 
-.mt-4,
-.my-4 {
-  margin-top: 1.5rem !important;
-}
+  .d-sm-block {
+    display: block !important;
+  }
 
-.mr-4,
-.mx-4 {
-  margin-right: 1.5rem !important;
-}
+  .d-sm-grid {
+    display: grid !important;
+  }
 
-.mb-4,
-.my-4 {
-  margin-bottom: 1.5rem !important;
-}
+  .d-sm-table {
+    display: table !important;
+  }
 
-.ml-4,
-.mx-4 {
-  margin-left: 1.5rem !important;
-}
+  .d-sm-table-row {
+    display: table-row !important;
+  }
 
-.m-5 {
-  margin: 3rem !important;
-}
+  .d-sm-table-cell {
+    display: table-cell !important;
+  }
 
-.mt-5,
-.my-5 {
-  margin-top: 3rem !important;
-}
+  .d-sm-flex {
+    display: flex !important;
+  }
 
-.mr-5,
-.mx-5 {
-  margin-right: 3rem !important;
-}
+  .d-sm-inline-flex {
+    display: inline-flex !important;
+  }
 
-.mb-5,
-.my-5 {
-  margin-bottom: 3rem !important;
-}
+  .d-sm-none {
+    display: none !important;
+  }
 
-.ml-5,
-.mx-5 {
-  margin-left: 3rem !important;
-}
+  .flex-sm-fill {
+    flex: 1 1 auto !important;
+  }
 
-.p-0 {
-  padding: 0 !important;
-}
+  .flex-sm-row {
+    flex-direction: row !important;
+  }
 
-.pt-0,
-.py-0 {
-  padding-top: 0 !important;
-}
+  .flex-sm-column {
+    flex-direction: column !important;
+  }
 
-.pr-0,
-.px-0 {
-  padding-right: 0 !important;
-}
+  .flex-sm-row-reverse {
+    flex-direction: row-reverse !important;
+  }
 
-.pb-0,
-.py-0 {
-  padding-bottom: 0 !important;
-}
+  .flex-sm-column-reverse {
+    flex-direction: column-reverse !important;
+  }
 
-.pl-0,
-.px-0 {
-  padding-left: 0 !important;
-}
+  .flex-sm-grow-0 {
+    flex-grow: 0 !important;
+  }
 
-.p-1 {
-  padding: 0.25rem !important;
-}
+  .flex-sm-grow-1 {
+    flex-grow: 1 !important;
+  }
 
-.pt-1,
-.py-1 {
-  padding-top: 0.25rem !important;
-}
+  .flex-sm-shrink-0 {
+    flex-shrink: 0 !important;
+  }
 
-.pr-1,
-.px-1 {
-  padding-right: 0.25rem !important;
-}
+  .flex-sm-shrink-1 {
+    flex-shrink: 1 !important;
+  }
 
-.pb-1,
-.py-1 {
-  padding-bottom: 0.25rem !important;
-}
+  .flex-sm-wrap {
+    flex-wrap: wrap !important;
+  }
 
-.pl-1,
-.px-1 {
-  padding-left: 0.25rem !important;
-}
+  .flex-sm-nowrap {
+    flex-wrap: nowrap !important;
+  }
 
-.p-2 {
-  padding: 0.5rem !important;
-}
+  .flex-sm-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
 
-.pt-2,
-.py-2 {
-  padding-top: 0.5rem !important;
-}
+  .gap-sm-0 {
+    gap: 0 !important;
+  }
 
-.pr-2,
-.px-2 {
-  padding-right: 0.5rem !important;
-}
+  .gap-sm-1 {
+    gap: 0.25rem !important;
+  }
+
+  .gap-sm-2 {
+    gap: 0.5rem !important;
+  }
+
+  .gap-sm-3 {
+    gap: 1rem !important;
+  }
+
+  .gap-sm-4 {
+    gap: 1.5rem !important;
+  }
+
+  .gap-sm-5 {
+    gap: 3rem !important;
+  }
+
+  .justify-content-sm-start {
+    justify-content: flex-start !important;
+  }
+
+  .justify-content-sm-end {
+    justify-content: flex-end !important;
+  }
+
+  .justify-content-sm-center {
+    justify-content: center !important;
+  }
+
+  .justify-content-sm-between {
+    justify-content: space-between !important;
+  }
+
+  .justify-content-sm-around {
+    justify-content: space-around !important;
+  }
+
+  .justify-content-sm-evenly {
+    justify-content: space-evenly !important;
+  }
+
+  .align-items-sm-start {
+    align-items: flex-start !important;
+  }
+
+  .align-items-sm-end {
+    align-items: flex-end !important;
+  }
+
+  .align-items-sm-center {
+    align-items: center !important;
+  }
+
+  .align-items-sm-baseline {
+    align-items: baseline !important;
+  }
+
+  .align-items-sm-stretch {
+    align-items: stretch !important;
+  }
+
+  .align-content-sm-start {
+    align-content: flex-start !important;
+  }
+
+  .align-content-sm-end {
+    align-content: flex-end !important;
+  }
+
+  .align-content-sm-center {
+    align-content: center !important;
+  }
+
+  .align-content-sm-between {
+    align-content: space-between !important;
+  }
+
+  .align-content-sm-around {
+    align-content: space-around !important;
+  }
+
+  .align-content-sm-stretch {
+    align-content: stretch !important;
+  }
+
+  .align-self-sm-auto {
+    align-self: auto !important;
+  }
+
+  .align-self-sm-start {
+    align-self: flex-start !important;
+  }
+
+  .align-self-sm-end {
+    align-self: flex-end !important;
+  }
+
+  .align-self-sm-center {
+    align-self: center !important;
+  }
+
+  .align-self-sm-baseline {
+    align-self: baseline !important;
+  }
+
+  .align-self-sm-stretch {
+    align-self: stretch !important;
+  }
+
+  .order-sm-first {
+    order: -1 !important;
+  }
+
+  .order-sm-0 {
+    order: 0 !important;
+  }
+
+  .order-sm-1 {
+    order: 1 !important;
+  }
+
+  .order-sm-2 {
+    order: 2 !important;
+  }
+
+  .order-sm-3 {
+    order: 3 !important;
+  }
+
+  .order-sm-4 {
+    order: 4 !important;
+  }
+
+  .order-sm-5 {
+    order: 5 !important;
+  }
+
+  .order-sm-last {
+    order: 6 !important;
+  }
+
+  .m-sm-0 {
+    margin: 0 !important;
+  }
+
+  .m-sm-1 {
+    margin: 0.25rem !important;
+  }
+
+  .m-sm-2 {
+    margin: 0.5rem !important;
+  }
+
+  .m-sm-3 {
+    margin: 1rem !important;
+  }
+
+  .m-sm-4 {
+    margin: 1.5rem !important;
+  }
+
+  .m-sm-5 {
+    margin: 3rem !important;
+  }
+
+  .m-sm-auto {
+    margin: auto !important;
+  }
+
+  .mx-sm-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+
+  .mx-sm-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+
+  .mx-sm-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+
+  .mx-sm-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+
+  .mx-sm-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+
+  .mx-sm-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+
+  .mx-sm-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+
+  .my-sm-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+
+  .my-sm-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+
+  .my-sm-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+
+  .my-sm-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+
+  .my-sm-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+
+  .my-sm-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+
+  .my-sm-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+
+  .mt-sm-0 {
+    margin-top: 0 !important;
+  }
+
+  .mt-sm-1 {
+    margin-top: 0.25rem !important;
+  }
+
+  .mt-sm-2 {
+    margin-top: 0.5rem !important;
+  }
+
+  .mt-sm-3 {
+    margin-top: 1rem !important;
+  }
+
+  .mt-sm-4 {
+    margin-top: 1.5rem !important;
+  }
+
+  .mt-sm-5 {
+    margin-top: 3rem !important;
+  }
+
+  .mt-sm-auto {
+    margin-top: auto !important;
+  }
+
+  .me-sm-0 {
+    margin-right: 0 !important;
+  }
+
+  .me-sm-1 {
+    margin-right: 0.25rem !important;
+  }
+
+  .me-sm-2 {
+    margin-right: 0.5rem !important;
+  }
+
+  .me-sm-3 {
+    margin-right: 1rem !important;
+  }
+
+  .me-sm-4 {
+    margin-right: 1.5rem !important;
+  }
+
+  .me-sm-5 {
+    margin-right: 3rem !important;
+  }
+
+  .me-sm-auto {
+    margin-right: auto !important;
+  }
+
+  .mb-sm-0 {
+    margin-bottom: 0 !important;
+  }
+
+  .mb-sm-1 {
+    margin-bottom: 0.25rem !important;
+  }
+
+  .mb-sm-2 {
+    margin-bottom: 0.5rem !important;
+  }
+
+  .mb-sm-3 {
+    margin-bottom: 1rem !important;
+  }
+
+  .mb-sm-4 {
+    margin-bottom: 1.5rem !important;
+  }
+
+  .mb-sm-5 {
+    margin-bottom: 3rem !important;
+  }
+
+  .mb-sm-auto {
+    margin-bottom: auto !important;
+  }
+
+  .ms-sm-0 {
+    margin-left: 0 !important;
+  }
+
+  .ms-sm-1 {
+    margin-left: 0.25rem !important;
+  }
+
+  .ms-sm-2 {
+    margin-left: 0.5rem !important;
+  }
+
+  .ms-sm-3 {
+    margin-left: 1rem !important;
+  }
+
+  .ms-sm-4 {
+    margin-left: 1.5rem !important;
+  }
+
+  .ms-sm-5 {
+    margin-left: 3rem !important;
+  }
+
+  .ms-sm-auto {
+    margin-left: auto !important;
+  }
+
+  .p-sm-0 {
+    padding: 0 !important;
+  }
+
+  .p-sm-1 {
+    padding: 0.25rem !important;
+  }
+
+  .p-sm-2 {
+    padding: 0.5rem !important;
+  }
+
+  .p-sm-3 {
+    padding: 1rem !important;
+  }
+
+  .p-sm-4 {
+    padding: 1.5rem !important;
+  }
+
+  .p-sm-5 {
+    padding: 3rem !important;
+  }
+
+  .px-sm-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+
+  .px-sm-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+
+  .px-sm-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+
+  .px-sm-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+
+  .px-sm-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+
+  .px-sm-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+
+  .py-sm-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+
+  .py-sm-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+
+  .py-sm-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+
+  .py-sm-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+
+  .py-sm-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+
+  .py-sm-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+
+  .pt-sm-0 {
+    padding-top: 0 !important;
+  }
+
+  .pt-sm-1 {
+    padding-top: 0.25rem !important;
+  }
+
+  .pt-sm-2 {
+    padding-top: 0.5rem !important;
+  }
+
+  .pt-sm-3 {
+    padding-top: 1rem !important;
+  }
+
+  .pt-sm-4 {
+    padding-top: 1.5rem !important;
+  }
+
+  .pt-sm-5 {
+    padding-top: 3rem !important;
+  }
+
+  .pe-sm-0 {
+    padding-right: 0 !important;
+  }
+
+  .pe-sm-1 {
+    padding-right: 0.25rem !important;
+  }
+
+  .pe-sm-2 {
+    padding-right: 0.5rem !important;
+  }
+
+  .pe-sm-3 {
+    padding-right: 1rem !important;
+  }
+
+  .pe-sm-4 {
+    padding-right: 1.5rem !important;
+  }
+
+  .pe-sm-5 {
+    padding-right: 3rem !important;
+  }
+
+  .pb-sm-0 {
+    padding-bottom: 0 !important;
+  }
+
+  .pb-sm-1 {
+    padding-bottom: 0.25rem !important;
+  }
+
+  .pb-sm-2 {
+    padding-bottom: 0.5rem !important;
+  }
+
+  .pb-sm-3 {
+    padding-bottom: 1rem !important;
+  }
+
+  .pb-sm-4 {
+    padding-bottom: 1.5rem !important;
+  }
+
+  .pb-sm-5 {
+    padding-bottom: 3rem !important;
+  }
+
+  .ps-sm-0 {
+    padding-left: 0 !important;
+  }
+
+  .ps-sm-1 {
+    padding-left: 0.25rem !important;
+  }
+
+  .ps-sm-2 {
+    padding-left: 0.5rem !important;
+  }
+
+  .ps-sm-3 {
+    padding-left: 1rem !important;
+  }
+
+  .ps-sm-4 {
+    padding-left: 1.5rem !important;
+  }
+
+  .ps-sm-5 {
+    padding-left: 3rem !important;
+  }
+
+  .text-sm-start {
+    text-align: left !important;
+  }
+
+  .text-sm-end {
+    text-align: right !important;
+  }
+
+  .text-sm-center {
+    text-align: center !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .float-md-start {
+    float: left !important;
+  }
+
+  .float-md-end {
+    float: right !important;
+  }
+
+  .float-md-none {
+    float: none !important;
+  }
+
+  .d-md-inline {
+    display: inline !important;
+  }
+
+  .d-md-inline-block {
+    display: inline-block !important;
+  }
+
+  .d-md-block {
+    display: block !important;
+  }
+
+  .d-md-grid {
+    display: grid !important;
+  }
+
+  .d-md-table {
+    display: table !important;
+  }
+
+  .d-md-table-row {
+    display: table-row !important;
+  }
+
+  .d-md-table-cell {
+    display: table-cell !important;
+  }
+
+  .d-md-flex {
+    display: flex !important;
+  }
+
+  .d-md-inline-flex {
+    display: inline-flex !important;
+  }
+
+  .d-md-none {
+    display: none !important;
+  }
+
+  .flex-md-fill {
+    flex: 1 1 auto !important;
+  }
+
+  .flex-md-row {
+    flex-direction: row !important;
+  }
+
+  .flex-md-column {
+    flex-direction: column !important;
+  }
+
+  .flex-md-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+
+  .flex-md-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+
+  .flex-md-grow-0 {
+    flex-grow: 0 !important;
+  }
+
+  .flex-md-grow-1 {
+    flex-grow: 1 !important;
+  }
+
+  .flex-md-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+
+  .flex-md-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+
+  .flex-md-wrap {
+    flex-wrap: wrap !important;
+  }
+
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important;
+  }
+
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+
+  .gap-md-0 {
+    gap: 0 !important;
+  }
+
+  .gap-md-1 {
+    gap: 0.25rem !important;
+  }
+
+  .gap-md-2 {
+    gap: 0.5rem !important;
+  }
+
+  .gap-md-3 {
+    gap: 1rem !important;
+  }
+
+  .gap-md-4 {
+    gap: 1.5rem !important;
+  }
+
+  .gap-md-5 {
+    gap: 3rem !important;
+  }
+
+  .justify-content-md-start {
+    justify-content: flex-start !important;
+  }
+
+  .justify-content-md-end {
+    justify-content: flex-end !important;
+  }
+
+  .justify-content-md-center {
+    justify-content: center !important;
+  }
+
+  .justify-content-md-between {
+    justify-content: space-between !important;
+  }
+
+  .justify-content-md-around {
+    justify-content: space-around !important;
+  }
+
+  .justify-content-md-evenly {
+    justify-content: space-evenly !important;
+  }
+
+  .align-items-md-start {
+    align-items: flex-start !important;
+  }
+
+  .align-items-md-end {
+    align-items: flex-end !important;
+  }
+
+  .align-items-md-center {
+    align-items: center !important;
+  }
+
+  .align-items-md-baseline {
+    align-items: baseline !important;
+  }
+
+  .align-items-md-stretch {
+    align-items: stretch !important;
+  }
+
+  .align-content-md-start {
+    align-content: flex-start !important;
+  }
+
+  .align-content-md-end {
+    align-content: flex-end !important;
+  }
+
+  .align-content-md-center {
+    align-content: center !important;
+  }
+
+  .align-content-md-between {
+    align-content: space-between !important;
+  }
+
+  .align-content-md-around {
+    align-content: space-around !important;
+  }
+
+  .align-content-md-stretch {
+    align-content: stretch !important;
+  }
+
+  .align-self-md-auto {
+    align-self: auto !important;
+  }
+
+  .align-self-md-start {
+    align-self: flex-start !important;
+  }
+
+  .align-self-md-end {
+    align-self: flex-end !important;
+  }
+
+  .align-self-md-center {
+    align-self: center !important;
+  }
+
+  .align-self-md-baseline {
+    align-self: baseline !important;
+  }
+
+  .align-self-md-stretch {
+    align-self: stretch !important;
+  }
+
+  .order-md-first {
+    order: -1 !important;
+  }
+
+  .order-md-0 {
+    order: 0 !important;
+  }
+
+  .order-md-1 {
+    order: 1 !important;
+  }
+
+  .order-md-2 {
+    order: 2 !important;
+  }
+
+  .order-md-3 {
+    order: 3 !important;
+  }
+
+  .order-md-4 {
+    order: 4 !important;
+  }
+
+  .order-md-5 {
+    order: 5 !important;
+  }
+
+  .order-md-last {
+    order: 6 !important;
+  }
+
+  .m-md-0 {
+    margin: 0 !important;
+  }
+
+  .m-md-1 {
+    margin: 0.25rem !important;
+  }
+
+  .m-md-2 {
+    margin: 0.5rem !important;
+  }
+
+  .m-md-3 {
+    margin: 1rem !important;
+  }
+
+  .m-md-4 {
+    margin: 1.5rem !important;
+  }
+
+  .m-md-5 {
+    margin: 3rem !important;
+  }
+
+  .m-md-auto {
+    margin: auto !important;
+  }
+
+  .mx-md-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+
+  .mx-md-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+
+  .mx-md-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+
+  .mx-md-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+
+  .mx-md-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+
+  .mx-md-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+
+  .mx-md-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+
+  .my-md-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+
+  .my-md-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+
+  .my-md-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+
+  .my-md-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+
+  .my-md-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+
+  .my-md-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+
+  .my-md-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+
+  .mt-md-0 {
+    margin-top: 0 !important;
+  }
+
+  .mt-md-1 {
+    margin-top: 0.25rem !important;
+  }
+
+  .mt-md-2 {
+    margin-top: 0.5rem !important;
+  }
+
+  .mt-md-3 {
+    margin-top: 1rem !important;
+  }
+
+  .mt-md-4 {
+    margin-top: 1.5rem !important;
+  }
+
+  .mt-md-5 {
+    margin-top: 3rem !important;
+  }
+
+  .mt-md-auto {
+    margin-top: auto !important;
+  }
+
+  .me-md-0 {
+    margin-right: 0 !important;
+  }
+
+  .me-md-1 {
+    margin-right: 0.25rem !important;
+  }
+
+  .me-md-2 {
+    margin-right: 0.5rem !important;
+  }
+
+  .me-md-3 {
+    margin-right: 1rem !important;
+  }
+
+  .me-md-4 {
+    margin-right: 1.5rem !important;
+  }
+
+  .me-md-5 {
+    margin-right: 3rem !important;
+  }
+
+  .me-md-auto {
+    margin-right: auto !important;
+  }
+
+  .mb-md-0 {
+    margin-bottom: 0 !important;
+  }
+
+  .mb-md-1 {
+    margin-bottom: 0.25rem !important;
+  }
+
+  .mb-md-2 {
+    margin-bottom: 0.5rem !important;
+  }
+
+  .mb-md-3 {
+    margin-bottom: 1rem !important;
+  }
+
+  .mb-md-4 {
+    margin-bottom: 1.5rem !important;
+  }
+
+  .mb-md-5 {
+    margin-bottom: 3rem !important;
+  }
+
+  .mb-md-auto {
+    margin-bottom: auto !important;
+  }
+
+  .ms-md-0 {
+    margin-left: 0 !important;
+  }
+
+  .ms-md-1 {
+    margin-left: 0.25rem !important;
+  }
+
+  .ms-md-2 {
+    margin-left: 0.5rem !important;
+  }
+
+  .ms-md-3 {
+    margin-left: 1rem !important;
+  }
+
+  .ms-md-4 {
+    margin-left: 1.5rem !important;
+  }
+
+  .ms-md-5 {
+    margin-left: 3rem !important;
+  }
+
+  .ms-md-auto {
+    margin-left: auto !important;
+  }
+
+  .p-md-0 {
+    padding: 0 !important;
+  }
+
+  .p-md-1 {
+    padding: 0.25rem !important;
+  }
+
+  .p-md-2 {
+    padding: 0.5rem !important;
+  }
+
+  .p-md-3 {
+    padding: 1rem !important;
+  }
+
+  .p-md-4 {
+    padding: 1.5rem !important;
+  }
+
+  .p-md-5 {
+    padding: 3rem !important;
+  }
+
+  .px-md-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+
+  .px-md-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+
+  .px-md-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+
+  .px-md-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+
+  .px-md-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
+
+  .px-md-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+
+  .py-md-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+
+  .py-md-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
+
+  .py-md-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
+
+  .py-md-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
+
+  .py-md-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+
+  .py-md-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+
+  .pt-md-0 {
+    padding-top: 0 !important;
+  }
+
+  .pt-md-1 {
+    padding-top: 0.25rem !important;
+  }
+
+  .pt-md-2 {
+    padding-top: 0.5rem !important;
+  }
+
+  .pt-md-3 {
+    padding-top: 1rem !important;
+  }
+
+  .pt-md-4 {
+    padding-top: 1.5rem !important;
+  }
+
+  .pt-md-5 {
+    padding-top: 3rem !important;
+  }
+
+  .pe-md-0 {
+    padding-right: 0 !important;
+  }
+
+  .pe-md-1 {
+    padding-right: 0.25rem !important;
+  }
+
+  .pe-md-2 {
+    padding-right: 0.5rem !important;
+  }
+
+  .pe-md-3 {
+    padding-right: 1rem !important;
+  }
+
+  .pe-md-4 {
+    padding-right: 1.5rem !important;
+  }
+
+  .pe-md-5 {
+    padding-right: 3rem !important;
+  }
+
+  .pb-md-0 {
+    padding-bottom: 0 !important;
+  }
+
+  .pb-md-1 {
+    padding-bottom: 0.25rem !important;
+  }
+
+  .pb-md-2 {
+    padding-bottom: 0.5rem !important;
+  }
+
+  .pb-md-3 {
+    padding-bottom: 1rem !important;
+  }
+
+  .pb-md-4 {
+    padding-bottom: 1.5rem !important;
+  }
+
+  .pb-md-5 {
+    padding-bottom: 3rem !important;
+  }
+
+  .ps-md-0 {
+    padding-left: 0 !important;
+  }
+
+  .ps-md-1 {
+    padding-left: 0.25rem !important;
+  }
+
+  .ps-md-2 {
+    padding-left: 0.5rem !important;
+  }
+
+  .ps-md-3 {
+    padding-left: 1rem !important;
+  }
+
+  .ps-md-4 {
+    padding-left: 1.5rem !important;
+  }
+
+  .ps-md-5 {
+    padding-left: 3rem !important;
+  }
+
+  .text-md-start {
+    text-align: left !important;
+  }
+
+  .text-md-end {
+    text-align: right !important;
+  }
+
+  .text-md-center {
+    text-align: center !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .float-lg-start {
+    float: left !important;
+  }
+
+  .float-lg-end {
+    float: right !important;
+  }
+
+  .float-lg-none {
+    float: none !important;
+  }
+
+  .d-lg-inline {
+    display: inline !important;
+  }
+
+  .d-lg-inline-block {
+    display: inline-block !important;
+  }
+
+  .d-lg-block {
+    display: block !important;
+  }
+
+  .d-lg-grid {
+    display: grid !important;
+  }
+
+  .d-lg-table {
+    display: table !important;
+  }
+
+  .d-lg-table-row {
+    display: table-row !important;
+  }
+
+  .d-lg-table-cell {
+    display: table-cell !important;
+  }
+
+  .d-lg-flex {
+    display: flex !important;
+  }
+
+  .d-lg-inline-flex {
+    display: inline-flex !important;
+  }
+
+  .d-lg-none {
+    display: none !important;
+  }
+
+  .flex-lg-fill {
+    flex: 1 1 auto !important;
+  }
+
+  .flex-lg-row {
+    flex-direction: row !important;
+  }
+
+  .flex-lg-column {
+    flex-direction: column !important;
+  }
+
+  .flex-lg-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+
+  .flex-lg-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+
+  .flex-lg-grow-0 {
+    flex-grow: 0 !important;
+  }
+
+  .flex-lg-grow-1 {
+    flex-grow: 1 !important;
+  }
+
+  .flex-lg-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+
+  .flex-lg-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+
+  .flex-lg-wrap {
+    flex-wrap: wrap !important;
+  }
+
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important;
+  }
+
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+
+  .gap-lg-0 {
+    gap: 0 !important;
+  }
+
+  .gap-lg-1 {
+    gap: 0.25rem !important;
+  }
+
+  .gap-lg-2 {
+    gap: 0.5rem !important;
+  }
+
+  .gap-lg-3 {
+    gap: 1rem !important;
+  }
+
+  .gap-lg-4 {
+    gap: 1.5rem !important;
+  }
+
+  .gap-lg-5 {
+    gap: 3rem !important;
+  }
+
+  .justify-content-lg-start {
+    justify-content: flex-start !important;
+  }
+
+  .justify-content-lg-end {
+    justify-content: flex-end !important;
+  }
+
+  .justify-content-lg-center {
+    justify-content: center !important;
+  }
+
+  .justify-content-lg-between {
+    justify-content: space-between !important;
+  }
+
+  .justify-content-lg-around {
+    justify-content: space-around !important;
+  }
+
+  .justify-content-lg-evenly {
+    justify-content: space-evenly !important;
+  }
+
+  .align-items-lg-start {
+    align-items: flex-start !important;
+  }
+
+  .align-items-lg-end {
+    align-items: flex-end !important;
+  }
+
+  .align-items-lg-center {
+    align-items: center !important;
+  }
+
+  .align-items-lg-baseline {
+    align-items: baseline !important;
+  }
+
+  .align-items-lg-stretch {
+    align-items: stretch !important;
+  }
+
+  .align-content-lg-start {
+    align-content: flex-start !important;
+  }
+
+  .align-content-lg-end {
+    align-content: flex-end !important;
+  }
+
+  .align-content-lg-center {
+    align-content: center !important;
+  }
+
+  .align-content-lg-between {
+    align-content: space-between !important;
+  }
+
+  .align-content-lg-around {
+    align-content: space-around !important;
+  }
+
+  .align-content-lg-stretch {
+    align-content: stretch !important;
+  }
+
+  .align-self-lg-auto {
+    align-self: auto !important;
+  }
+
+  .align-self-lg-start {
+    align-self: flex-start !important;
+  }
+
+  .align-self-lg-end {
+    align-self: flex-end !important;
+  }
+
+  .align-self-lg-center {
+    align-self: center !important;
+  }
+
+  .align-self-lg-baseline {
+    align-self: baseline !important;
+  }
+
+  .align-self-lg-stretch {
+    align-self: stretch !important;
+  }
+
+  .order-lg-first {
+    order: -1 !important;
+  }
+
+  .order-lg-0 {
+    order: 0 !important;
+  }
+
+  .order-lg-1 {
+    order: 1 !important;
+  }
+
+  .order-lg-2 {
+    order: 2 !important;
+  }
+
+  .order-lg-3 {
+    order: 3 !important;
+  }
+
+  .order-lg-4 {
+    order: 4 !important;
+  }
+
+  .order-lg-5 {
+    order: 5 !important;
+  }
+
+  .order-lg-last {
+    order: 6 !important;
+  }
+
+  .m-lg-0 {
+    margin: 0 !important;
+  }
+
+  .m-lg-1 {
+    margin: 0.25rem !important;
+  }
+
+  .m-lg-2 {
+    margin: 0.5rem !important;
+  }
+
+  .m-lg-3 {
+    margin: 1rem !important;
+  }
+
+  .m-lg-4 {
+    margin: 1.5rem !important;
+  }
+
+  .m-lg-5 {
+    margin: 3rem !important;
+  }
+
+  .m-lg-auto {
+    margin: auto !important;
+  }
+
+  .mx-lg-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+
+  .mx-lg-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
+  }
+
+  .mx-lg-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
+  }
+
+  .mx-lg-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
+  }
+
+  .mx-lg-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
+  }
+
+  .mx-lg-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+
+  .mx-lg-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
+  }
+
+  .my-lg-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+
+  .my-lg-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+  }
+
+  .my-lg-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+
+  .my-lg-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+  }
+
+  .my-lg-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+  }
+
+  .my-lg-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+
+  .my-lg-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+  }
+
+  .mt-lg-0 {
+    margin-top: 0 !important;
+  }
+
+  .mt-lg-1 {
+    margin-top: 0.25rem !important;
+  }
+
+  .mt-lg-2 {
+    margin-top: 0.5rem !important;
+  }
+
+  .mt-lg-3 {
+    margin-top: 1rem !important;
+  }
+
+  .mt-lg-4 {
+    margin-top: 1.5rem !important;
+  }
+
+  .mt-lg-5 {
+    margin-top: 3rem !important;
+  }
+
+  .mt-lg-auto {
+    margin-top: auto !important;
+  }
+
+  .me-lg-0 {
+    margin-right: 0 !important;
+  }
+
+  .me-lg-1 {
+    margin-right: 0.25rem !important;
+  }
+
+  .me-lg-2 {
+    margin-right: 0.5rem !important;
+  }
+
+  .me-lg-3 {
+    margin-right: 1rem !important;
+  }
+
+  .me-lg-4 {
+    margin-right: 1.5rem !important;
+  }
+
+  .me-lg-5 {
+    margin-right: 3rem !important;
+  }
+
+  .me-lg-auto {
+    margin-right: auto !important;
+  }
+
+  .mb-lg-0 {
+    margin-bottom: 0 !important;
+  }
+
+  .mb-lg-1 {
+    margin-bottom: 0.25rem !important;
+  }
+
+  .mb-lg-2 {
+    margin-bottom: 0.5rem !important;
+  }
+
+  .mb-lg-3 {
+    margin-bottom: 1rem !important;
+  }
+
+  .mb-lg-4 {
+    margin-bottom: 1.5rem !important;
+  }
+
+  .mb-lg-5 {
+    margin-bottom: 3rem !important;
+  }
+
+  .mb-lg-auto {
+    margin-bottom: auto !important;
+  }
+
+  .ms-lg-0 {
+    margin-left: 0 !important;
+  }
+
+  .ms-lg-1 {
+    margin-left: 0.25rem !important;
+  }
+
+  .ms-lg-2 {
+    margin-left: 0.5rem !important;
+  }
+
+  .ms-lg-3 {
+    margin-left: 1rem !important;
+  }
+
+  .ms-lg-4 {
+    margin-left: 1.5rem !important;
+  }
+
+  .ms-lg-5 {
+    margin-left: 3rem !important;
+  }
+
+  .ms-lg-auto {
+    margin-left: auto !important;
+  }
+
+  .p-lg-0 {
+    padding: 0 !important;
+  }
+
+  .p-lg-1 {
+    padding: 0.25rem !important;
+  }
+
+  .p-lg-2 {
+    padding: 0.5rem !important;
+  }
+
+  .p-lg-3 {
+    padding: 1rem !important;
+  }
+
+  .p-lg-4 {
+    padding: 1.5rem !important;
+  }
+
+  .p-lg-5 {
+    padding: 3rem !important;
+  }
+
+  .px-lg-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
+
+  .px-lg-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
+
+  .px-lg-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
+
+  .px-lg-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
+
+  .px-lg-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
 
-.pb-2,
-.py-2 {
-  padding-bottom: 0.5rem !important;
-}
+  .px-lg-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
 
-.pl-2,
-.px-2 {
-  padding-left: 0.5rem !important;
-}
+  .py-lg-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
 
-.p-3 {
-  padding: 1rem !important;
-}
+  .py-lg-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
 
-.pt-3,
-.py-3 {
-  padding-top: 1rem !important;
-}
+  .py-lg-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
 
-.pr-3,
-.px-3 {
-  padding-right: 1rem !important;
-}
+  .py-lg-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
 
-.pb-3,
-.py-3 {
-  padding-bottom: 1rem !important;
-}
+  .py-lg-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
 
-.pl-3,
-.px-3 {
-  padding-left: 1rem !important;
-}
+  .py-lg-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
 
-.p-4 {
-  padding: 1.5rem !important;
-}
+  .pt-lg-0 {
+    padding-top: 0 !important;
+  }
 
-.pt-4,
-.py-4 {
-  padding-top: 1.5rem !important;
-}
+  .pt-lg-1 {
+    padding-top: 0.25rem !important;
+  }
 
-.pr-4,
-.px-4 {
-  padding-right: 1.5rem !important;
-}
+  .pt-lg-2 {
+    padding-top: 0.5rem !important;
+  }
 
-.pb-4,
-.py-4 {
-  padding-bottom: 1.5rem !important;
-}
+  .pt-lg-3 {
+    padding-top: 1rem !important;
+  }
 
-.pl-4,
-.px-4 {
-  padding-left: 1.5rem !important;
-}
+  .pt-lg-4 {
+    padding-top: 1.5rem !important;
+  }
 
-.p-5 {
-  padding: 3rem !important;
-}
+  .pt-lg-5 {
+    padding-top: 3rem !important;
+  }
 
-.pt-5,
-.py-5 {
-  padding-top: 3rem !important;
-}
+  .pe-lg-0 {
+    padding-right: 0 !important;
+  }
 
-.pr-5,
-.px-5 {
-  padding-right: 3rem !important;
-}
+  .pe-lg-1 {
+    padding-right: 0.25rem !important;
+  }
 
-.pb-5,
-.py-5 {
-  padding-bottom: 3rem !important;
-}
+  .pe-lg-2 {
+    padding-right: 0.5rem !important;
+  }
 
-.pl-5,
-.px-5 {
-  padding-left: 3rem !important;
-}
+  .pe-lg-3 {
+    padding-right: 1rem !important;
+  }
 
-.m-auto {
-  margin: auto !important;
-}
+  .pe-lg-4 {
+    padding-right: 1.5rem !important;
+  }
 
-.mt-auto,
-.my-auto {
-  margin-top: auto !important;
-}
+  .pe-lg-5 {
+    padding-right: 3rem !important;
+  }
 
-.mr-auto,
-.mx-auto {
-  margin-right: auto !important;
-}
+  .pb-lg-0 {
+    padding-bottom: 0 !important;
+  }
 
-.mb-auto,
-.my-auto {
-  margin-bottom: auto !important;
-}
+  .pb-lg-1 {
+    padding-bottom: 0.25rem !important;
+  }
 
-.ml-auto,
-.mx-auto {
-  margin-left: auto !important;
-}
+  .pb-lg-2 {
+    padding-bottom: 0.5rem !important;
+  }
 
-@media (min-width: 576px) {
-  .m-sm-0 {
-    margin: 0 !important;
+  .pb-lg-3 {
+    padding-bottom: 1rem !important;
   }
 
-  .mt-sm-0,
-  .my-sm-0 {
-    margin-top: 0 !important;
+  .pb-lg-4 {
+    padding-bottom: 1.5rem !important;
   }
 
-  .mr-sm-0,
-  .mx-sm-0 {
-    margin-right: 0 !important;
+  .pb-lg-5 {
+    padding-bottom: 3rem !important;
   }
 
-  .mb-sm-0,
-  .my-sm-0 {
-    margin-bottom: 0 !important;
+  .ps-lg-0 {
+    padding-left: 0 !important;
   }
 
-  .ml-sm-0,
-  .mx-sm-0 {
-    margin-left: 0 !important;
+  .ps-lg-1 {
+    padding-left: 0.25rem !important;
   }
 
-  .m-sm-1 {
-    margin: 0.25rem !important;
+  .ps-lg-2 {
+    padding-left: 0.5rem !important;
   }
 
-  .mt-sm-1,
-  .my-sm-1 {
-    margin-top: 0.25rem !important;
+  .ps-lg-3 {
+    padding-left: 1rem !important;
   }
 
-  .mr-sm-1,
-  .mx-sm-1 {
-    margin-right: 0.25rem !important;
+  .ps-lg-4 {
+    padding-left: 1.5rem !important;
   }
 
-  .mb-sm-1,
-  .my-sm-1 {
-    margin-bottom: 0.25rem !important;
+  .ps-lg-5 {
+    padding-left: 3rem !important;
   }
 
-  .ml-sm-1,
-  .mx-sm-1 {
-    margin-left: 0.25rem !important;
+  .text-lg-start {
+    text-align: left !important;
   }
 
-  .m-sm-2 {
-    margin: 0.5rem !important;
+  .text-lg-end {
+    text-align: right !important;
   }
 
-  .mt-sm-2,
-  .my-sm-2 {
-    margin-top: 0.5rem !important;
+  .text-lg-center {
+    text-align: center !important;
   }
+}
 
-  .mr-sm-2,
-  .mx-sm-2 {
-    margin-right: 0.5rem !important;
+@media (min-width: 1200px) {
+  .float-xl-start {
+    float: left !important;
   }
 
-  .mb-sm-2,
-  .my-sm-2 {
-    margin-bottom: 0.5rem !important;
+  .float-xl-end {
+    float: right !important;
   }
 
-  .ml-sm-2,
-  .mx-sm-2 {
-    margin-left: 0.5rem !important;
+  .float-xl-none {
+    float: none !important;
   }
 
-  .m-sm-3 {
-    margin: 1rem !important;
+  .d-xl-inline {
+    display: inline !important;
   }
 
-  .mt-sm-3,
-  .my-sm-3 {
-    margin-top: 1rem !important;
+  .d-xl-inline-block {
+    display: inline-block !important;
   }
 
-  .mr-sm-3,
-  .mx-sm-3 {
-    margin-right: 1rem !important;
+  .d-xl-block {
+    display: block !important;
   }
 
-  .mb-sm-3,
-  .my-sm-3 {
-    margin-bottom: 1rem !important;
+  .d-xl-grid {
+    display: grid !important;
   }
 
-  .ml-sm-3,
-  .mx-sm-3 {
-    margin-left: 1rem !important;
+  .d-xl-table {
+    display: table !important;
   }
 
-  .m-sm-4 {
-    margin: 1.5rem !important;
+  .d-xl-table-row {
+    display: table-row !important;
   }
 
-  .mt-sm-4,
-  .my-sm-4 {
-    margin-top: 1.5rem !important;
+  .d-xl-table-cell {
+    display: table-cell !important;
   }
 
-  .mr-sm-4,
-  .mx-sm-4 {
-    margin-right: 1.5rem !important;
+  .d-xl-flex {
+    display: flex !important;
   }
 
-  .mb-sm-4,
-  .my-sm-4 {
-    margin-bottom: 1.5rem !important;
+  .d-xl-inline-flex {
+    display: inline-flex !important;
   }
 
-  .ml-sm-4,
-  .mx-sm-4 {
-    margin-left: 1.5rem !important;
+  .d-xl-none {
+    display: none !important;
   }
 
-  .m-sm-5 {
-    margin: 3rem !important;
+  .flex-xl-fill {
+    flex: 1 1 auto !important;
   }
 
-  .mt-sm-5,
-  .my-sm-5 {
-    margin-top: 3rem !important;
+  .flex-xl-row {
+    flex-direction: row !important;
   }
 
-  .mr-sm-5,
-  .mx-sm-5 {
-    margin-right: 3rem !important;
+  .flex-xl-column {
+    flex-direction: column !important;
   }
 
-  .mb-sm-5,
-  .my-sm-5 {
-    margin-bottom: 3rem !important;
+  .flex-xl-row-reverse {
+    flex-direction: row-reverse !important;
   }
 
-  .ml-sm-5,
-  .mx-sm-5 {
-    margin-left: 3rem !important;
+  .flex-xl-column-reverse {
+    flex-direction: column-reverse !important;
   }
 
-  .p-sm-0 {
-    padding: 0 !important;
+  .flex-xl-grow-0 {
+    flex-grow: 0 !important;
   }
 
-  .pt-sm-0,
-  .py-sm-0 {
-    padding-top: 0 !important;
+  .flex-xl-grow-1 {
+    flex-grow: 1 !important;
   }
 
-  .pr-sm-0,
-  .px-sm-0 {
-    padding-right: 0 !important;
+  .flex-xl-shrink-0 {
+    flex-shrink: 0 !important;
   }
 
-  .pb-sm-0,
-  .py-sm-0 {
-    padding-bottom: 0 !important;
+  .flex-xl-shrink-1 {
+    flex-shrink: 1 !important;
   }
 
-  .pl-sm-0,
-  .px-sm-0 {
-    padding-left: 0 !important;
+  .flex-xl-wrap {
+    flex-wrap: wrap !important;
   }
 
-  .p-sm-1 {
-    padding: 0.25rem !important;
+  .flex-xl-nowrap {
+    flex-wrap: nowrap !important;
   }
 
-  .pt-sm-1,
-  .py-sm-1 {
-    padding-top: 0.25rem !important;
+  .flex-xl-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
   }
 
-  .pr-sm-1,
-  .px-sm-1 {
-    padding-right: 0.25rem !important;
+  .gap-xl-0 {
+    gap: 0 !important;
   }
 
-  .pb-sm-1,
-  .py-sm-1 {
-    padding-bottom: 0.25rem !important;
+  .gap-xl-1 {
+    gap: 0.25rem !important;
   }
 
-  .pl-sm-1,
-  .px-sm-1 {
-    padding-left: 0.25rem !important;
+  .gap-xl-2 {
+    gap: 0.5rem !important;
   }
 
-  .p-sm-2 {
-    padding: 0.5rem !important;
+  .gap-xl-3 {
+    gap: 1rem !important;
   }
 
-  .pt-sm-2,
-  .py-sm-2 {
-    padding-top: 0.5rem !important;
+  .gap-xl-4 {
+    gap: 1.5rem !important;
   }
 
-  .pr-sm-2,
-  .px-sm-2 {
-    padding-right: 0.5rem !important;
+  .gap-xl-5 {
+    gap: 3rem !important;
   }
 
-  .pb-sm-2,
-  .py-sm-2 {
-    padding-bottom: 0.5rem !important;
+  .justify-content-xl-start {
+    justify-content: flex-start !important;
   }
 
-  .pl-sm-2,
-  .px-sm-2 {
-    padding-left: 0.5rem !important;
+  .justify-content-xl-end {
+    justify-content: flex-end !important;
   }
 
-  .p-sm-3 {
-    padding: 1rem !important;
+  .justify-content-xl-center {
+    justify-content: center !important;
   }
 
-  .pt-sm-3,
-  .py-sm-3 {
-    padding-top: 1rem !important;
+  .justify-content-xl-between {
+    justify-content: space-between !important;
   }
 
-  .pr-sm-3,
-  .px-sm-3 {
-    padding-right: 1rem !important;
+  .justify-content-xl-around {
+    justify-content: space-around !important;
   }
 
-  .pb-sm-3,
-  .py-sm-3 {
-    padding-bottom: 1rem !important;
+  .justify-content-xl-evenly {
+    justify-content: space-evenly !important;
   }
 
-  .pl-sm-3,
-  .px-sm-3 {
-    padding-left: 1rem !important;
+  .align-items-xl-start {
+    align-items: flex-start !important;
   }
 
-  .p-sm-4 {
-    padding: 1.5rem !important;
+  .align-items-xl-end {
+    align-items: flex-end !important;
   }
 
-  .pt-sm-4,
-  .py-sm-4 {
-    padding-top: 1.5rem !important;
+  .align-items-xl-center {
+    align-items: center !important;
   }
 
-  .pr-sm-4,
-  .px-sm-4 {
-    padding-right: 1.5rem !important;
+  .align-items-xl-baseline {
+    align-items: baseline !important;
   }
 
-  .pb-sm-4,
-  .py-sm-4 {
-    padding-bottom: 1.5rem !important;
+  .align-items-xl-stretch {
+    align-items: stretch !important;
   }
 
-  .pl-sm-4,
-  .px-sm-4 {
-    padding-left: 1.5rem !important;
+  .align-content-xl-start {
+    align-content: flex-start !important;
   }
 
-  .p-sm-5 {
-    padding: 3rem !important;
+  .align-content-xl-end {
+    align-content: flex-end !important;
   }
 
-  .pt-sm-5,
-  .py-sm-5 {
-    padding-top: 3rem !important;
+  .align-content-xl-center {
+    align-content: center !important;
   }
 
-  .pr-sm-5,
-  .px-sm-5 {
-    padding-right: 3rem !important;
+  .align-content-xl-between {
+    align-content: space-between !important;
   }
 
-  .pb-sm-5,
-  .py-sm-5 {
-    padding-bottom: 3rem !important;
+  .align-content-xl-around {
+    align-content: space-around !important;
   }
 
-  .pl-sm-5,
-  .px-sm-5 {
-    padding-left: 3rem !important;
+  .align-content-xl-stretch {
+    align-content: stretch !important;
   }
 
-  .m-sm-auto {
-    margin: auto !important;
+  .align-self-xl-auto {
+    align-self: auto !important;
   }
 
-  .mt-sm-auto,
-  .my-sm-auto {
-    margin-top: auto !important;
+  .align-self-xl-start {
+    align-self: flex-start !important;
   }
 
-  .mr-sm-auto,
-  .mx-sm-auto {
-    margin-right: auto !important;
+  .align-self-xl-end {
+    align-self: flex-end !important;
   }
 
-  .mb-sm-auto,
-  .my-sm-auto {
-    margin-bottom: auto !important;
+  .align-self-xl-center {
+    align-self: center !important;
   }
 
-  .ml-sm-auto,
-  .mx-sm-auto {
-    margin-left: auto !important;
+  .align-self-xl-baseline {
+    align-self: baseline !important;
   }
-}
 
-@media (min-width: 768px) {
-  .m-md-0 {
-    margin: 0 !important;
+  .align-self-xl-stretch {
+    align-self: stretch !important;
   }
 
-  .mt-md-0,
-  .my-md-0 {
-    margin-top: 0 !important;
+  .order-xl-first {
+    order: -1 !important;
   }
 
-  .mr-md-0,
-  .mx-md-0 {
-    margin-right: 0 !important;
+  .order-xl-0 {
+    order: 0 !important;
   }
 
-  .mb-md-0,
-  .my-md-0 {
-    margin-bottom: 0 !important;
+  .order-xl-1 {
+    order: 1 !important;
   }
 
-  .ml-md-0,
-  .mx-md-0 {
-    margin-left: 0 !important;
+  .order-xl-2 {
+    order: 2 !important;
   }
 
-  .m-md-1 {
-    margin: 0.25rem !important;
+  .order-xl-3 {
+    order: 3 !important;
   }
 
-  .mt-md-1,
-  .my-md-1 {
-    margin-top: 0.25rem !important;
+  .order-xl-4 {
+    order: 4 !important;
   }
 
-  .mr-md-1,
-  .mx-md-1 {
-    margin-right: 0.25rem !important;
+  .order-xl-5 {
+    order: 5 !important;
   }
 
-  .mb-md-1,
-  .my-md-1 {
-    margin-bottom: 0.25rem !important;
+  .order-xl-last {
+    order: 6 !important;
   }
 
-  .ml-md-1,
-  .mx-md-1 {
-    margin-left: 0.25rem !important;
+  .m-xl-0 {
+    margin: 0 !important;
   }
 
-  .m-md-2 {
-    margin: 0.5rem !important;
+  .m-xl-1 {
+    margin: 0.25rem !important;
   }
 
-  .mt-md-2,
-  .my-md-2 {
-    margin-top: 0.5rem !important;
+  .m-xl-2 {
+    margin: 0.5rem !important;
   }
 
-  .mr-md-2,
-  .mx-md-2 {
-    margin-right: 0.5rem !important;
+  .m-xl-3 {
+    margin: 1rem !important;
   }
 
-  .mb-md-2,
-  .my-md-2 {
-    margin-bottom: 0.5rem !important;
+  .m-xl-4 {
+    margin: 1.5rem !important;
   }
 
-  .ml-md-2,
-  .mx-md-2 {
-    margin-left: 0.5rem !important;
+  .m-xl-5 {
+    margin: 3rem !important;
   }
 
-  .m-md-3 {
-    margin: 1rem !important;
+  .m-xl-auto {
+    margin: auto !important;
   }
 
-  .mt-md-3,
-  .my-md-3 {
-    margin-top: 1rem !important;
+  .mx-xl-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
   }
 
-  .mr-md-3,
-  .mx-md-3 {
-    margin-right: 1rem !important;
+  .mx-xl-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
   }
 
-  .mb-md-3,
-  .my-md-3 {
-    margin-bottom: 1rem !important;
+  .mx-xl-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
   }
 
-  .ml-md-3,
-  .mx-md-3 {
+  .mx-xl-3 {
+    margin-right: 1rem !important;
     margin-left: 1rem !important;
   }
 
-  .m-md-4 {
-    margin: 1.5rem !important;
+  .mx-xl-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
   }
 
-  .mt-md-4,
-  .my-md-4 {
-    margin-top: 1.5rem !important;
+  .mx-xl-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
   }
 
-  .mr-md-4,
-  .mx-md-4 {
-    margin-right: 1.5rem !important;
+  .mx-xl-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
   }
 
-  .mb-md-4,
-  .my-md-4 {
-    margin-bottom: 1.5rem !important;
+  .my-xl-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
   }
 
-  .ml-md-4,
-  .mx-md-4 {
-    margin-left: 1.5rem !important;
+  .my-xl-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
   }
 
-  .m-md-5 {
-    margin: 3rem !important;
+  .my-xl-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
   }
 
-  .mt-md-5,
-  .my-md-5 {
-    margin-top: 3rem !important;
+  .my-xl-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
   }
 
-  .mr-md-5,
-  .mx-md-5 {
-    margin-right: 3rem !important;
+  .my-xl-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
   }
 
-  .mb-md-5,
-  .my-md-5 {
+  .my-xl-5 {
+    margin-top: 3rem !important;
     margin-bottom: 3rem !important;
   }
 
-  .ml-md-5,
-  .mx-md-5 {
-    margin-left: 3rem !important;
+  .my-xl-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
   }
 
-  .p-md-0 {
-    padding: 0 !important;
+  .mt-xl-0 {
+    margin-top: 0 !important;
   }
 
-  .pt-md-0,
-  .py-md-0 {
-    padding-top: 0 !important;
+  .mt-xl-1 {
+    margin-top: 0.25rem !important;
   }
 
-  .pr-md-0,
-  .px-md-0 {
-    padding-right: 0 !important;
+  .mt-xl-2 {
+    margin-top: 0.5rem !important;
   }
 
-  .pb-md-0,
-  .py-md-0 {
-    padding-bottom: 0 !important;
+  .mt-xl-3 {
+    margin-top: 1rem !important;
   }
 
-  .pl-md-0,
-  .px-md-0 {
-    padding-left: 0 !important;
+  .mt-xl-4 {
+    margin-top: 1.5rem !important;
   }
 
-  .p-md-1 {
-    padding: 0.25rem !important;
+  .mt-xl-5 {
+    margin-top: 3rem !important;
   }
 
-  .pt-md-1,
-  .py-md-1 {
-    padding-top: 0.25rem !important;
+  .mt-xl-auto {
+    margin-top: auto !important;
   }
 
-  .pr-md-1,
-  .px-md-1 {
-    padding-right: 0.25rem !important;
+  .me-xl-0 {
+    margin-right: 0 !important;
   }
 
-  .pb-md-1,
-  .py-md-1 {
-    padding-bottom: 0.25rem !important;
+  .me-xl-1 {
+    margin-right: 0.25rem !important;
   }
 
-  .pl-md-1,
-  .px-md-1 {
-    padding-left: 0.25rem !important;
+  .me-xl-2 {
+    margin-right: 0.5rem !important;
   }
 
-  .p-md-2 {
-    padding: 0.5rem !important;
+  .me-xl-3 {
+    margin-right: 1rem !important;
   }
 
-  .pt-md-2,
-  .py-md-2 {
-    padding-top: 0.5rem !important;
+  .me-xl-4 {
+    margin-right: 1.5rem !important;
+  }
+
+  .me-xl-5 {
+    margin-right: 3rem !important;
   }
 
-  .pr-md-2,
-  .px-md-2 {
-    padding-right: 0.5rem !important;
+  .me-xl-auto {
+    margin-right: auto !important;
   }
 
-  .pb-md-2,
-  .py-md-2 {
-    padding-bottom: 0.5rem !important;
+  .mb-xl-0 {
+    margin-bottom: 0 !important;
   }
 
-  .pl-md-2,
-  .px-md-2 {
-    padding-left: 0.5rem !important;
+  .mb-xl-1 {
+    margin-bottom: 0.25rem !important;
   }
 
-  .p-md-3 {
-    padding: 1rem !important;
+  .mb-xl-2 {
+    margin-bottom: 0.5rem !important;
   }
 
-  .pt-md-3,
-  .py-md-3 {
-    padding-top: 1rem !important;
+  .mb-xl-3 {
+    margin-bottom: 1rem !important;
   }
 
-  .pr-md-3,
-  .px-md-3 {
-    padding-right: 1rem !important;
+  .mb-xl-4 {
+    margin-bottom: 1.5rem !important;
   }
 
-  .pb-md-3,
-  .py-md-3 {
-    padding-bottom: 1rem !important;
+  .mb-xl-5 {
+    margin-bottom: 3rem !important;
   }
 
-  .pl-md-3,
-  .px-md-3 {
-    padding-left: 1rem !important;
+  .mb-xl-auto {
+    margin-bottom: auto !important;
   }
 
-  .p-md-4 {
-    padding: 1.5rem !important;
+  .ms-xl-0 {
+    margin-left: 0 !important;
   }
 
-  .pt-md-4,
-  .py-md-4 {
-    padding-top: 1.5rem !important;
+  .ms-xl-1 {
+    margin-left: 0.25rem !important;
   }
 
-  .pr-md-4,
-  .px-md-4 {
-    padding-right: 1.5rem !important;
+  .ms-xl-2 {
+    margin-left: 0.5rem !important;
   }
 
-  .pb-md-4,
-  .py-md-4 {
-    padding-bottom: 1.5rem !important;
+  .ms-xl-3 {
+    margin-left: 1rem !important;
   }
 
-  .pl-md-4,
-  .px-md-4 {
-    padding-left: 1.5rem !important;
+  .ms-xl-4 {
+    margin-left: 1.5rem !important;
   }
 
-  .p-md-5 {
-    padding: 3rem !important;
+  .ms-xl-5 {
+    margin-left: 3rem !important;
   }
 
-  .pt-md-5,
-  .py-md-5 {
-    padding-top: 3rem !important;
+  .ms-xl-auto {
+    margin-left: auto !important;
   }
 
-  .pr-md-5,
-  .px-md-5 {
-    padding-right: 3rem !important;
+  .p-xl-0 {
+    padding: 0 !important;
   }
 
-  .pb-md-5,
-  .py-md-5 {
-    padding-bottom: 3rem !important;
+  .p-xl-1 {
+    padding: 0.25rem !important;
   }
 
-  .pl-md-5,
-  .px-md-5 {
-    padding-left: 3rem !important;
+  .p-xl-2 {
+    padding: 0.5rem !important;
   }
 
-  .m-md-auto {
-    margin: auto !important;
+  .p-xl-3 {
+    padding: 1rem !important;
   }
 
-  .mt-md-auto,
-  .my-md-auto {
-    margin-top: auto !important;
+  .p-xl-4 {
+    padding: 1.5rem !important;
   }
 
-  .mr-md-auto,
-  .mx-md-auto {
-    margin-right: auto !important;
+  .p-xl-5 {
+    padding: 3rem !important;
   }
 
-  .mb-md-auto,
-  .my-md-auto {
-    margin-bottom: auto !important;
+  .px-xl-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
   }
 
-  .ml-md-auto,
-  .mx-md-auto {
-    margin-left: auto !important;
+  .px-xl-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
   }
-}
 
-@media (min-width: 992px) {
-  .m-lg-0 {
-    margin: 0 !important;
+  .px-xl-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
   }
 
-  .mt-lg-0,
-  .my-lg-0 {
-    margin-top: 0 !important;
+  .px-xl-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
   }
 
-  .mr-lg-0,
-  .mx-lg-0 {
-    margin-right: 0 !important;
+  .px-xl-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
   }
 
-  .mb-lg-0,
-  .my-lg-0 {
-    margin-bottom: 0 !important;
+  .px-xl-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
   }
 
-  .ml-lg-0,
-  .mx-lg-0 {
-    margin-left: 0 !important;
+  .py-xl-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
   }
 
-  .m-lg-1 {
-    margin: 0.25rem !important;
+  .py-xl-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
   }
 
-  .mt-lg-1,
-  .my-lg-1 {
-    margin-top: 0.25rem !important;
+  .py-xl-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
   }
 
-  .mr-lg-1,
-  .mx-lg-1 {
-    margin-right: 0.25rem !important;
+  .py-xl-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
   }
 
-  .mb-lg-1,
-  .my-lg-1 {
-    margin-bottom: 0.25rem !important;
+  .py-xl-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
   }
 
-  .ml-lg-1,
-  .mx-lg-1 {
-    margin-left: 0.25rem !important;
+  .py-xl-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
   }
 
-  .m-lg-2 {
-    margin: 0.5rem !important;
+  .pt-xl-0 {
+    padding-top: 0 !important;
   }
 
-  .mt-lg-2,
-  .my-lg-2 {
-    margin-top: 0.5rem !important;
+  .pt-xl-1 {
+    padding-top: 0.25rem !important;
   }
 
-  .mr-lg-2,
-  .mx-lg-2 {
-    margin-right: 0.5rem !important;
+  .pt-xl-2 {
+    padding-top: 0.5rem !important;
   }
 
-  .mb-lg-2,
-  .my-lg-2 {
-    margin-bottom: 0.5rem !important;
+  .pt-xl-3 {
+    padding-top: 1rem !important;
   }
 
-  .ml-lg-2,
-  .mx-lg-2 {
-    margin-left: 0.5rem !important;
+  .pt-xl-4 {
+    padding-top: 1.5rem !important;
   }
 
-  .m-lg-3 {
-    margin: 1rem !important;
+  .pt-xl-5 {
+    padding-top: 3rem !important;
   }
 
-  .mt-lg-3,
-  .my-lg-3 {
-    margin-top: 1rem !important;
+  .pe-xl-0 {
+    padding-right: 0 !important;
   }
 
-  .mr-lg-3,
-  .mx-lg-3 {
-    margin-right: 1rem !important;
+  .pe-xl-1 {
+    padding-right: 0.25rem !important;
   }
 
-  .mb-lg-3,
-  .my-lg-3 {
-    margin-bottom: 1rem !important;
+  .pe-xl-2 {
+    padding-right: 0.5rem !important;
   }
 
-  .ml-lg-3,
-  .mx-lg-3 {
-    margin-left: 1rem !important;
+  .pe-xl-3 {
+    padding-right: 1rem !important;
   }
 
-  .m-lg-4 {
-    margin: 1.5rem !important;
+  .pe-xl-4 {
+    padding-right: 1.5rem !important;
   }
 
-  .mt-lg-4,
-  .my-lg-4 {
-    margin-top: 1.5rem !important;
+  .pe-xl-5 {
+    padding-right: 3rem !important;
   }
 
-  .mr-lg-4,
-  .mx-lg-4 {
-    margin-right: 1.5rem !important;
+  .pb-xl-0 {
+    padding-bottom: 0 !important;
   }
 
-  .mb-lg-4,
-  .my-lg-4 {
-    margin-bottom: 1.5rem !important;
+  .pb-xl-1 {
+    padding-bottom: 0.25rem !important;
   }
 
-  .ml-lg-4,
-  .mx-lg-4 {
-    margin-left: 1.5rem !important;
+  .pb-xl-2 {
+    padding-bottom: 0.5rem !important;
   }
 
-  .m-lg-5 {
-    margin: 3rem !important;
+  .pb-xl-3 {
+    padding-bottom: 1rem !important;
   }
 
-  .mt-lg-5,
-  .my-lg-5 {
-    margin-top: 3rem !important;
+  .pb-xl-4 {
+    padding-bottom: 1.5rem !important;
   }
 
-  .mr-lg-5,
-  .mx-lg-5 {
-    margin-right: 3rem !important;
+  .pb-xl-5 {
+    padding-bottom: 3rem !important;
   }
 
-  .mb-lg-5,
-  .my-lg-5 {
-    margin-bottom: 3rem !important;
+  .ps-xl-0 {
+    padding-left: 0 !important;
   }
 
-  .ml-lg-5,
-  .mx-lg-5 {
-    margin-left: 3rem !important;
+  .ps-xl-1 {
+    padding-left: 0.25rem !important;
   }
 
-  .p-lg-0 {
-    padding: 0 !important;
+  .ps-xl-2 {
+    padding-left: 0.5rem !important;
   }
 
-  .pt-lg-0,
-  .py-lg-0 {
-    padding-top: 0 !important;
+  .ps-xl-3 {
+    padding-left: 1rem !important;
   }
 
-  .pr-lg-0,
-  .px-lg-0 {
-    padding-right: 0 !important;
+  .ps-xl-4 {
+    padding-left: 1.5rem !important;
   }
 
-  .pb-lg-0,
-  .py-lg-0 {
-    padding-bottom: 0 !important;
+  .ps-xl-5 {
+    padding-left: 3rem !important;
   }
 
-  .pl-lg-0,
-  .px-lg-0 {
-    padding-left: 0 !important;
+  .text-xl-start {
+    text-align: left !important;
   }
 
-  .p-lg-1 {
-    padding: 0.25rem !important;
+  .text-xl-end {
+    text-align: right !important;
   }
 
-  .pt-lg-1,
-  .py-lg-1 {
-    padding-top: 0.25rem !important;
+  .text-xl-center {
+    text-align: center !important;
   }
+}
 
-  .pr-lg-1,
-  .px-lg-1 {
-    padding-right: 0.25rem !important;
+@media (min-width: 1400px) {
+  .float-xxl-start {
+    float: left !important;
   }
 
-  .pb-lg-1,
-  .py-lg-1 {
-    padding-bottom: 0.25rem !important;
+  .float-xxl-end {
+    float: right !important;
   }
 
-  .pl-lg-1,
-  .px-lg-1 {
-    padding-left: 0.25rem !important;
+  .float-xxl-none {
+    float: none !important;
   }
 
-  .p-lg-2 {
-    padding: 0.5rem !important;
+  .d-xxl-inline {
+    display: inline !important;
   }
 
-  .pt-lg-2,
-  .py-lg-2 {
-    padding-top: 0.5rem !important;
+  .d-xxl-inline-block {
+    display: inline-block !important;
   }
 
-  .pr-lg-2,
-  .px-lg-2 {
-    padding-right: 0.5rem !important;
+  .d-xxl-block {
+    display: block !important;
   }
 
-  .pb-lg-2,
-  .py-lg-2 {
-    padding-bottom: 0.5rem !important;
+  .d-xxl-grid {
+    display: grid !important;
   }
 
-  .pl-lg-2,
-  .px-lg-2 {
-    padding-left: 0.5rem !important;
+  .d-xxl-table {
+    display: table !important;
   }
 
-  .p-lg-3 {
-    padding: 1rem !important;
+  .d-xxl-table-row {
+    display: table-row !important;
   }
 
-  .pt-lg-3,
-  .py-lg-3 {
-    padding-top: 1rem !important;
+  .d-xxl-table-cell {
+    display: table-cell !important;
   }
 
-  .pr-lg-3,
-  .px-lg-3 {
-    padding-right: 1rem !important;
+  .d-xxl-flex {
+    display: flex !important;
   }
 
-  .pb-lg-3,
-  .py-lg-3 {
-    padding-bottom: 1rem !important;
+  .d-xxl-inline-flex {
+    display: inline-flex !important;
   }
 
-  .pl-lg-3,
-  .px-lg-3 {
-    padding-left: 1rem !important;
+  .d-xxl-none {
+    display: none !important;
   }
 
-  .p-lg-4 {
-    padding: 1.5rem !important;
+  .flex-xxl-fill {
+    flex: 1 1 auto !important;
   }
 
-  .pt-lg-4,
-  .py-lg-4 {
-    padding-top: 1.5rem !important;
+  .flex-xxl-row {
+    flex-direction: row !important;
   }
 
-  .pr-lg-4,
-  .px-lg-4 {
-    padding-right: 1.5rem !important;
+  .flex-xxl-column {
+    flex-direction: column !important;
   }
 
-  .pb-lg-4,
-  .py-lg-4 {
-    padding-bottom: 1.5rem !important;
+  .flex-xxl-row-reverse {
+    flex-direction: row-reverse !important;
   }
 
-  .pl-lg-4,
-  .px-lg-4 {
-    padding-left: 1.5rem !important;
+  .flex-xxl-column-reverse {
+    flex-direction: column-reverse !important;
   }
 
-  .p-lg-5 {
-    padding: 3rem !important;
+  .flex-xxl-grow-0 {
+    flex-grow: 0 !important;
   }
 
-  .pt-lg-5,
-  .py-lg-5 {
-    padding-top: 3rem !important;
+  .flex-xxl-grow-1 {
+    flex-grow: 1 !important;
   }
 
-  .pr-lg-5,
-  .px-lg-5 {
-    padding-right: 3rem !important;
+  .flex-xxl-shrink-0 {
+    flex-shrink: 0 !important;
   }
 
-  .pb-lg-5,
-  .py-lg-5 {
-    padding-bottom: 3rem !important;
+  .flex-xxl-shrink-1 {
+    flex-shrink: 1 !important;
   }
 
-  .pl-lg-5,
-  .px-lg-5 {
-    padding-left: 3rem !important;
+  .flex-xxl-wrap {
+    flex-wrap: wrap !important;
   }
 
-  .m-lg-auto {
-    margin: auto !important;
+  .flex-xxl-nowrap {
+    flex-wrap: nowrap !important;
   }
 
-  .mt-lg-auto,
-  .my-lg-auto {
-    margin-top: auto !important;
+  .flex-xxl-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
   }
 
-  .mr-lg-auto,
-  .mx-lg-auto {
-    margin-right: auto !important;
+  .gap-xxl-0 {
+    gap: 0 !important;
   }
 
-  .mb-lg-auto,
-  .my-lg-auto {
-    margin-bottom: auto !important;
+  .gap-xxl-1 {
+    gap: 0.25rem !important;
   }
 
-  .ml-lg-auto,
-  .mx-lg-auto {
-    margin-left: auto !important;
+  .gap-xxl-2 {
+    gap: 0.5rem !important;
   }
-}
 
-@media (min-width: 1200px) {
-  .m-xl-0 {
-    margin: 0 !important;
+  .gap-xxl-3 {
+    gap: 1rem !important;
   }
 
-  .mt-xl-0,
-  .my-xl-0 {
-    margin-top: 0 !important;
+  .gap-xxl-4 {
+    gap: 1.5rem !important;
   }
 
-  .mr-xl-0,
-  .mx-xl-0 {
-    margin-right: 0 !important;
+  .gap-xxl-5 {
+    gap: 3rem !important;
   }
 
-  .mb-xl-0,
-  .my-xl-0 {
-    margin-bottom: 0 !important;
+  .justify-content-xxl-start {
+    justify-content: flex-start !important;
   }
 
-  .ml-xl-0,
-  .mx-xl-0 {
-    margin-left: 0 !important;
+  .justify-content-xxl-end {
+    justify-content: flex-end !important;
   }
 
-  .m-xl-1 {
-    margin: 0.25rem !important;
+  .justify-content-xxl-center {
+    justify-content: center !important;
   }
 
-  .mt-xl-1,
-  .my-xl-1 {
-    margin-top: 0.25rem !important;
+  .justify-content-xxl-between {
+    justify-content: space-between !important;
   }
 
-  .mr-xl-1,
-  .mx-xl-1 {
-    margin-right: 0.25rem !important;
+  .justify-content-xxl-around {
+    justify-content: space-around !important;
   }
 
-  .mb-xl-1,
-  .my-xl-1 {
-    margin-bottom: 0.25rem !important;
+  .justify-content-xxl-evenly {
+    justify-content: space-evenly !important;
   }
 
-  .ml-xl-1,
-  .mx-xl-1 {
-    margin-left: 0.25rem !important;
+  .align-items-xxl-start {
+    align-items: flex-start !important;
   }
 
-  .m-xl-2 {
-    margin: 0.5rem !important;
+  .align-items-xxl-end {
+    align-items: flex-end !important;
   }
 
-  .mt-xl-2,
-  .my-xl-2 {
-    margin-top: 0.5rem !important;
+  .align-items-xxl-center {
+    align-items: center !important;
   }
 
-  .mr-xl-2,
-  .mx-xl-2 {
-    margin-right: 0.5rem !important;
+  .align-items-xxl-baseline {
+    align-items: baseline !important;
   }
 
-  .mb-xl-2,
-  .my-xl-2 {
-    margin-bottom: 0.5rem !important;
+  .align-items-xxl-stretch {
+    align-items: stretch !important;
   }
 
-  .ml-xl-2,
-  .mx-xl-2 {
-    margin-left: 0.5rem !important;
+  .align-content-xxl-start {
+    align-content: flex-start !important;
   }
 
-  .m-xl-3 {
-    margin: 1rem !important;
+  .align-content-xxl-end {
+    align-content: flex-end !important;
   }
 
-  .mt-xl-3,
-  .my-xl-3 {
-    margin-top: 1rem !important;
+  .align-content-xxl-center {
+    align-content: center !important;
   }
 
-  .mr-xl-3,
-  .mx-xl-3 {
-    margin-right: 1rem !important;
+  .align-content-xxl-between {
+    align-content: space-between !important;
   }
 
-  .mb-xl-3,
-  .my-xl-3 {
-    margin-bottom: 1rem !important;
+  .align-content-xxl-around {
+    align-content: space-around !important;
   }
 
-  .ml-xl-3,
-  .mx-xl-3 {
-    margin-left: 1rem !important;
+  .align-content-xxl-stretch {
+    align-content: stretch !important;
   }
 
-  .m-xl-4 {
-    margin: 1.5rem !important;
+  .align-self-xxl-auto {
+    align-self: auto !important;
   }
 
-  .mt-xl-4,
-  .my-xl-4 {
-    margin-top: 1.5rem !important;
+  .align-self-xxl-start {
+    align-self: flex-start !important;
   }
 
-  .mr-xl-4,
-  .mx-xl-4 {
-    margin-right: 1.5rem !important;
+  .align-self-xxl-end {
+    align-self: flex-end !important;
   }
 
-  .mb-xl-4,
-  .my-xl-4 {
-    margin-bottom: 1.5rem !important;
+  .align-self-xxl-center {
+    align-self: center !important;
   }
 
-  .ml-xl-4,
-  .mx-xl-4 {
-    margin-left: 1.5rem !important;
+  .align-self-xxl-baseline {
+    align-self: baseline !important;
   }
 
-  .m-xl-5 {
-    margin: 3rem !important;
+  .align-self-xxl-stretch {
+    align-self: stretch !important;
   }
 
-  .mt-xl-5,
-  .my-xl-5 {
-    margin-top: 3rem !important;
+  .order-xxl-first {
+    order: -1 !important;
   }
 
-  .mr-xl-5,
-  .mx-xl-5 {
-    margin-right: 3rem !important;
+  .order-xxl-0 {
+    order: 0 !important;
   }
 
-  .mb-xl-5,
-  .my-xl-5 {
-    margin-bottom: 3rem !important;
+  .order-xxl-1 {
+    order: 1 !important;
   }
 
-  .ml-xl-5,
-  .mx-xl-5 {
-    margin-left: 3rem !important;
+  .order-xxl-2 {
+    order: 2 !important;
   }
 
-  .p-xl-0 {
-    padding: 0 !important;
+  .order-xxl-3 {
+    order: 3 !important;
   }
 
-  .pt-xl-0,
-  .py-xl-0 {
-    padding-top: 0 !important;
+  .order-xxl-4 {
+    order: 4 !important;
   }
 
-  .pr-xl-0,
-  .px-xl-0 {
-    padding-right: 0 !important;
+  .order-xxl-5 {
+    order: 5 !important;
   }
 
-  .pb-xl-0,
-  .py-xl-0 {
-    padding-bottom: 0 !important;
+  .order-xxl-last {
+    order: 6 !important;
   }
 
-  .pl-xl-0,
-  .px-xl-0 {
-    padding-left: 0 !important;
+  .m-xxl-0 {
+    margin: 0 !important;
   }
 
-  .p-xl-1 {
-    padding: 0.25rem !important;
+  .m-xxl-1 {
+    margin: 0.25rem !important;
   }
 
-  .pt-xl-1,
-  .py-xl-1 {
-    padding-top: 0.25rem !important;
+  .m-xxl-2 {
+    margin: 0.5rem !important;
   }
 
-  .pr-xl-1,
-  .px-xl-1 {
-    padding-right: 0.25rem !important;
+  .m-xxl-3 {
+    margin: 1rem !important;
   }
 
-  .pb-xl-1,
-  .py-xl-1 {
-    padding-bottom: 0.25rem !important;
+  .m-xxl-4 {
+    margin: 1.5rem !important;
   }
 
-  .pl-xl-1,
-  .px-xl-1 {
-    padding-left: 0.25rem !important;
+  .m-xxl-5 {
+    margin: 3rem !important;
   }
 
-  .p-xl-2 {
-    padding: 0.5rem !important;
+  .m-xxl-auto {
+    margin: auto !important;
   }
 
-  .pt-xl-2,
-  .py-xl-2 {
-    padding-top: 0.5rem !important;
+  .mx-xxl-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
   }
 
-  .pr-xl-2,
-  .px-xl-2 {
-    padding-right: 0.5rem !important;
+  .mx-xxl-1 {
+    margin-right: 0.25rem !important;
+    margin-left: 0.25rem !important;
   }
 
-  .pb-xl-2,
-  .py-xl-2 {
-    padding-bottom: 0.5rem !important;
+  .mx-xxl-2 {
+    margin-right: 0.5rem !important;
+    margin-left: 0.5rem !important;
   }
 
-  .pl-xl-2,
-  .px-xl-2 {
-    padding-left: 0.5rem !important;
+  .mx-xxl-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important;
   }
 
-  .p-xl-3 {
-    padding: 1rem !important;
+  .mx-xxl-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important;
   }
 
-  .pt-xl-3,
-  .py-xl-3 {
-    padding-top: 1rem !important;
+  .mx-xxl-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
   }
 
-  .pr-xl-3,
-  .px-xl-3 {
-    padding-right: 1rem !important;
+  .mx-xxl-auto {
+    margin-right: auto !important;
+    margin-left: auto !important;
   }
 
-  .pb-xl-3,
-  .py-xl-3 {
-    padding-bottom: 1rem !important;
+  .my-xxl-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
   }
 
-  .pl-xl-3,
-  .px-xl-3 {
-    padding-left: 1rem !important;
+  .my-xxl-1 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
   }
 
-  .p-xl-4 {
-    padding: 1.5rem !important;
+  .my-xxl-2 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
   }
 
-  .pt-xl-4,
-  .py-xl-4 {
-    padding-top: 1.5rem !important;
+  .my-xxl-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
   }
 
-  .pr-xl-4,
-  .px-xl-4 {
-    padding-right: 1.5rem !important;
+  .my-xxl-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
   }
 
-  .pb-xl-4,
-  .py-xl-4 {
-    padding-bottom: 1.5rem !important;
+  .my-xxl-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
   }
 
-  .pl-xl-4,
-  .px-xl-4 {
-    padding-left: 1.5rem !important;
+  .my-xxl-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
   }
 
-  .p-xl-5 {
-    padding: 3rem !important;
+  .mt-xxl-0 {
+    margin-top: 0 !important;
   }
 
-  .pt-xl-5,
-  .py-xl-5 {
-    padding-top: 3rem !important;
+  .mt-xxl-1 {
+    margin-top: 0.25rem !important;
   }
 
-  .pr-xl-5,
-  .px-xl-5 {
-    padding-right: 3rem !important;
+  .mt-xxl-2 {
+    margin-top: 0.5rem !important;
   }
 
-  .pb-xl-5,
-  .py-xl-5 {
-    padding-bottom: 3rem !important;
+  .mt-xxl-3 {
+    margin-top: 1rem !important;
   }
 
-  .pl-xl-5,
-  .px-xl-5 {
-    padding-left: 3rem !important;
+  .mt-xxl-4 {
+    margin-top: 1.5rem !important;
   }
 
-  .m-xl-auto {
-    margin: auto !important;
+  .mt-xxl-5 {
+    margin-top: 3rem !important;
   }
 
-  .mt-xl-auto,
-  .my-xl-auto {
+  .mt-xxl-auto {
     margin-top: auto !important;
   }
 
-  .mr-xl-auto,
-  .mx-xl-auto {
-    margin-right: auto !important;
+  .me-xxl-0 {
+    margin-right: 0 !important;
   }
 
-  .mb-xl-auto,
-  .my-xl-auto {
-    margin-bottom: auto !important;
+  .me-xxl-1 {
+    margin-right: 0.25rem !important;
   }
 
-  .ml-xl-auto,
-  .mx-xl-auto {
-    margin-left: auto !important;
+  .me-xxl-2 {
+    margin-right: 0.5rem !important;
   }
-}
-
-.text-monospace {
-  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
-}
-
-.text-justify {
-  text-align: justify !important;
-}
-
-.text-nowrap {
-  white-space: nowrap !important;
-}
 
-.text-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  .me-xxl-3 {
+    margin-right: 1rem !important;
+  }
 
-.text-left {
-  text-align: left !important;
-}
+  .me-xxl-4 {
+    margin-right: 1.5rem !important;
+  }
 
-.text-right {
-  text-align: right !important;
-}
+  .me-xxl-5 {
+    margin-right: 3rem !important;
+  }
 
-.text-center {
-  text-align: center !important;
-}
+  .me-xxl-auto {
+    margin-right: auto !important;
+  }
 
-@media (min-width: 576px) {
-  .text-sm-left {
-    text-align: left !important;
+  .mb-xxl-0 {
+    margin-bottom: 0 !important;
   }
 
-  .text-sm-right {
-    text-align: right !important;
+  .mb-xxl-1 {
+    margin-bottom: 0.25rem !important;
   }
 
-  .text-sm-center {
-    text-align: center !important;
+  .mb-xxl-2 {
+    margin-bottom: 0.5rem !important;
   }
-}
 
-@media (min-width: 768px) {
-  .text-md-left {
-    text-align: left !important;
+  .mb-xxl-3 {
+    margin-bottom: 1rem !important;
   }
 
-  .text-md-right {
-    text-align: right !important;
+  .mb-xxl-4 {
+    margin-bottom: 1.5rem !important;
   }
 
-  .text-md-center {
-    text-align: center !important;
+  .mb-xxl-5 {
+    margin-bottom: 3rem !important;
   }
-}
 
-@media (min-width: 992px) {
-  .text-lg-left {
-    text-align: left !important;
+  .mb-xxl-auto {
+    margin-bottom: auto !important;
   }
 
-  .text-lg-right {
-    text-align: right !important;
+  .ms-xxl-0 {
+    margin-left: 0 !important;
   }
 
-  .text-lg-center {
-    text-align: center !important;
+  .ms-xxl-1 {
+    margin-left: 0.25rem !important;
   }
-}
 
-@media (min-width: 1200px) {
-  .text-xl-left {
-    text-align: left !important;
+  .ms-xxl-2 {
+    margin-left: 0.5rem !important;
   }
 
-  .text-xl-right {
-    text-align: right !important;
+  .ms-xxl-3 {
+    margin-left: 1rem !important;
   }
 
-  .text-xl-center {
-    text-align: center !important;
+  .ms-xxl-4 {
+    margin-left: 1.5rem !important;
   }
-}
 
-.text-lowercase {
-  text-transform: lowercase !important;
-}
+  .ms-xxl-5 {
+    margin-left: 3rem !important;
+  }
 
-.text-uppercase {
-  text-transform: uppercase !important;
-}
+  .ms-xxl-auto {
+    margin-left: auto !important;
+  }
 
-.text-capitalize {
-  text-transform: capitalize !important;
-}
+  .p-xxl-0 {
+    padding: 0 !important;
+  }
 
-.font-weight-light {
-  font-weight: 300 !important;
-}
+  .p-xxl-1 {
+    padding: 0.25rem !important;
+  }
 
-.font-weight-normal {
-  font-weight: 400 !important;
-}
+  .p-xxl-2 {
+    padding: 0.5rem !important;
+  }
 
-.font-weight-bold {
-  font-weight: 700 !important;
-}
+  .p-xxl-3 {
+    padding: 1rem !important;
+  }
 
-.font-italic {
-  font-style: italic !important;
-}
+  .p-xxl-4 {
+    padding: 1.5rem !important;
+  }
 
-.text-white {
-  color: #fff !important;
-}
+  .p-xxl-5 {
+    padding: 3rem !important;
+  }
 
-.text-primary {
-  color: #07689f !important;
-}
+  .px-xxl-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+  }
 
-a.text-primary:hover,
-a.text-primary:focus {
-  color: #05486e !important;
-}
+  .px-xxl-1 {
+    padding-right: 0.25rem !important;
+    padding-left: 0.25rem !important;
+  }
 
-.text-secondary {
-  color: #c9d6df !important;
-}
+  .px-xxl-2 {
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+  }
 
-a.text-secondary:hover,
-a.text-secondary:focus {
-  color: #a9becc !important;
-}
+  .px-xxl-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important;
+  }
 
-.text-success {
-  color: #11d3bc !important;
-}
+  .px-xxl-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important;
+  }
 
-a.text-success:hover,
-a.text-success:focus {
-  color: #0da492 !important;
-}
+  .px-xxl-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
 
-.text-info {
-  color: #a2d5f2 !important;
-}
+  .py-xxl-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
 
-a.text-info:hover,
-a.text-info:focus {
-  color: #75c1ec !important;
-}
+  .py-xxl-1 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+  }
 
-.text-warning {
-  color: #ff7e67 !important;
-}
+  .py-xxl-2 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+  }
 
-a.text-warning:hover,
-a.text-warning:focus {
-  color: #ff5334 !important;
-}
+  .py-xxl-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+  }
 
-.text-danger {
-  color: #f67280 !important;
-}
+  .py-xxl-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
 
-a.text-danger:hover,
-a.text-danger:focus {
-  color: #f34255 !important;
-}
+  .py-xxl-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
 
-.text-light {
-  color: #fafafa !important;
-}
+  .pt-xxl-0 {
+    padding-top: 0 !important;
+  }
 
-a.text-light:hover,
-a.text-light:focus {
-  color: #e1e1e1 !important;
-}
+  .pt-xxl-1 {
+    padding-top: 0.25rem !important;
+  }
 
-.text-dark {
-  color: #4e4e4e !important;
-}
+  .pt-xxl-2 {
+    padding-top: 0.5rem !important;
+  }
 
-a.text-dark:hover,
-a.text-dark:focus {
-  color: #353535 !important;
-}
+  .pt-xxl-3 {
+    padding-top: 1rem !important;
+  }
 
-.text-body {
-  color: #212529 !important;
-}
+  .pt-xxl-4 {
+    padding-top: 1.5rem !important;
+  }
 
-.text-muted {
-  color: #6c757d !important;
-}
+  .pt-xxl-5 {
+    padding-top: 3rem !important;
+  }
 
-.text-black-50 {
-  color: rgba(0, 0, 0, 0.5) !important;
-}
+  .pe-xxl-0 {
+    padding-right: 0 !important;
+  }
 
-.text-white-50 {
-  color: rgba(255, 255, 255, 0.5) !important;
-}
+  .pe-xxl-1 {
+    padding-right: 0.25rem !important;
+  }
 
-.text-hide {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
+  .pe-xxl-2 {
+    padding-right: 0.5rem !important;
+  }
 
-.visible {
-  visibility: visible !important;
-}
+  .pe-xxl-3 {
+    padding-right: 1rem !important;
+  }
 
-.invisible {
-  visibility: hidden !important;
-}
+  .pe-xxl-4 {
+    padding-right: 1.5rem !important;
+  }
 
-@media print {
-  *,
-  *::before,
-  *::after {
-    text-shadow: none !important;
-    box-shadow: none !important;
+  .pe-xxl-5 {
+    padding-right: 3rem !important;
   }
 
-  a:not(.btn) {
-    text-decoration: underline;
+  .pb-xxl-0 {
+    padding-bottom: 0 !important;
   }
 
-  abbr[title]::after {
-    content: 'http://www.w3.org/2000/svg' attr(title) ')';
+  .pb-xxl-1 {
+    padding-bottom: 0.25rem !important;
   }
 
-  pre {
-    white-space: pre-wrap !important;
+  .pb-xxl-2 {
+    padding-bottom: 0.5rem !important;
   }
 
-  pre,
-  blockquote {
-    border: 1px solid #adb5bd;
-    page-break-inside: avoid;
+  .pb-xxl-3 {
+    padding-bottom: 1rem !important;
   }
 
-  thead {
-    display: table-header-group;
+  .pb-xxl-4 {
+    padding-bottom: 1.5rem !important;
   }
 
-  tr,
-  img {
-    page-break-inside: avoid;
+  .pb-xxl-5 {
+    padding-bottom: 3rem !important;
   }
 
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3;
+  .ps-xxl-0 {
+    padding-left: 0 !important;
   }
 
-  h2,
-  h3 {
-    page-break-after: avoid;
+  .ps-xxl-1 {
+    padding-left: 0.25rem !important;
   }
 
-  @page {
-    size: a3;
+  .ps-xxl-2 {
+    padding-left: 0.5rem !important;
   }
 
-  body {
-    min-width: 992px !important;
+  .ps-xxl-3 {
+    padding-left: 1rem !important;
   }
 
-  .container {
-    min-width: 992px !important;
+  .ps-xxl-4 {
+    padding-left: 1.5rem !important;
   }
 
-  .navbar {
-    display: none;
+  .ps-xxl-5 {
+    padding-left: 3rem !important;
   }
 
-  .badge {
-    border: 1px solid #000;
+  .text-xxl-start {
+    text-align: left !important;
   }
 
-  .table {
-    border-collapse: collapse !important;
+  .text-xxl-end {
+    text-align: right !important;
   }
 
-  .table td,
-  .table th {
-    background-color: #fff !important;
+  .text-xxl-center {
+    text-align: center !important;
   }
+}
 
-  .table-bordered th,
-  .table-bordered td {
-    border: 1px solid #dee2e6 !important;
+@media (min-width: 1200px) {
+  .fs-1 {
+    font-size: 2.5rem !important;
   }
 
-  .table-dark {
-    color: inherit;
+  .fs-2 {
+    font-size: 2rem !important;
   }
 
-  .table-dark th,
-  .table-dark td,
-  .table-dark thead th,
-  .table-dark tbody + tbody {
-    border-color: #dee2e6;
+  .fs-3 {
+    font-size: 1.75rem !important;
   }
 
-  .table .thead-dark th {
-    color: inherit;
-    border-color: #dee2e6;
+  .fs-4 {
+    font-size: 1.5rem !important;
   }
 }
 
-/* ↑ Themestr.app `Fresca` theme */
+@media print {
+  .d-print-inline {
+    display: inline !important;
+  }
 
-/* ↓ Additional custom overrides */
+  .d-print-inline-block {
+    display: inline-block !important;
+  }
 
-.list-group-item-dark {
-  background-color: #cde1ec;
-}
+  .d-print-block {
+    display: block !important;
+  }
 
-footer {
-  background-color: #cde1ec;
-  border-top: 1px solid #bad5e4;
-  margin-top: 3rem;
-}
+  .d-print-grid {
+    display: grid !important;
+  }
 
-/* Add Bootstrap’s own documentation example highlight */
+  .d-print-table {
+    display: table !important;
+  }
 
-.bd-example {
-  position: relative;
-  padding: 1rem;
-  margin: 1rem -0.75rem 0;
-  border: solid #dee2e6 1px;
+  .d-print-table-row {
+    display: table-row !important;
+  }
+
+  .d-print-table-cell {
+    display: table-cell !important;
+  }
+
+  .d-print-flex {
+    display: flex !important;
+  }
+
+  .d-print-inline-flex {
+    display: inline-flex !important;
+  }
+
+  .d-print-none {
+    display: none !important;
+  }
 }
diff --git a/includes/bootstrap.hdf.rtl.xml b/includes/bootstrap.hdf.rtl.xml
new file mode 100644
index 00000000..11694744
--- /dev/null
+++ b/includes/bootstrap.hdf.rtl.xml
@@ -0,0 +1,13 @@
+<div>
+  <link
+    rel="stylesheet"
+    href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.rtl.min.css"
+    integrity="sha384-OXTEbYDqaX2ZY/BOaZV/yFGChYHtrXH2nyXJ372n2Y8abBhrqacCEe+3qhSHtLjy"
+    crossorigin="anonymous"
+  />
+  <script
+    src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
+    crossorigin="anonymous"
+  />
+</div>
diff --git a/includes/bootstrap.hdf.xml b/includes/bootstrap.hdf.xml
index 7c7fb618..2f1f1b94 100644
--- a/includes/bootstrap.hdf.xml
+++ b/includes/bootstrap.hdf.xml
@@ -1,13 +1,13 @@
 <div>
   <link
     rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
-    integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
+    href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"
+    integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"
     crossorigin="anonymous"
   />
   <script
-    src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
-    integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
+    src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
     crossorigin="anonymous"
   />
 </div>
diff --git a/includes/bootstrap.icons.hdf.xml b/includes/bootstrap.icons.hdf.xml
index 165a3505..cb4b4ae3 100644
--- a/includes/bootstrap.icons.hdf.xml
+++ b/includes/bootstrap.icons.hdf.xml
@@ -1,6 +1,6 @@
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css"
-  integrity="sha384-He3RckdFB2wffiHOcESa3sf4Ida+ni/fw9SSzAcfY2EPnU1zkK/sLUzw2C5Tyuhj"
+  href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"
+  integrity="sha384-xeJqLiuOvjUBq3iGOjvSQSIlwrpqjSHXpduPd6rQpuiM3f5/ijby8pCsnbu5S81n"
   crossorigin="anonymous"
 />
diff --git a/insertParameters.xml b/insertParameters.xml
index ee17edd1..1f90186b 100644
--- a/insertParameters.xml
+++ b/insertParameters.xml
@@ -139,4 +139,9 @@
     expression="${bootstrap.css.thead}"
     if:set="bootstrap.css.thead"
   />
+  <param
+    name="BIDIRECTIONAL_DOCUMENT"
+    expression="${bidi.include}"
+    if:set="bidi.include"
+  />
 </dummy>
diff --git a/package-lock.json b/package-lock.json
index c2b4c08a..f6db8065 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,20 +7,20 @@
       "name": "dita-bootstrap",
       "license": "Apache-2.0",
       "devDependencies": {
-        "@prettier/plugin-xml": "1.2.0",
+        "@prettier/plugin-xml": "2.1.0",
         "husky": "^7.0.4",
-        "lint-staged": "12.1.4",
-        "prettier": "2.5.1"
+        "lint-staged": "12.3.8",
+        "prettier": "2.6.1"
       }
     },
     "node_modules/@prettier/plugin-xml": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@prettier/plugin-xml/-/plugin-xml-1.2.0.tgz",
-      "integrity": "sha512-bFvVAZKs59XNmntYjyefn3K4TBykS6E+d6ZW8IcylAs88ZO+TzLhp0dPpi0VKfPzq1Nb+kpDnPRTiwb4zY6NgA==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@prettier/plugin-xml/-/plugin-xml-2.1.0.tgz",
+      "integrity": "sha512-gmmvjwOh6GcJ4yTr4L0IVWwUrML/P1xHotwAMlY8hTIHYcmaRzeJKou8omvAaYsjMXWXxfBP7ge0meadDStn+g==",
       "dev": true,
       "dependencies": {
         "@xml-tools/parser": "^1.0.11",
-        "prettier": ">=2.3"
+        "prettier": ">=2.4.0"
       }
     },
     "node_modules/@xml-tools/parser": {
@@ -170,9 +170,9 @@
       "dev": true
     },
     "node_modules/colorette": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz",
-      "integrity": "sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==",
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
+      "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
       "dev": true
     },
     "node_modules/commander": {
@@ -350,9 +350,9 @@
       }
     },
     "node_modules/lint-staged": {
-      "version": "12.1.4",
-      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-12.1.4.tgz",
-      "integrity": "sha512-RgDz9nsFsE0/5eL9Vat0AvCuk0+j5mEuzBIVfrRH5FRtt5wibYe8zTjZs2nuqLFrLAGQGYnj8+HJxolcj08i/A==",
+      "version": "12.3.8",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-12.3.8.tgz",
+      "integrity": "sha512-0+UpNaqIwKRSGAFOCcpuYNIv/j5QGVC+xUVvmSdxHO+IfIGoHbFLo3XcPmV/LLnsVj5EAncNHVtlITSoY5qWGQ==",
       "dev": true,
       "dependencies": {
         "cli-truncate": "^3.1.0",
@@ -361,10 +361,11 @@
         "debug": "^4.3.3",
         "execa": "^5.1.1",
         "lilconfig": "2.0.4",
-        "listr2": "^3.13.5",
+        "listr2": "^4.0.1",
         "micromatch": "^4.0.4",
         "normalize-path": "^3.0.0",
-        "object-inspect": "^1.11.1",
+        "object-inspect": "^1.12.0",
+        "pidtree": "^0.5.0",
         "string-argv": "^0.3.1",
         "supports-color": "^9.2.1",
         "yaml": "^1.10.2"
@@ -380,9 +381,9 @@
       }
     },
     "node_modules/listr2": {
-      "version": "3.13.5",
-      "resolved": "https://registry.npmjs.org/listr2/-/listr2-3.13.5.tgz",
-      "integrity": "sha512-3n8heFQDSk+NcwBn3CgxEibZGaRzx+pC64n3YjpMD1qguV4nWus3Al+Oo3KooqFKTQEJ1v7MmnbnyyNspgx3NA==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-4.0.5.tgz",
+      "integrity": "sha512-juGHV1doQdpNT3GSTs9IUN43QJb7KHdF9uqg7Vufs/tG9VTzpFphqF4pm/ICdAABGQxsyNn9CiYA3StkI6jpwA==",
       "dev": true,
       "dependencies": {
         "cli-truncate": "^2.1.0",
@@ -390,12 +391,12 @@
         "log-update": "^4.0.0",
         "p-map": "^4.0.0",
         "rfdc": "^1.3.0",
-        "rxjs": "^7.4.0",
+        "rxjs": "^7.5.5",
         "through": "^2.3.8",
         "wrap-ansi": "^7.0.0"
       },
       "engines": {
-        "node": ">=10.0.0"
+        "node": ">=12"
       },
       "peerDependencies": {
         "enquirer": ">= 2.3.0 < 3"
@@ -730,16 +731,31 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pidtree": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.5.0.tgz",
+      "integrity": "sha512-9nxspIM7OpZuhBxPg73Zvyq7j1QMPMPsGKTqRc2XOaFQauDvoNz9fM1Wdkjmeo7l9GXOZiRs97sPkuayl39wjA==",
+      "dev": true,
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/prettier": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.5.1.tgz",
-      "integrity": "sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.1.tgz",
+      "integrity": "sha512-8UVbTBYGwN37Bs9LERmxCPjdvPxlEowx2urIL6urHzdb3SDq4B/Z6xLFCblrSnE4iKWcS6ziJ3aOYrc1kz/E2A==",
       "dev": true,
       "bin": {
         "prettier": "bin-prettier.js"
       },
       "engines": {
         "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
     "node_modules/regexp-to-ast": {
@@ -768,9 +784,9 @@
       "dev": true
     },
     "node_modules/rxjs": {
-      "version": "7.5.1",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.5.1.tgz",
-      "integrity": "sha512-KExVEeZWxMZnZhUZtsJcFwz8IvPvgu4G2Z2QyqjZQzUGr32KDYuSxrEYO4w3tFFNbfLozcrKUTvTPi+E9ywJkQ==",
+      "version": "7.5.6",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.5.6.tgz",
+      "integrity": "sha512-dnyv2/YsXhnm461G+R/Pe5bWP41Nm6LBXEYWI6eiFP4fiwx6WRI/CD0zbdVAudd9xwLEF2IDcKXLHit0FYjUzw==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.1.0"
@@ -884,7 +900,7 @@
     "node_modules/through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
       "dev": true
     },
     "node_modules/to-regex-range": {
@@ -900,9 +916,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
-      "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+      "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==",
       "dev": true
     },
     "node_modules/type-fest": {
@@ -1026,13 +1042,13 @@
   },
   "dependencies": {
     "@prettier/plugin-xml": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@prettier/plugin-xml/-/plugin-xml-1.2.0.tgz",
-      "integrity": "sha512-bFvVAZKs59XNmntYjyefn3K4TBykS6E+d6ZW8IcylAs88ZO+TzLhp0dPpi0VKfPzq1Nb+kpDnPRTiwb4zY6NgA==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@prettier/plugin-xml/-/plugin-xml-2.1.0.tgz",
+      "integrity": "sha512-gmmvjwOh6GcJ4yTr4L0IVWwUrML/P1xHotwAMlY8hTIHYcmaRzeJKou8omvAaYsjMXWXxfBP7ge0meadDStn+g==",
       "dev": true,
       "requires": {
         "@xml-tools/parser": "^1.0.11",
-        "prettier": ">=2.3"
+        "prettier": ">=2.4.0"
       }
     },
     "@xml-tools/parser": {
@@ -1140,9 +1156,9 @@
       "dev": true
     },
     "colorette": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz",
-      "integrity": "sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==",
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
+      "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
       "dev": true
     },
     "commander": {
@@ -1258,9 +1274,9 @@
       "dev": true
     },
     "lint-staged": {
-      "version": "12.1.4",
-      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-12.1.4.tgz",
-      "integrity": "sha512-RgDz9nsFsE0/5eL9Vat0AvCuk0+j5mEuzBIVfrRH5FRtt5wibYe8zTjZs2nuqLFrLAGQGYnj8+HJxolcj08i/A==",
+      "version": "12.3.8",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-12.3.8.tgz",
+      "integrity": "sha512-0+UpNaqIwKRSGAFOCcpuYNIv/j5QGVC+xUVvmSdxHO+IfIGoHbFLo3XcPmV/LLnsVj5EAncNHVtlITSoY5qWGQ==",
       "dev": true,
       "requires": {
         "cli-truncate": "^3.1.0",
@@ -1269,19 +1285,20 @@
         "debug": "^4.3.3",
         "execa": "^5.1.1",
         "lilconfig": "2.0.4",
-        "listr2": "^3.13.5",
+        "listr2": "^4.0.1",
         "micromatch": "^4.0.4",
         "normalize-path": "^3.0.0",
-        "object-inspect": "^1.11.1",
+        "object-inspect": "^1.12.0",
+        "pidtree": "^0.5.0",
         "string-argv": "^0.3.1",
         "supports-color": "^9.2.1",
         "yaml": "^1.10.2"
       }
     },
     "listr2": {
-      "version": "3.13.5",
-      "resolved": "https://registry.npmjs.org/listr2/-/listr2-3.13.5.tgz",
-      "integrity": "sha512-3n8heFQDSk+NcwBn3CgxEibZGaRzx+pC64n3YjpMD1qguV4nWus3Al+Oo3KooqFKTQEJ1v7MmnbnyyNspgx3NA==",
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-4.0.5.tgz",
+      "integrity": "sha512-juGHV1doQdpNT3GSTs9IUN43QJb7KHdF9uqg7Vufs/tG9VTzpFphqF4pm/ICdAABGQxsyNn9CiYA3StkI6jpwA==",
       "dev": true,
       "requires": {
         "cli-truncate": "^2.1.0",
@@ -1289,7 +1306,7 @@
         "log-update": "^4.0.0",
         "p-map": "^4.0.0",
         "rfdc": "^1.3.0",
-        "rxjs": "^7.4.0",
+        "rxjs": "^7.5.5",
         "through": "^2.3.8",
         "wrap-ansi": "^7.0.0"
       },
@@ -1526,10 +1543,16 @@
       "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
       "dev": true
     },
+    "pidtree": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.5.0.tgz",
+      "integrity": "sha512-9nxspIM7OpZuhBxPg73Zvyq7j1QMPMPsGKTqRc2XOaFQauDvoNz9fM1Wdkjmeo7l9GXOZiRs97sPkuayl39wjA==",
+      "dev": true
+    },
     "prettier": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.5.1.tgz",
-      "integrity": "sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.1.tgz",
+      "integrity": "sha512-8UVbTBYGwN37Bs9LERmxCPjdvPxlEowx2urIL6urHzdb3SDq4B/Z6xLFCblrSnE4iKWcS6ziJ3aOYrc1kz/E2A==",
       "dev": true
     },
     "regexp-to-ast": {
@@ -1555,9 +1578,9 @@
       "dev": true
     },
     "rxjs": {
-      "version": "7.5.1",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.5.1.tgz",
-      "integrity": "sha512-KExVEeZWxMZnZhUZtsJcFwz8IvPvgu4G2Z2QyqjZQzUGr32KDYuSxrEYO4w3tFFNbfLozcrKUTvTPi+E9ywJkQ==",
+      "version": "7.5.6",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.5.6.tgz",
+      "integrity": "sha512-dnyv2/YsXhnm461G+R/Pe5bWP41Nm6LBXEYWI6eiFP4fiwx6WRI/CD0zbdVAudd9xwLEF2IDcKXLHit0FYjUzw==",
       "dev": true,
       "requires": {
         "tslib": "^2.1.0"
@@ -1635,7 +1658,7 @@
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
       "dev": true
     },
     "to-regex-range": {
@@ -1648,9 +1671,9 @@
       }
     },
     "tslib": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
-      "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+      "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==",
       "dev": true
     },
     "type-fest": {
diff --git a/plugin.xml b/plugin.xml
index bf17e7c5..19b3a3f6 100755
--- a/plugin.xml
+++ b/plugin.xml
@@ -3,7 +3,7 @@
 <!-- Copyright © 2017 · infotexture · Roger W. Fienhold Sheen -->
 <!-- See the accompanying LICENSE file for applicable license -->
 <plugin id="net.infotexture.dita-bootstrap">
-  <feature extension="package.version" value="5.3.1"/>
+  <feature extension="package.version" value="5.3.2"/>
   <require plugin="org.dita.html5"/>
   <require plugin="fox.jason.extend.css"/>
   <transtype
@@ -54,9 +54,17 @@
       type="file"
       desc="Specifies the URL for a icon fonts stylesheet CDN"
     />
+    <param
+      name="bidi.include"
+      desc="Specifies whether to include bidirectional CSS"
+      type="enum"
+    >
+      <val>yes</val>
+      <val default="true">no</val>
+    </param>
     <param
       name="icons.include"
-      desc="Specifies whether include an icon fonts stylesheet in the header"
+      desc="Specifies whether to include an icon fonts stylesheet in the header"
       type="enum"
     >
       <val>yes</val>
diff --git a/sample/accordion.dita b/sample/accordion.dita
index 1e4d4449..8d244a5e 100644
--- a/sample/accordion.dita
+++ b/sample/accordion.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="accordion">
@@ -29,7 +29,7 @@
       <title>How it works</title>
       <p>The accordion uses
         <xref
-          href="https://getbootstrap.com/docs/5.1/components/collapse/"
+          href="https://getbootstrap.com/docs/5.2/components/collapse/"
           format="html"
           scope="external"
         >collapse</xref> internally to make it collapsible. To render an accordion that’s expanded, add the class
diff --git a/sample/alerts.dita b/sample/alerts.dita
index a2064fd7..40bc2110 100644
--- a/sample/alerts.dita
+++ b/sample/alerts.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="alerts">
diff --git a/sample/badge.dita b/sample/badge.dita
index cb8346fa..554b48eb 100644
--- a/sample/badge.dita
+++ b/sample/badge.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="badges">
@@ -43,29 +43,28 @@
 &lt;p&gt;Example Text &lt;ph outputclass="bg-secondary"&gt;New&lt;/ph&gt;&lt;/p&gt;</codeblock>
     <section>
       <title>Background colors</title>
-      <p>Use Bootstrap’s background utility classes to quickly change the appearance of a badge. Please note that when
-        using Bootstrap’s default CSS classes using the DITA <xmlatt>outputclass</xmlatt> attribute with the value
-          <codeph>bg-light</codeph>, you’ll likely need a text color utility attribute on <xmlatt>outputclass</xmlatt>
-        like <codeph>text-dark</codeph> as well for proper styling. This is because background utilities do not set
-        anything but background-color.</p>
+      <p>Set a background-color with contrasting foreground color with Bootstrap’s <codeph
+        >text-bg-{color}</codeph> helpers. Previously it was required to manually pair your choice of <xmlatt
+        >outputclass</xmlatt> <codeph>text-{color}</codeph> and <codeph
+        >bg-{color}</codeph> utilities for styling, which you still may use if you prefer.</p>
     </section>
     <bodydiv outputclass="bd-example" deliveryTarget="html">
-      <ph outputclass="bg-primary">Primary</ph>
-      <ph outputclass="bg-secondary">Secondary</ph>
-      <ph outputclass="bg-success">Success</ph>
-      <ph outputclass="bg-danger">Danger</ph>
-      <ph outputclass="bg-warning text-dark">Warning</ph>
-      <ph outputclass="bg-info text-dark">Info</ph>
-      <ph outputclass="bg-light text-dark">Light</ph>
-      <ph outputclass="bg-dark">Dark</ph>
+      <ph outputclass="text-bg-primary">Primary</ph>
+      <ph outputclass="text-bg-secondary">Secondary</ph>
+      <ph outputclass="text-bg-success">Success</ph>
+      <ph outputclass="text-bg-danger">Danger</ph>
+      <ph outputclass="text-bg-warning">Warning</ph>
+      <ph outputclass="text-bg-info">Info</ph>
+      <ph outputclass="text-bg-light">Light</ph>
+      <ph outputclass="text-bg-dark">Dark</ph>
     </bodydiv>
-    <codeblock>&lt;ph outputclass="bg-primary"&gt;Primary&lt;/ph&gt;
-&lt;ph outputclass="bg-secondary"&gt;Secondary&lt;/ph&gt;
-&lt;ph outputclass="bg-success"&gt;Success&lt;/ph&gt;
-&lt;ph outputclass="bg-danger"&gt;Danger&lt;/ph&gt;
-&lt;ph outputclass="bg-warning text-dark"&gt;Warning&lt;/ph&gt;
-&lt;ph outputclass="bg-info text-dark"&gt;Info&lt;/ph&gt;
-&lt;ph outputclass="bg-light text-dark"&gt;Light&lt;/ph&gt;
-&lt;ph outputclass="bg-dark"&gt;Dark&lt;/ph&gt;</codeblock>
+    <codeblock>&lt;ph outputclass="text-bg-primary"&gt;Primary&lt;/ph&gt;
+&lt;ph outputclass="text-bg-secondary"&gt;Secondary&lt;/ph&gt;
+&lt;ph outputclass="text-bg-success"&gt;Success&lt;/ph&gt;
+&lt;ph outputclass="text-bg-danger"&gt;Danger&lt;/ph&gt;
+&lt;ph outputclass="text-bg-warning"&gt;Warning&lt;/ph&gt;
+&lt;ph outputclass="text-bg-info"&gt;Info&lt;/ph&gt;
+&lt;ph outputclass="text-bg-light"&gt;Light&lt;/ph&gt;
+&lt;ph outputclass="text-bg-dark"&gt;Dark&lt;/ph&gt;</codeblock>
   </body>
 </topic>
diff --git a/sample/breadcrumb.dita b/sample/breadcrumb.dita
index d7156cda..809ff574 100644
--- a/sample/breadcrumb.dita
+++ b/sample/breadcrumb.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="breadcrumb">
@@ -31,8 +31,8 @@
       </p>
       <codeblock outputclass="language-bash"><cmdname>dita</cmdname> <parmname>--input</parmname>=<filepath
         >path/to/your.ditamap</filepath> \
-  <parmname>--format</parmname>=<option>html5-bootstrap</option> \
-  <parmname>--args.breadcrumbs</parmname>=<option>yes</option></codeblock>
+     <parmname>--format</parmname>=<option>html5-bootstrap</option> \
+     <parmname>--args.breadcrumbs</parmname>=<option>yes</option></codeblock>
     </section>
     <section>
       <title>Dividers</title>
@@ -41,9 +41,9 @@
       <image scalefit="yes" href="./src/breadcrumb-divider.png"/>
       <codeblock outputclass="language-bash"><cmdname>dita</cmdname> <parmname>--input</parmname>=<filepath
         >path/to/your.ditamap</filepath> \
-  <parmname>--format</parmname>=<option>html5-bootstrap</option> \
-  <parmname>--args.breadcrumbs</parmname>=<option>yes</option> \
-  <parmname>--bootstrap.breadcrumb.divider</parmname>=<option>'>'</option></codeblock>
+     <parmname>--format</parmname>=<option>html5-bootstrap</option> \
+     <parmname>--args.breadcrumbs</parmname>=<option>yes</option> \
+     <parmname>--bootstrap.breadcrumb.divider</parmname>=<option>'>'</option></codeblock>
     </section>
   </body>
 </topic>
diff --git a/sample/button-group.dita b/sample/button-group.dita
index 068c31bf..680a7024 100644
--- a/sample/button-group.dita
+++ b/sample/button-group.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="button-group">
diff --git a/sample/buttons.dita b/sample/buttons.dita
index 48a2b1ff..2bd41335 100644
--- a/sample/buttons.dita
+++ b/sample/buttons.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="buttons">
diff --git a/sample/card.dita b/sample/card.dita
index 9be99af2..b89a0813 100644
--- a/sample/card.dita
+++ b/sample/card.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="cards">
@@ -37,12 +37,12 @@
       <p>Cards are built with as little markup and styles as possible, but still manage to deliver a ton of control and
         customization. Built with flexbox, they offer easy alignment and mix well with other Bootstrap components. They
         have no <xmlatt>margin</xmlatt> by default, so use
-        <xref href="https://getbootstrap.com/docs/5.1/utilities/spacing/" format="html" scope="external">spacing
+        <xref href="https://getbootstrap.com/docs/5.2/utilities/spacing/" format="html" scope="external">spacing
           utilities</xref> as needed.</p>
       <p>Below is an example of a basic card with mixed content and a fixed width. Cards have no fixed width to start,
         so they’ll naturally fill the full width of its parent element. This is easily customized with Bootstrap’s
         various
-        <xref href="https://getbootstrap.com/docs/5.1/components/card/#sizing" format="html" scope="external">sizing
+        <xref href="https://getbootstrap.com/docs/5.2/components/card/#sizing" format="html" scope="external">sizing
           options.</xref>
       </p>
     </section>
@@ -51,7 +51,7 @@
         <bodydiv outputclass="col">
           <section outputclass="card w-50">
             <title outputclass="h5">Card Title</title>
-            <image outputclass="card-img-top" scope="external" href="https://picsum.photos/400/240?a"/>
+            <image outputclass="card-img-top" scope="external" href="https://picsum.photos/400/200?a"/>
             <p>Some quick example text to build on the card title and make up the bulk of the card’s content.</p>
             <xref outputclass="btn-primary" href="#">Go Somewhere</xref>
           </section>
@@ -107,7 +107,7 @@
       <bodydiv outputclass="row">
         <bodydiv outputclass="col">
           <section outputclass="card w-50">
-            <image outputclass="card-img-top" scope="external" href="https://picsum.photos/400/240?a"/>
+            <image outputclass="card-img-top" scope="external" href="https://picsum.photos/400/200?a"/>
             <p>Some quick example text to build on the card title and make up the bulk of the card’s content.</p>
           </section>
         </bodydiv>
diff --git a/sample/carousel.dita b/sample/carousel.dita
index 1f52c8f1..ac7788d8 100644
--- a/sample/carousel.dita
+++ b/sample/carousel.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="carousel">
diff --git a/sample/collapse.dita b/sample/collapse.dita
index fc9d2d11..fa571bb4 100644
--- a/sample/collapse.dita
+++ b/sample/collapse.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="collapse">
diff --git a/sample/document.ditamap b/sample/document.ditamap
index 977832f8..289617ef 100644
--- a/sample/document.ditamap
+++ b/sample/document.ditamap
@@ -18,6 +18,7 @@
       <navtitle>Layout</navtitle>
     </topicmeta>
     <topicref navtitle="Grid" format="dita" type="topic" href="grid.dita"/>
+    <topicref navtitle="Right-to-Left Languages" format="dita" href="rtl.dita" locktitle="yes"/>
   </chapter>
   <chapter>
     <topicmeta>
diff --git a/sample/figures.dita b/sample/figures.dita
index ff5f85dd..0e7da1af 100644
--- a/sample/figures.dita
+++ b/sample/figures.dita
@@ -6,7 +6,7 @@
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="figures">
@@ -49,7 +49,7 @@
     <section>
       <title>Aligning text</title>
       <p>The figure’s caption can be aligned using the Bootstrap
-        <xref href="./utilities.dita#colors" format="dita">text utilities</xref>.</p>
+        <xref href="./utilities.dita#utilities/colors" format="dita">text utilities</xref>.</p>
     </section>
     <bodydiv outputclass="bd-example" deliveryTarget="html">
       <fig>
@@ -65,7 +65,8 @@
     <section>
       <title>Adding borders</title>
       <p>Use the DITA <xmlatt>frame</xmlatt> attribute to add
-        <xref href="./utilities.dita#borders" format="dita">borders</xref> to a <xmlelement>fig</xmlelement>.</p>
+        <xref href="./utilities.dita#utilities/borders" format="dita">borders</xref> to a <xmlelement
+        >fig</xmlelement>.</p>
     </section>
     <bodydiv outputclass="bd-example" deliveryTarget="html">
       <fig frame="all">
diff --git a/sample/grid.dita b/sample/grid.dita
index eeb76aec..dfbdd5c0 100644
--- a/sample/grid.dita
+++ b/sample/grid.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="grid">
diff --git a/sample/icons.dita b/sample/icons.dita
index baa37a1b..3d5ea81f 100644
--- a/sample/icons.dita
+++ b/sample/icons.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="icons">
diff --git a/sample/images.dita b/sample/images.dita
index 4b438f03..91476fe1 100644
--- a/sample/images.dita
+++ b/sample/images.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="images">
@@ -39,7 +39,7 @@
     <section>
       <title>Image thumbnails</title>
       <p>In addition to Bootstrap’s
-        <xref href="https://getbootstrap.com/docs/5.1/utilities/borders/" format="html" scope="external">border-radius
+        <xref href="https://getbootstrap.com/docs/5.2/utilities/borders/" format="html" scope="external">border-radius
           utilities</xref>, you can set <xmlatt>outputclass</xmlatt> to <codeph>img-thumbnail</codeph> to give an image
         a rounded 1px border appearance.</p>
     </section>
diff --git a/sample/index.dita b/sample/index.dita
index 703225cd..aeaea0d4 100644
--- a/sample/index.dita
+++ b/sample/index.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="index">
@@ -15,10 +15,10 @@
     <shortdesc>A plug-in for
       <xref href="http://www.dita-ot.org" format="html" scope="external">DITA Open Toolkit</xref> that extends the
       default HTML5 output with a
-      <xref href="https://getbootstrap.com/docs/5.1" format="html" scope="external">Bootstrap 5.1</xref> template and
+      <xref href="https://getbootstrap.com/docs/5.2" format="html" scope="external">Bootstrap 5.2</xref> template and
       components.</shortdesc>
     <p>Where necessary, the texts describing the usage of each component have been copied directly from the
-      <xref href="https://getbootstrap.com/docs/5.1" format="html" scope="external">official Bootstrap 5.1
+      <xref href="https://getbootstrap.com/docs/5.2" format="html" scope="external">official Bootstrap 5.2
         documentation</xref>, however DITA markup is used throughout the examples describing how to implement these
       components correctly using the DITA <xmlatt>outputclass</xmlatt> attribute. This text is therefore a derivative of
         <cite>Bootstrap 5 docs</cite> by Twitter, Inc. and the Bootstrap Authors, and used under
@@ -27,13 +27,13 @@
   <prolog>
     <metadata>
       <keywords>
-        <indexterm>Bootstrap 5.1</indexterm>
+        <indexterm>Bootstrap 5.2</indexterm>
         <indexterm>DITA</indexterm>
         <indexterm>installing</indexterm>
       </keywords>
     </metadata>
   </prolog>
-  <body outputclass="language-bash">
+  <body>
     <section>
       <title>Installing</title>
       <p>Use the <cmdname>dita</cmdname> command to add this plug-in to your DITA Open Toolkit installation:</p>
@@ -64,7 +64,7 @@
       <p>The plug-in includes a default static navigation menu with a project name and global link placeholders.</p>
       <p>The default header file <filepath>includes/bs-navbar-default.hdr.xml</filepath> uses the Bootstrap primary
         (blue) background color for the
-        <xref href="https://getbootstrap.com/docs/5.1/examples/navbars/" format="html" scope="external">navbar
+        <xref href="https://getbootstrap.com/docs/5.2/examples/navbars/" format="html" scope="external">navbar
           component</xref>.</p>
       <p>You can edit a copy of this file to adjust the content of the global navigation. To override the global
         navigation with your own header, pass a custom header file to the <cmdname>dita</cmdname> command via the
@@ -104,38 +104,38 @@
         >navigation parameter</xref>
         <parmname>--nav-toc</parmname> to add styled list groups to the navigation menu. (The navigation is rendered as
         a sidebar in desktop browsers and above the content on smaller devices.)</p>
-      <p>By default, the plug-in uses the <codeph>partial</codeph> option to include the current topic in the ToC along
-        with its parents, siblings and children. As with the default HTML5 plug-in, the <codeph>full</codeph> option can
-        also be used to generate a complete ToC for the entire map, or <codeph>none</codeph> to disable the table of
+      <p>By default, the plug-in uses the <option>partial</option> option to include the current topic in the ToC along
+        with its parents, siblings and children. As with the default HTML5 plug-in, the <option>full</option> option can
+        also be used to generate a complete ToC for the entire map, or <option>none</option> to disable the table of
         contents entirely.</p>
       <p>As of version 5.3.1, the plug-in provides five new options to style the table of contents navigation with the
         Bootstrap
-        <xref href="https://getbootstrap.com/docs/5.1/components/list-group/" format="html" scope="external">list
+        <xref href="https://getbootstrap.com/docs/5.2/components/list-group/" format="html" scope="external">list
           group</xref> component,
         <xref
-          href="https://getbootstrap.com/docs/5.1/components/navs-tabs/#pills"
+          href="https://getbootstrap.com/docs/5.2/components/navs-tabs/#pills"
           format="html"
           scope="external"
         >nav-pills</xref> and
          <xref
-          href="https://getbootstrap.com/docs/5.1/components/collapse/"
+          href="https://getbootstrap.com/docs/5.2/components/collapse/"
           format="html"
           scope="external"
         >collapsible</xref> menus.
       </p>
       <ul>
         <li>
-          <codeph>list-group-full</codeph> – Styled full ToC within a Bootstrap list group </li>
+          <option>list-group-full</option> – Styled full ToC within a Bootstrap list group </li>
         <li>
-          <codeph>list-group-partial</codeph> – Partial ToC with the current topic, parents, siblings, and children in a
+          <option>list-group-partial</option> – Partial ToC with the current topic, parents, siblings, and children in a
           list group </li>
         <li>
-          <codeph>nav-pill-full</codeph> – Styled full ToC using Bootstrap nav-pills </li>
+          <option>nav-pill-full</option> – Styled full ToC using Bootstrap nav-pills </li>
         <li>
-          <codeph>nav-pill-partial</codeph> – Partial ToC with the current topic, parents, siblings, and children using
+          <option>nav-pill-partial</option> – Partial ToC with the current topic, parents, siblings, and children using
           Bootstrap nav-pills </li>
         <li>
-          <codeph>collapsible</codeph> – Styled full ToC using collapsible list elements </li>
+          <option>collapsible</option> – Styled full ToC using collapsible list elements </li>
       </ul>
       <p>To use these options, pass the desired value to the <cmdname>dita</cmdname> command via the
           <parmname>--nav-toc</parmname> parameter:</p>
@@ -146,48 +146,48 @@
       <ol outputclass="carousel carousel-dark border">
         <li>
           <fig>
-            <title><codeph>full</codeph> – Unstyled full TOC</title>
+            <title><option>full</option> – Unstyled full TOC</title>
             <image href="./src/full.png"/>
           </fig>
         </li>
         <li>
           <fig>
-            <title><codeph>partial</codeph> – Unstyled partial TOC</title>
+            <title><option>partial</option> – Unstyled partial TOC</title>
             <image href="./src/partial.png"/>
           </fig>
         </li>
         <li>
           <fig>
-            <title><codeph>nav-pill-full</codeph> – Styled full ToC using nav-pills</title>
+            <title><option>nav-pill-full</option> – Styled full ToC using nav-pills</title>
             <image href="./src/nav-pill-full.png"/>
           </fig>
         </li>
         <li>
           <fig>
-            <title><codeph>nav-pill-partial</codeph> – Styled partial ToC using nav-pills</title>
+            <title><option>nav-pill-partial</option> – Styled partial ToC using nav-pills</title>
             <image href="./src/nav-pill-partial.png"/>
           </fig>
         </li>
         <li>
           <fig>
-            <title><codeph>list-group-full</codeph> – Styled full ToC within a list group</title>
+            <title><option>list-group-full</option> – Styled full ToC within a list group</title>
             <image href="./src/list-group-full.png"/>
           </fig>
         </li>
         <li>
           <fig>
-            <title><codeph>list-group-partial</codeph> – Styled partial ToC within a list group</title>
+            <title><option>list-group-partial</option> – Styled partial ToC within a list group</title>
             <image href="./src/list-group-partial.png"/>
           </fig>
         </li>
         <li>
           <fig>
-            <title><codeph>collapsible</codeph> – Styled full ToC with collapsible elements</title>
+            <title><option>collapsible</option> – Styled full ToC with collapsible elements</title>
             <image href="./src/collapsible.png"/>
           </fig>
         </li>
       </ol>
-      <note outputclass="alert-primary">For an example of <codeph>collapsible</codeph> styling, see the output at
+      <note outputclass="alert-primary">For an example of <option>collapsible</option> styling, see the output at
         <xref
           href="https://infotexture.github.io/dita-bootstrap/"
           format="html"
@@ -199,9 +199,9 @@
           <cmdname>dita</cmdname> command:</p>
       <codeblock outputclass="language-bash"><cmdname>dita</cmdname> <parmname>--input</parmname>=<filepath
         >path/to/your.ditamap</filepath> \
-  <parmname>--format</parmname>=<option>html5-bootstrap</option> \
-  <parmname>--nav-toc</parmname>=<option>list-group-partial</option>  \
-  <parmname>--menubar-toc.include</parmname>=<option>yes</option></codeblock>
+     <parmname>--format</parmname>=<option>html5-bootstrap</option> \
+     <parmname>--nav-toc</parmname>=<option>list-group-partial</option> \
+     <parmname>--menubar-toc.include</parmname>=<option>yes</option></codeblock>
       <fig>
         <image scalefit="yes" href="./src/menubar-toc.png"/>
       </fig>
@@ -225,12 +225,12 @@
         command via the <parmname>--args.css</parmname> parameter:</p>
       <codeblock outputclass="language-bash"><cmdname>dita</cmdname> <parmname>--input</parmname>=<filepath
         >path/to/your.ditamap</filepath> \
-  <parmname>--format</parmname>=<option>html5-bootstrap</option> \
-  <parmname>--args.hdr</parmname>=<filepath>path/to/your-header.xml</filepath> \
-  <parmname>--args.css</parmname>=&lt;name-of-css&gt;.css \
-  <parmname>--args.copycss</parmname>=<option>yes</option> \
-  <parmname>--args.csspath</parmname>=<option>css</option>
-  <parmname>--args.cssroot</parmname>=<filepath>path/to/your/theme</filepath></codeblock>
+     <parmname>--format</parmname>=<option>html5-bootstrap</option> \
+     <parmname>--args.hdr</parmname>=<filepath>path/to/your-header.xml</filepath> \
+     <parmname>--args.css</parmname>=&lt;name-of-css&gt;.css \
+     <parmname>--args.copycss</parmname>=<option>yes</option> \
+     <parmname>--args.csspath</parmname>=<option>css</option>
+     <parmname>--args.cssroot</parmname>=<filepath>path/to/your/theme</filepath></codeblock>
       <p>For more extensive customizations, you may want to fork this repository and create a new plug-in of your own.
       </p>
     </section>
@@ -258,14 +258,14 @@
       <indexterm><parmname>--bootstrap.css.dd</parmname></indexterm>
       <indexterm><parmname>--bootstrap.css.nav.parent</parmname></indexterm>
       <p>The HTML output for the following DITA elements can be annotated with common Bootstrap utility classes for
-        <xref href="https://getbootstrap.com/docs/5.1/utilities/borders" format="html" scope="external">borders</xref>,
+        <xref href="https://getbootstrap.com/docs/5.2/utilities/borders" format="html" scope="external">borders</xref>,
         <xref
-          href="https://getbootstrap.com/docs/5.1/utilities/background"
+          href="https://getbootstrap.com/docs/5.2/utilities/background"
           format="html"
           scope="external"
         >background</xref>,
-        <xref href="https://getbootstrap.com/docs/5.1/utilities/text" format="html" scope="external">text</xref>,
-        <xref href="https://getbootstrap.com/docs/5.1/utilities/spacing" format="html" scope="external">spacing</xref>,
+        <xref href="https://getbootstrap.com/docs/5.2/utilities/text" format="html" scope="external">text</xref>,
+        <xref href="https://getbootstrap.com/docs/5.2/utilities/spacing" format="html" scope="external">spacing</xref>,
         etc. using additional command line parameters:</p>
       <ul>
         <li>
@@ -376,6 +376,9 @@
           <parmname>--popovers.include</parmname> – enable Bootstrap
           <xref href="./popovers.dita" format="dita">popover components</xref> and
           <xref href="./tooltips.dita" format="dita">tooltip components</xref></li>
+        <li>
+          <parmname>--bidi.include</parmname> – whether to include support for
+          <xref href="./rtl.dita" format="dita">RTL languages</xref></li>
       </ul>
       <p>Breadcrumbs and menu bars can be added using the following parameters:</p>
       <ul>
diff --git a/sample/list-group.dita b/sample/list-group.dita
index 6dbfb9e3..e476fee0 100644
--- a/sample/list-group.dita
+++ b/sample/list-group.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="list-group">
diff --git a/sample/offcanvas.dita b/sample/offcanvas.dita
index 33e31bf4..35c09759 100644
--- a/sample/offcanvas.dita
+++ b/sample/offcanvas.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="offcanvas">
@@ -70,11 +70,13 @@
       <p>There’s no default placement for offcanvas components, so you must add one of the modifier outputclasses
         below</p>
       <ul>
-        <li>Setting <xmlatt>outputclass</xmlatt> to <codeph>offcanvas-start</codeph> places offcanvas on the left of the
+        <li>Setting <xmlatt>outputclass="offcanvas-start"</xmlatt> places offcanvas on the left of the
           viewport (shown above)</li>
-        <li>Setting <xmlatt>outputclass</xmlatt> to <codeph>offcanvas-end</codeph> places offcanvas on the right of the
+        <li>Setting <xmlatt>outputclass="offcanvas-end"</xmlatt> places offcanvas on the right of the
           viewport</li>
-        <li>Setting <xmlatt>outputclass</xmlatt> to <codeph>offcanvas-bottom</codeph> places offcanvas on the bottom of
+        <li>Setting <xmlatt>outputclass="offcanvas-bottom"</xmlatt> places offcanvas on the bottom of
+          the viewport</li>
+        <li>Setting <xmlatt>outputclass="offcanvas-top"</xmlatt> places offcanvas on the top of
           the viewport</li>
       </ul>
     </section>
@@ -98,5 +100,43 @@
     <codeblock>&lt;section outputclass="offcanvas-bottom"&gt;
   ...etc
 &lt;section&gt;</codeblock>
+    <section>
+      <title>Responsive</title>
+      <p
+      >Responsive offcanvas outputclasses hide content outside the viewport from a specified breakpoint and down. Above that breakpoint, the contents within will behave as usual. For example, <xmlatt
+        >outputclass="offcanvas-lg"</xmlatt> hides content in an offcanvas below the <codeph
+        >lg</codeph> breakpoint, but shows the content above the <codeph>lg</codeph> breakpoint.</p>
+    </section>
+    <bodydiv outputclass="bd-example" deliveryTarget="html">
+      <note
+        outputclass="alert-info d-none d-lg-block"
+      >Resize your browser to show the responsive offcanvas toggle.</note>
+      <xref outputclass="btn-primary d-lg-none" props="offcanvas-toggle" href="#offcanvas4">Toggle offcanvas</xref>
+      <section outputclass="offcanvas-lg" id="offcanvas4">
+        <title>Offcanvas</title>
+        <p>This is content within an <xmlatt>outputclass="offcanvas-lg"</xmlatt>.</p>
+      </section>
+    </bodydiv>
+    <p>Responsive offcanvas classes are available across for each breakpoint.</p>
+    <ul>
+      <li><xmlatt>outputclass="offcanvas"</xmlatt></li>
+      <li><xmlatt>outputclass="offcanvas-sm"</xmlatt></li>
+      <li><xmlatt>outputclass="offcanvas-md"</xmlatt></li>
+      <li><xmlatt>outputclass="offcanvas-lg"</xmlatt></li>
+      <li><xmlatt>outputclass="offcanvas-xl"</xmlatt></li>
+      <li><xmlatt>outputclass="offcanvas-xxl"</xmlatt></li>
+    </ul>
+    <codeblock>&lt;note outputclass="alert-info d-none d-lg-block"&gt;
+  Resize your browser to show the responsive offcanvas toggle.
+&lt;/note&gt;
+&lt;xref outputclass="btn-primary d-lg-none" props="offcanvas-toggle" href="#offcanvas4"&gt;
+  Toggle offcanvas
+&lt;/xref&gt;
+&lt;section outputclass="offcanvas-lg" id="offcanvas4"&gt;
+  &lt;title&gt;Offcanvas&lt;/title&gt;
+  &lt;p&gt;
+    This is content within an &lt;xmlatt&gt;outputclass="offcanvas-lg"&lt;/xmlatt&gt;.
+  &lt;/p&gt;
+&lt;/section&gt;</codeblock>
   </body>
 </topic>
diff --git a/sample/pagination.dita b/sample/pagination.dita
index 79b21568..68e2a99f 100644
--- a/sample/pagination.dita
+++ b/sample/pagination.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="pagination">
@@ -141,7 +141,7 @@
       <title>Alignment</title>
       <p>Change the alignment of pagination component by appending Bootstrap
         <xref
-          href="https://getbootstrap.com/docs/5.1/utilities/flex/"
+          href="https://getbootstrap.com/docs/5.2/utilities/flex/"
           format="html"
           scope="external"
         >flexbox utility</xref> classes
diff --git a/sample/popovers.dita b/sample/popovers.dita
index b5efcea2..d434253e 100644
--- a/sample/popovers.dita
+++ b/sample/popovers.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="popovers">
@@ -53,15 +53,11 @@
 
     <bodydiv outputclass="bd-example" deliveryTarget="html">
       <xref href="#" outputclass="btn-lg btn-danger popover-top">
-        <data>
-          <title>Popover title</title>
-        </data>
+        <data name="title">Popover title</data>
         <desc>And here's some amazing content. It's very engaging. Right?</desc> Click to toggle popover </xref>
     </bodydiv>
     <codeblock> &lt;xref href="#" outputclass="btn-lg btn-danger popover-top"&gt;
-  &lt;data&gt;
-    &lt;title&gt;Popover title&lt;/title&gt;
-  &lt;/data&gt;
+  &lt;data name="title">&gt;Popover title&lt;/data&gt;
   &lt;desc&gt;And here's some amazing content. It's very engaging. Right?&lt;/desc&gt;
   Click to toggle popover
 &lt;/xref&gt;</codeblock>
@@ -98,6 +94,33 @@
 &lt;xref href="#" outputclass="btn-secondary popover-left"&gt;
   &lt;desc&gt;Left popover&lt;/desc&gt;
   Popover on left
+&lt;/xref&gt;</codeblock>
+    <section>
+      <title>Custom popovers</title>
+      <p>You can customize the appearance of popovers using CSS variables.
+        We set a custom class with <codeph
+        >&lt;data name="class"&gt;custom-popover&lt;data&gt;</codeph> to scope our custom
+        appearance and use it to override some of the local CSS variables.</p>
+      <codeblock outputclass="language-css">.custom-popover {
+  --bs-popover-max-width: 200px;
+  --bs-popover-border-color: var(--bs-primary);
+  --bs-popover-header-bg: var(--bs-primary);
+  --bs-popover-header-color: var(--bs-white);
+  --bs-popover-body-padding-x: 1rem;
+  --bs-popover-body-padding-y: .5rem;
+}</codeblock>
+    </section>
+    <bodydiv outputclass="bd-example" deliveryTarget="html">
+        <xref href="#" outputclass="btn-lg btn-danger popover-top">
+          <data name="title">Popover title</data>
+          <data name="class">custom-popover</data>
+          <desc>And here's some amazing content. It's very engaging. Right?</desc>Custom popover</xref>
+    </bodydiv>
+    <codeblock>&lt;xref href="#" outputclass="btn-lg btn-danger popover-top"&gt;
+  &lt;data name="title"&gt;Popover title&lt;/data&gt;
+  &lt;data name="class"&gt;custom-popover&lt;/data&gt;
+  &lt;desc&gt;And here's some amazing content. It's very engaging. Right?&lt;/desc&gt;
+  Custom popover
 &lt;/xref&gt;</codeblock>
   </body>
 </topic>
diff --git a/sample/rtl.dita b/sample/rtl.dita
new file mode 100644
index 00000000..2a16b073
--- /dev/null
+++ b/sample/rtl.dita
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
+<!-- Within the sample documentation, where necessary, the texts describing the
+   usage of each component have been copied directly from the official Bootstrap
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
+   markup is used throughout the examples describing how to implement these
+   components correctly using outputclass.
+
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
+   and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
+   file for applicable licenses.-->
+<topic id="rtl">
+  <title>Right-to-Left Language Support</title>
+  <shortdesc>You can enable support for right-to-left (RTL) text via the default language setting,
+      <xmlatt>xml:lang</xmlatt> attribute, or <xmlatt>dir</xmlatt> attribute.</shortdesc>
+  <prolog>
+    <metadata>
+      <keywords>
+        <indexterm>RTL</indexterm>
+        <indexterm><parmname>--bidi.include</parmname></indexterm>
+        <indexterm><parmname>--defaultLanguage</parmname></indexterm>
+        <indexterm><xmlatt>xml:lang</xmlatt></indexterm>
+      </keywords>
+    </metadata>
+  </prolog>
+  <body outputclass="language-markup">
+    <section>
+      <title>Loading the Right-to-Left stylesheet</title>
+      <p>By default the Bootstrap plugin loads standard left-to-right CSS. To enable support for right-to-left
+        languages, DITA-OT must load the RTL version of the Bootstrap CSS. This is done automatically if the
+          <parmname>--defaultLanguage</parmname> is set to an RTL language. Alternatively, you can manually enable RTL
+        support using the <parmname>--bidi.include</parmname> parameter: </p>
+      <codeblock dir="ltr" outputclass="language-bash"><cmdname>dita</cmdname> <parmname>--input</parmname>=<filepath
+        >path/to/your.ditamap</filepath> \
+     <parmname>--format</parmname>=<option>html5-bootstrap</option> \
+     <parmname>--bidi.include</parmname>=<option>yes</option></codeblock>
+    </section>
+    <section>
+      <title>Using LTR and RTL languages in the same topic</title>
+      <p>The overall layout is always defined by the <parmname>--defaultLanguage</parmname> parameter.</p>
+      <p>To render an article as RTL across the page, set the <xmlelement>topic xml:lang=".."</xmlelement> to an RTL
+        language.</p>
+      <codeblock dir="ltr" outputclass="language-xml">&lt;topic id="..." xml:lang="ar"&gt;</codeblock>
+      <p>Additionally, within any <xmlelement>topic</xmlelement>, setting the <xmlatt>dir</xmlatt> attribute on any DITA
+        element thereafter will cause the layout to be recalculated for the enclosed block only.</p>
+    </section>
+    <bodydiv outputclass="bd-example" deliveryTarget="html">
+      <bodydiv outputclass="row" dir="rtl">
+        <bodydiv outputclass="col">
+          <section outputclass="card w-50" xml:lang="ar">
+            <title outputclass="h5">عنوان البطاقة</title>
+            <image outputclass="card-img-top" scope="external" href="https://picsum.photos/400/200?a"/>
+            <p>بعض الأمثلة السريعة للنص الذي سيتم بناؤه على عنوان البطاقة وتشكيل الجزء الأكبر من محتوى البطاقة.</p>
+            <xref outputclass="btn-primary" href="#">اذهب لمكان ما</xref>
+          </section>
+        </bodydiv>
+      </bodydiv>
+    </bodydiv>
+    <codeblock>&lt;bodydiv outputclass="row" dir="rtl"&gt;
+  &lt;bodydiv outputclass="col"&gt;
+    &lt;section outputclass="card w-50" xml:lang="ar"&gt;
+      &lt;title outputclass="h5"&gt;عنوان البطاقة&lt;/title&gt;
+      &lt;image outputclass="card-img-top" href="..." /&gt;
+      &lt;p&gt;بعض الأمثلة السريعة للنص الذي سيتم بناؤه على عنوان البطاقة وتشكيل الجزء الأكبر من محتوى البطاقة.&lt;/p&gt;
+      &lt;xref outputclass="btn-primary" href="#"&gt;اذهب لمكان ما&lt;/xref&gt;
+    &lt;/section&gt;
+  &lt;/bodydiv&gt;
+&lt;/bodydiv&gt;</codeblock>
+  </body>
+</topic>
diff --git a/sample/scrollspy.dita b/sample/scrollspy.dita
index f1b8a1d5..975f93f7 100644
--- a/sample/scrollspy.dita
+++ b/sample/scrollspy.dita
@@ -2,7 +2,7 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass. -->
 <topic id="scrollspy">
@@ -57,9 +57,9 @@
           <parmname>--nav-toc</parmname>=<option>nav-pill-scrollspy</option> to the <cmdname>dita</cmdname> command.</p>
       <codeblock outputclass="language-bash"><cmdname>dita</cmdname> <parmname>--input</parmname>=<filepath
         >path/to/your.ditamap</filepath> \
-  <parmname>--format</parmname>=<option>html5-bootstrap</option> \
-  <parmname>--nav-toc</parmname>=<option>nav-pill-scrollspy</option>  \
-  <parmname>--menubar-toc.include</parmname>=<option>yes</option></codeblock>
+     <parmname>--format</parmname>=<option>html5-bootstrap</option> \
+     <parmname>--nav-toc</parmname>=<option>nav-pill-scrollspy</option> \
+     <parmname>--menubar-toc.include</parmname>=<option>yes</option></codeblock>
     </section>
     <section>
       <title>Example with list-group</title>
@@ -89,9 +89,9 @@
         command.</p>
       <codeblock outputclass="language-bash"><cmdname>dita</cmdname> <parmname>--input</parmname>=<filepath
         >path/to/your.ditamap</filepath> \
-  <parmname>--format</parmname>=<option>html5-bootstrap</option> \
-  <parmname>--nav-toc</parmname>=<option>list-group-scrollspy</option>  \
-  <parmname>--menubar-toc.include</parmname>=<option>yes</option></codeblock>
+     <parmname>--format</parmname>=<option>html5-bootstrap</option> \
+     <parmname>--nav-toc</parmname>=<option>list-group-scrollspy</option> \
+     <parmname>--menubar-toc.include</parmname>=<option>yes</option></codeblock>
     </section>
   </body>
 </topic>
diff --git a/sample/tables.dita b/sample/tables.dita
index 20687f5d..c7c1cbc1 100644
--- a/sample/tables.dita
+++ b/sample/tables.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="tables">
@@ -208,13 +208,55 @@
     </bodydiv>
     <codeblock>&lt;table outputclass="table-striped"&gt;
   ...etc
+&lt;/table&gt;</codeblock>
+    <section>
+      <title>Striped columns</title>
+      <p>Use <xmlatt>outputclass</xmlatt> and add <codeph
+        >table-striped-columns</codeph> to add zebra-striping to any table row
+        within the <xmlelement>tbody</xmlelement>.</p>
+    </section>
+    <bodydiv outputclass="bd-example" deliveryTarget="html">
+      <table outputclass="table-striped-columns">
+        <tgroup cols="2">
+          <colspec colname="COLSPEC0"/>
+          <colspec colname="COLSPEC1"/>
+          <thead>
+            <row>
+              <entry colname="COLSPEC0" valign="top">Animal</entry>
+              <entry colname="COLSPEC1" valign="top">Gestation</entry>
+            </row>
+          </thead>
+          <tbody>
+            <row>
+              <entry>Elephant (African and Asian)</entry>
+              <entry>19-22 months</entry>
+            </row>
+            <row>
+              <entry>Giraffe</entry>
+              <entry>15 months</entry>
+            </row>
+            <row>
+              <entry>Rhinoceros</entry>
+              <entry>14-16 months</entry>
+            </row>
+            <row>
+              <entry>Hippopotamus</entry>
+              <entry>7 1/2 months</entry>
+            </row>
+          </tbody>
+        </tgroup>
+      </table>
+    </bodydiv>
+    <codeblock>&lt;table outputclass="table-striped-columns"&gt;
+  ...etc
 &lt;/table&gt;</codeblock>
     <section>
       <title>Bordered tables</title>
-      <p>Add <xmlatt>frame="all"</xmlatt> for borders on all sides of the table and cells.</p>
+      <p>Add <xmlatt>rowsep="1"</xmlatt> and <xmlatt
+        >colsep="1"</xmlatt> for borders on all sides of the table and cells.</p>
     </section>
     <bodydiv outputclass="bd-example" deliveryTarget="html">
-      <table frame="all">
+      <table rowsep="1" colsep="1">
         <tgroup cols="2">
           <colspec colname="COLSPEC0"/>
           <colspec colname="COLSPEC1"/>
@@ -245,15 +287,55 @@
         </tgroup>
       </table>
     </bodydiv>
-    <codeblock>&lt;table frame="all"&gt;
+    <codeblock>&lt;table rowsep="1" colsep="1"&gt;
   ...etc
 &lt;/table&gt;</codeblock>
     <section>
       <title>Tables without borders</title>
-      <p>Add <xmlatt>frame="none"</xmlatt> for a table without borders.</p>
+      <p>Add <xmlatt>rowsep="0"</xmlatt> and <xmlatt>colsep="0"</xmlatt> for a table without borders.</p>
+    </section>
+    <bodydiv outputclass="bd-example" deliveryTarget="html">
+      <table rowsep="0" colsep="0">
+        <tgroup cols="2">
+          <colspec colname="COLSPEC0"/>
+          <colspec colname="COLSPEC1"/>
+          <thead>
+            <row>
+              <entry colname="COLSPEC0" valign="top">Animal</entry>
+              <entry colname="COLSPEC1" valign="top">Gestation</entry>
+            </row>
+          </thead>
+          <tbody>
+            <row>
+              <entry>Elephant (African and Asian)</entry>
+              <entry>19-22 months</entry>
+            </row>
+            <row>
+              <entry>Giraffe</entry>
+              <entry>15 months</entry>
+            </row>
+            <row>
+              <entry>Rhinoceros</entry>
+              <entry>14-16 months</entry>
+            </row>
+            <row>
+              <entry>Hippopotamus</entry>
+              <entry>7 1/2 months</entry>
+            </row>
+          </tbody>
+        </tgroup>
+      </table>
+    </bodydiv>
+    <codeblock>&lt;table rowsep="0" colsep="0"&gt;
+  ...etc
+&lt;/table&gt;</codeblock>
+    <section>
+      <title>Small Tables</title>
+      <p>Add <xmlatt>outputclass="table-sm"</xmlatt> make any table more compact by cutting all cell <codeph
+        >padding</codeph> in half.</p>
     </section>
     <bodydiv outputclass="bd-example" deliveryTarget="html">
-      <table frame="none">
+      <table outputclass="table-sm">
         <tgroup cols="2">
           <colspec colname="COLSPEC0"/>
           <colspec colname="COLSPEC1"/>
@@ -284,8 +366,130 @@
         </tgroup>
       </table>
     </bodydiv>
-    <codeblock>&lt;table frame="none"&gt;
+    <codeblock>&lt;table outputclass="table-sm"&gt;
   ...etc
+&lt;/table&gt;</codeblock>
+    <section>
+      <title>Table group dividers</title>
+      <p>Add a thicker border, darker between table groups—<xmlelement>thead</xmlelement> and <xmlelement
+        >tbody</xmlelement>, with <xmlatt>outputclass="table-group-divider"</xmlatt>.</p>
+    </section>
+    <bodydiv outputclass="bd-example" deliveryTarget="html">
+      <table>
+        <tgroup cols="2">
+          <colspec colname="COLSPEC0"/>
+          <colspec colname="COLSPEC1"/>
+          <thead>
+            <row>
+              <entry colname="COLSPEC0" valign="top">Animal</entry>
+              <entry colname="COLSPEC1" valign="top">Gestation</entry>
+            </row>
+          </thead>
+          <tbody outputclass="table-group-divider">
+            <row>
+              <entry>Elephant (African and Asian)</entry>
+              <entry>19-22 months</entry>
+            </row>
+            <row>
+              <entry>Giraffe</entry>
+              <entry>15 months</entry>
+            </row>
+            <row>
+              <entry>Rhinoceros</entry>
+              <entry>14-16 months</entry>
+            </row>
+            <row>
+              <entry>Hippopotamus</entry>
+              <entry>7 1/2 months</entry>
+            </row>
+          </tbody>
+        </tgroup>
+      </table>
+    </bodydiv>
+    <codeblock>&lt;table outputclass="table-group-divider"&gt;
+  ...etc
+&lt;/table&gt;</codeblock>
+    <section>
+      <title>Vertical alignment</title>
+      <p>Table cells of <xmlelement
+        >thead</xmlelement> are always vertical aligned to the bottom. Table cells in <xmlelement
+        >tbody</xmlelement> inherit their alignment from <xmlelement
+        >table</xmlelement> and are aligned to the top by default. Use the <xmlatt
+        >valign</xmlatt> attribute to re-align where needed.</p>
+    </section>
+    <bodydiv outputclass="bd-example" deliveryTarget="html">
+      <table outputclass="align-middle">
+        <tgroup cols="4">
+          <colspec colname="COLSPEC0"/>
+          <colspec colname="COLSPEC1"/>
+          <colspec colname="COLSPEC2"/>
+          <colspec colname="COLSPEC3"/>
+          <thead>
+            <row>
+              <entry colname="COLSPEC0" valign="top">Heading 1</entry>
+              <entry colname="COLSPEC1" valign="bottom">Heading 2</entry>
+              <entry colname="COLSPEC2" valign="middle">Heading 3</entry>
+              <entry
+                colname="COLSPEC3"
+              >Heading 4 - here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the headers</entry>
+            </row>
+          </thead>
+
+          <tbody>
+            <row>
+              <entry>This cell inherits <xmlatt>outputclass="align-middle"</xmlatt> from the table</entry>
+              <entry>This cell inherits <xmlatt>outputclass="align-middle"</xmlatt> from the table</entry>
+              <entry>This cell inherits <xmlatt>outputclass="align-middle"</xmlatt> from the table</entry>
+              <entry
+              >This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.</entry>
+            </row>
+            <row valign="bottom">
+              <entry>This cell inherits <xmlatt>valign="bottom"</xmlatt> from the table row</entry>
+              <entry>This cell inherits <xmlatt>valign="bottom"</xmlatt> from the table row</entry>
+              <entry>This cell inherits <xmlatt>valign="bottom"</xmlatt> from the table row</entry>
+              <entry
+              >This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.</entry>
+            </row>
+            <row>
+              <entry>This cell inherits <xmlatt>outputclass="align-middle"</xmlatt> from the table</entry>
+              <entry>This cell inherits <xmlatt>outputclass="align-middle"</xmlatt> from the table</entry>
+              <entry valign="top">This cell is aligned to the top.</entry>
+              <entry
+              >This here is some placeholder text, intended to take up quite a bit of vertical space, to demonstrate how the vertical alignment works in the preceding cells.</entry>
+            </row>
+          </tbody>
+        </tgroup>
+      </table>
+    </bodydiv>
+    <codeblock>&lt;table outputclass="align-middle"&gt;
+  &lt;tgroup cols="4"&gt;
+    &lt;colspec colname="COLSPEC0"/&gt;
+    &lt;colspec colname="COLSPEC1"/&gt;
+    &lt;colspec colname="COLSPEC2"/&gt;
+    &lt;colspec colname="COLSPEC3"/&gt;
+    &lt;thead&gt;
+      &lt;row&gt;
+        &lt;entry colname="COLSPEC0" valign="top"&gt;...&lt;/entry&gt;
+        &lt;entry colname="COLSPEC1" valign="bottom"&gt;...&lt;/entry&gt;
+        &lt;entry colname="COLSPEC2" valign="middle"&gt;...&lt;/entry&gt;
+        &lt;entry colname="COLSPEC3" valign="middle"&gt;...&lt;/entry&gt;
+      &lt;/row&gt;
+    &lt;/thead&gt;
+    &lt;tbody&gt;
+      &lt;row&gt;
+        ...
+      &lt;/row&gt;
+      &lt;row valign="bottom"&gt;
+        ...
+      &lt;/row&gt;
+      &lt;row&gt;
+        &lt;entry&gt;...&lt;/entry&gt;
+        &lt;entry&gt;...&lt;/entry&gt;
+        &lt;entry valign="top"&gt;...&lt;/entry&gt;
+        &lt;entry&gt;...&lt;/entry&gt;
+      &lt;/row&gt;
+    &lt;/tbody&gt;
+  &lt;/tgroup&gt;
 &lt;/table&gt;</codeblock>
     <section>
       <title>Table head</title>
@@ -293,7 +497,6 @@
           <xmlatt>outputclass="table-dark"</xmlatt> to make <xmlelement>thead</xmlelement> elements appear light or dark
         gray.</p>
     </section>
-
     <bodydiv outputclass="bd-example" deliveryTarget="html">
       <table>
         <tgroup cols="2">
diff --git a/sample/tabs.dita b/sample/tabs.dita
index c9736bbc..bf7551cd 100644
--- a/sample/tabs.dita
+++ b/sample/tabs.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="tabs">
diff --git a/sample/tooltips.dita b/sample/tooltips.dita
index 32f22414..46768b01 100644
--- a/sample/tooltips.dita
+++ b/sample/tooltips.dita
@@ -2,11 +2,11 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0. See the accompanying LICENSE
    file for applicable licenses.-->
 <topic id="tooltips">
@@ -98,6 +98,26 @@
     <codeblock>&lt;xref href="#" outputclass="btn-secondary tooltip-top"&gt;
   &lt;desc&gt;&lt;b&gt;Tooltip&lt;/b&gt; &lt;u&gt;with&amp;lt;/u&gt; &lt;b&gt;DITA&lt;/b&gt; elements&lt;/desc&gt;
   Tooltip with embedded DITA
+&lt;/xref&gt;</codeblock>
+    <section>
+      <title>Custom tooltips</title>
+      <p>You can customize the appearance of tooltips using CSS variables. We set a custom class with <codeph
+        >&lt;data name="class"&gt;custom-tooltip&lt;data&gt;</codeph>  to scope our custom appearance and use it to override a local CSS variable.</p>
+    </section>
+    <codeblock outputclass="language-css">.custom-tooltip {
+  --bs-tooltip-bg: var(--bs-primary);
+}</codeblock>
+    <bodydiv outputclass="bd-example" deliveryTarget="html">
+      <xref href="#" outputclass="btn-secondary tooltip-top">
+        <data name="class">custom-tooltip</data>
+        <desc>This top tooltip is themed via CSS variables.</desc>
+        Custom tooltip
+      </xref>
+    </bodydiv>
+    <codeblock>&lt;xref href="#" outputclass="btn-secondary tooltip-top"&gt;
+  &lt;data name="class"&gt;custom-tooltip&lt;/data&gt;
+  &lt;desc&gt;This top tooltip is themed via CSS variables.&lt;/desc&gt;
+  Custom tooltip
 &lt;/xref&gt;</codeblock>
   </body>
 </topic>
diff --git a/sample/typography.dita b/sample/typography.dita
index eaca3678..a4b6378a 100644
--- a/sample/typography.dita
+++ b/sample/typography.dita
@@ -2,7 +2,7 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass. -->
 <topic id="typography">
diff --git a/sample/utilities.dita b/sample/utilities.dita
index a742702a..fff0b4ce 100644
--- a/sample/utilities.dita
+++ b/sample/utilities.dita
@@ -2,15 +2,15 @@
 <!DOCTYPE topic PUBLIC "-//OASIS//DTD DITA Topic//EN" "topic.dtd">
 <!-- Within the sample documentation, where necessary, the texts describing the
    usage of each component have been copied directly from the official Bootstrap
-   5.1 documentation (found at https://getbootstrap.com/docs/5.1), however DITA
+   5.2 documentation (found at https://getbootstrap.com/docs/5.2), however DITA
    markup is used throughout the examples describing how to implement these
    components correctly using outputclass.
 
-   This work, is a derivative of "Bootstrap 5.1 docs" by Twitter, Inc.
+   This work, is a derivative of "Bootstrap 5.2 docs" by Twitter, Inc.
    and the Bootstrap Authors, and used under CC BY 3.0.
 
     -->
-<topic id="cards">
+<topic id="utilities">
   <title>Borders, Color and Background</title>
   <shortdesc>Use border utilities to quickly style the border and border-radius of an element and convey meaning through
       <codeph>color</codeph> and <codeph>background-color</codeph> with a handful of color utility classes.</shortdesc>
@@ -29,8 +29,8 @@
   </prolog>
   <body outputclass="language-markup">
 
-    <section id="border">
-      <title>Border</title>
+    <section id="borders">
+      <title>Borders</title>
       <p>Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.</p>
     </section>
     <bodydiv outputclass="bd-example" deliveryTarget="html">
@@ -74,9 +74,41 @@ Rough winds do shake the darling buds of May,
 and summer's lease hath all too short a date:
 ...</lines>
       <p/>
+      <table frame="all">
+        <tgroup cols="2">
+          <colspec colname="COLSPEC0"/>
+          <colspec colname="COLSPEC1"/>
+          <thead outputclass="table-dark">
+            <row>
+              <entry colname="COLSPEC0" valign="top">Animal</entry>
+              <entry colname="COLSPEC1" valign="top">Gestation</entry>
+            </row>
+          </thead>
+          <tbody>
+            <row>
+              <entry>Elephant (African and Asian)</entry>
+              <entry>19-22 months</entry>
+            </row>
+            <row>
+              <entry>Giraffe</entry>
+              <entry>15 months</entry>
+            </row>
+            <row>
+              <entry>Rhinoceros</entry>
+              <entry>14-16 months</entry>
+            </row>
+            <row>
+              <entry>Hippopotamus</entry>
+              <entry>7 1/2 months</entry>
+            </row>
+          </tbody>
+        </tgroup>
+      </table>
+      <p/>
     </bodydiv>
     <codeblock>&lt;codeblock frame="sides"&gt;...&lt;/codeblock&gt;
-&lt;lines frame="topbot" outputclass="bg-light"&gt;...&lt;/lines&gt;</codeblock>
+&lt;lines frame="topbot" outputclass="bg-light"&gt;...&lt;/lines&gt;
+&lt;table frame="all"&gt;...&lt;/table&gt;</codeblock>
     <section id="colors">
       <title>Colors</title>
       <p>Colorize text with color utilities</p>
diff --git a/xsl/html5-bootstrap.xsl b/xsl/html5-bootstrap.xsl
index ff1b1809..d161f733 100644
--- a/xsl/html5-bootstrap.xsl
+++ b/xsl/html5-bootstrap.xsl
@@ -137,63 +137,77 @@
 
   <!-- Hidden accessibility buttons for screen readers and keyboard navigation-->
   <xsl:template name="gen-skip-to-main">
-     <div>
-        <xsl:attribute name="class" select="concat('visually-hidden-focusable overflow-hidden p-2 ', $BOOTSTRAP_CSS_ACCESSIBILITY_NAV)"/>
-
-        <div class="container-xl">
-          <a>
-            <xsl:attribute name="class" select="concat('d-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"/>
-            <xsl:apply-templates mode="scrollspy-href" select="*[contains(@class, ' topic/title ')][1]"/>
-            <xsl:call-template name="getVariable">
-              <xsl:with-param name="id" select="'Skip to main content'"/>
-            </xsl:call-template>
-          </a>
-          <xsl:choose>
-            <xsl:when test="$BOOTSTRAP_MENUBAR_TOC = 'yes'">
-              <!-- "skip to docs" link refers to the menubar -->
-              <a href="#bs-menubar-nav">
-                <xsl:attribute name="class" select="concat('d-none d-md-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"/>
-                <xsl:call-template name="getVariable">
-                  <xsl:with-param name="id" select="'Skip to docs navigation'"/>
-                </xsl:call-template>
-              </a>
-              <!-- sidebar holds a topic nav, not a document nav -->
-              <xsl:if test="$nav-toc = ('nav-pill-scrollspy', 'list-group-scrollspy')">
-                <a href="#bs-sidebar-nav">
-                  <xsl:attribute name="class" select="concat('d-none d-md-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"/>
-                  <xsl:call-template name="getVariable">
-                    <xsl:with-param name="id" select="'Skip to topic navigation'"/>
-                  </xsl:call-template>
-                </a>
-              </xsl:if>
-            </xsl:when>
-            <xsl:when test="$nav-toc = 'none'">
-              <!-- do not add a "skip to docs" link -->
-            </xsl:when>
-            <xsl:when test="$nav-toc = ('nav-pill-scrollspy', 'list-group-scrollspy')">
-              <!-- sidebar holds a topic nav, not a document nav -->
+    <div>
+      <xsl:attribute
+        name="class"
+        select="concat('visually-hidden-focusable overflow-hidden p-2 ', $BOOTSTRAP_CSS_ACCESSIBILITY_NAV)"
+      />
+
+      <div class="container-xl">
+        <a>
+          <xsl:attribute name="class" select="concat('d-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"/>
+          <xsl:apply-templates mode="scrollspy-href" select="*[contains(@class, ' topic/title ')][1]"/>
+          <xsl:call-template name="getVariable">
+            <xsl:with-param name="id" select="'Skip to main content'"/>
+          </xsl:call-template>
+        </a>
+        <xsl:choose>
+          <xsl:when test="$BOOTSTRAP_MENUBAR_TOC = 'yes'">
+            <!-- "skip to docs" link refers to the menubar -->
+            <a href="#bs-menubar-nav">
+              <xsl:attribute
+                name="class"
+                select="concat('d-none d-md-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"
+              />
+              <xsl:call-template name="getVariable">
+                <xsl:with-param name="id" select="'Skip to docs navigation'"/>
+              </xsl:call-template>
+            </a>
+            <!-- sidebar holds a topic nav, not a document nav -->
+            <xsl:if test="$nav-toc = ('nav-pill-scrollspy', 'list-group-scrollspy')">
               <a href="#bs-sidebar-nav">
-                <xsl:attribute name="class" select="concat('d-none d-md-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"/>
+                <xsl:attribute
+                  name="class"
+                  select="concat('d-none d-md-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"
+                />
                 <xsl:call-template name="getVariable">
                   <xsl:with-param name="id" select="'Skip to topic navigation'"/>
                 </xsl:call-template>
               </a>
-            </xsl:when>
-            <xsl:otherwise>
-              <!-- Add a "skip to docs" link to the sidebar -->
-              <a href="#bs-sidebar-nav">
-                <xsl:attribute name="class" select="concat('d-none d-md-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"/>
-                <xsl:call-template name="getVariable">
-                  <xsl:with-param name="id" select="'Skip to docs navigation'"/>
-                </xsl:call-template>
-              </a>
-            </xsl:otherwise>
-          </xsl:choose>
-        </div>
+            </xsl:if>
+          </xsl:when>
+          <xsl:when test="$nav-toc = 'none'">
+            <!-- do not add a "skip to docs" link -->
+          </xsl:when>
+          <xsl:when test="$nav-toc = ('nav-pill-scrollspy', 'list-group-scrollspy')">
+            <!-- sidebar holds a topic nav, not a document nav -->
+            <a href="#bs-sidebar-nav">
+              <xsl:attribute
+                name="class"
+                select="concat('d-none d-md-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"
+              />
+              <xsl:call-template name="getVariable">
+                <xsl:with-param name="id" select="'Skip to topic navigation'"/>
+              </xsl:call-template>
+            </a>
+          </xsl:when>
+          <xsl:otherwise>
+            <!-- Add a "skip to docs" link to the sidebar -->
+            <a href="#bs-sidebar-nav">
+              <xsl:attribute
+                name="class"
+                select="concat('d-none d-md-inline-flex m-1 ', $BOOTSTRAP_CSS_ACCESSIBILITY_LINK)"
+              />
+              <xsl:call-template name="getVariable">
+                <xsl:with-param name="id" select="'Skip to docs navigation'"/>
+              </xsl:call-template>
+            </a>
+          </xsl:otherwise>
+        </xsl:choose>
       </div>
+    </div>
   </xsl:template>
 
-
   <!-- Override to add scrollspy -->
   <xsl:template match="*" mode="addAttributesToBody">
     <xsl:if test="$nav-toc = ('list-group-scrollspy', 'nav-pill-scrollspy')">
@@ -222,5 +236,4 @@
     <xsl:attribute name="role">navigation</xsl:attribute>
     <xsl:attribute name="id">bs-menubar-nav</xsl:attribute>
   </xsl:attribute-set>
-
 </xsl:stylesheet>