diff --git a/lib/Froxlor/UI/HTML.php b/lib/Froxlor/UI/HTML.php
index 39eabc2f..26f68ab1 100644
--- a/lib/Froxlor/UI/HTML.php
+++ b/lib/Froxlor/UI/HTML.php
@@ -12,7 +12,7 @@ class HTML
 	 *        	array navigation data
 	 * @param
 	 *        	array userinfo the userinfo of the user
-	 * @return string the content of the navigation bar
+	 * @return array the content of the navigation bar
 	 *        
 	 * @author Florian Lippert <flo@syscp.org>
 	 */
@@ -61,15 +61,18 @@ class HTML
 
 							$navurl = htmlspecialchars($element['url']);
 							$navlabel = $element['label'];
+							$icon = $element['icon'] ?? null;
 						} else {
 							$navlabel = $element['label'];
+                            $icon = $element['icon'] ?? null;
 						}
 
 						$navigation_links[] = [
 							'url' => $navurl,
 							'target' => $target,
 							'is_active' => $active,
-							'label' => $navlabel
+							'label' => $navlabel,
+							'icon' => $icon
 						];
 					}
 				}
@@ -95,15 +98,18 @@ class HTML
 
 						$navurl = htmlspecialchars($box['url']);
 						$navlabel = $box['label'];
+						$icon = $box['icon'] ?? null;
 					} else {
 						$navurl = "#";
 						$navlabel = $box['label'];
+						$icon = $box['icon'] ?? null;
 					}
 
 					$returnvalue[] = [
 						'url' => $navurl,
 						'target' => $target,
 						'label' => $navlabel,
+						'icon' => $icon,
 						'items' => $navigation_links
 					];
 				}
diff --git a/lib/navigation/00.froxlor.main.php b/lib/navigation/00.froxlor.main.php
index 2eec35a1..6e9ea20e 100644
--- a/lib/navigation/00.froxlor.main.php
+++ b/lib/navigation/00.froxlor.main.php
@@ -18,47 +18,11 @@
  */
 return array(
 	'customer' => array(
-		'index' => array(
-			'url' => 'customer_index.php',
-			'label' => $lng['admin']['overview'],
-			'elements' => array(
-				array(
-					'label' => $lng['menue']['main']['username']
-				),
-				array(
-					'url' => 'customer_index.php?page=change_password',
-					'label' => $lng['menue']['main']['changepassword']
-				),
-				array(
-					'url' => 'customer_index.php?page=change_language',
-					'label' => $lng['menue']['main']['changelanguage']
-				),
-				array(
-					'url' => 'customer_index.php?page=change_theme',
-					'label' => $lng['menue']['main']['changetheme'],
-					'show_element' => (\Froxlor\Settings::Get('panel.allow_theme_change_customer') == true)
-				),
-				array(
-					'url' => 'customer_index.php?page=apikeys',
-					'label' => $lng['menue']['main']['apikeys'],
-					'show_element' => (\Froxlor\Settings::Get('api.enabled') == true)
-				),
-				array(
-					'url' => 'https://docs.froxlor.org/apiguide/index.html',
-					'new_window' => true,
-					'label' => $lng['menue']['main']['apihelp'],
-					'show_element' => (\Froxlor\Settings::Get('api.enabled') == true)
-				),
-				array(
-					'url' => 'customer_index.php?action=logout',
-					'label' => $lng['login']['logout']
-				)
-			)
-		),
 		'email' => array(
 			'url' => 'customer_email.php',
 			'label' => $lng['menue']['email']['email'],
 			'show_element' => (! \Froxlor\Settings::IsInList('panel.customer_hide_options', 'email')),
+            'icon' => 'fa fa-envelope',
 			'elements' => array(
 				array(
 					'url' => 'customer_email.php?page=emails',
@@ -83,6 +47,7 @@ return array(
 			'url' => 'customer_mysql.php',
 			'label' => $lng['menue']['mysql']['mysql'],
 			'show_element' => (! \Froxlor\Settings::IsInList('panel.customer_hide_options', 'mysql')),
+            'icon' => 'fa fa-database',
 			'elements' => array(
 				array(
 					'url' => 'customer_mysql.php?page=mysqls',
@@ -102,6 +67,7 @@ return array(
 			'url' => 'customer_domains.php',
 			'label' => $lng['menue']['domains']['domains'],
 			'show_element' => (! \Froxlor\Settings::IsInList('panel.customer_hide_options', 'domains')),
+            'icon' => 'fa fa-globe',
 			'elements' => array(
 				array(
 					'url' => 'customer_domains.php?page=domains',
@@ -117,6 +83,7 @@ return array(
 			'url' => 'customer_ftp.php',
 			'label' => $lng['menue']['ftp']['ftp'],
 			'show_element' => (! \Froxlor\Settings::IsInList('panel.customer_hide_options', 'ftp')),
+            'icon' => 'fa fa-transfer',
 			'elements' => array(
 				array(
 					'url' => 'customer_ftp.php?page=accounts',
@@ -134,6 +101,7 @@ return array(
 			'url' => 'customer_extras.php',
 			'label' => $lng['menue']['extras']['extras'],
 			'show_element' => (! \Froxlor\Settings::IsInList('panel.customer_hide_options', 'extras')),
+            'icon' => 'fa fa-wrench',
 			'elements' => array(
 				array(
 					'url' => 'customer_extras.php?page=htpasswds',
@@ -161,6 +129,7 @@ return array(
 			'url' => 'customer_traffic.php',
 			'label' => $lng['menue']['traffic']['traffic'],
 			'show_element' => (! \Froxlor\Settings::IsInList('panel.customer_hide_options', 'traffic')),
+            'icon' => 'fa fa-area-chart',
 			'elements' => array(
 				array(
 					'url' => 'customer_traffic.php?page=current',
@@ -170,46 +139,10 @@ return array(
 		)
 	),
 	'admin' => array(
-		'index' => array(
-			'url' => 'admin_index.php',
-			'label' => $lng['admin']['overview'],
-			'elements' => array(
-				array(
-					'label' => $lng['menue']['main']['username']
-				),
-				array(
-					'url' => 'admin_index.php?page=change_password',
-					'label' => $lng['menue']['main']['changepassword']
-				),
-				array(
-					'url' => 'admin_index.php?page=change_language',
-					'label' => $lng['menue']['main']['changelanguage']
-				),
-				array(
-					'url' => 'admin_index.php?page=change_theme',
-					'label' => $lng['menue']['main']['changetheme'],
-					'show_element' => (\Froxlor\Settings::Get('panel.allow_theme_change_admin') == true)
-				),
-				array(
-					'url' => 'admin_index.php?page=apikeys',
-					'label' => $lng['menue']['main']['apikeys'],
-					'show_element' => (\Froxlor\Settings::Get('api.enabled') == true)
-				),
-				array(
-					'url' => 'https://docs.froxlor.org/apiguide/index.html',
-					'new_window' => true,
-					'label' => $lng['menue']['main']['apihelp'],
-					'show_element' => (\Froxlor\Settings::Get('api.enabled') == true)
-				),
-				array(
-					'url' => 'admin_index.php?action=logout',
-					'label' => $lng['login']['logout']
-				)
-			)
-		),
 		'resources' => array(
 			'label' => $lng['admin']['resources'],
 			'required_resources' => 'customers',
+            'icon' => 'fa fa-box',
 			'elements' => array(
 				array(
 					'url' => 'admin_customers.php?page=customers',
@@ -251,6 +184,7 @@ return array(
 		'traffic' => array(
 			'label' => $lng['admin']['traffic'],
 			'required_resources' => 'customers',
+            'icon' => 'fa fa-area-chart',
 			'elements' => array(
 				array(
 					'url' => 'admin_traffic.php?page=customers',
@@ -262,6 +196,7 @@ return array(
 		'server' => array(
 			'label' => $lng['admin']['server'],
 			'required_resources' => 'change_serversettings',
+            'icon' => 'fa fa-server',
 			'elements' => array(
 				array(
 					'url' => 'admin_configfiles.php?page=configfiles',
@@ -306,6 +241,7 @@ return array(
 		'server_php' => array(
 			'label' => $lng['admin']['server_php'],
 			'required_resources' => 'change_serversettings',
+            'icon' => 'fab fa-php',
 			'elements' => array(
 				array(
 					'url' => 'admin_phpsettings.php?page=overview',
@@ -339,6 +275,7 @@ return array(
 		),
 		'misc' => array(
 			'label' => $lng['admin']['misc'],
+            'icon' => 'fa fa-wrench',
 			'elements' => array(
 				array(
 					'url' => 'admin_settings.php?page=integritycheck',
diff --git a/mix-manifest.json b/mix-manifest.json
index 0a49edcf..eb25075e 100644
--- a/mix-manifest.json
+++ b/mix-manifest.json
@@ -1,5 +1,5 @@
 {
     "/templates/Froxlor/assets/js/main.js": "/templates/Froxlor/assets/js/main.js",
-    "/templates/Froxlor/assets/css/main.css": "/templates/Froxlor/assets/css/main.css",
-    "/templates/Froxlor/assets/css/dark.css": "/templates/Froxlor/assets/css/dark.css"
+    "/templates/Froxlor/assets/css/dark.css": "/templates/Froxlor/assets/css/dark.css",
+    "/templates/Froxlor/assets/css/main.css": "/templates/Froxlor/assets/css/main.css"
 }
diff --git a/templates/Froxlor/assets/css/dark.css b/templates/Froxlor/assets/css/dark.css
index 9273492f..b29a0995 100644
--- a/templates/Froxlor/assets/css/dark.css
+++ b/templates/Froxlor/assets/css/dark.css
@@ -85,7 +85,7 @@ body {
 }
 
 hr {
-  margin: 1rem 0;
+  margin: 1.25rem 0;
   color: inherit;
   background-color: currentColor;
   border: 0;
@@ -98,7 +98,7 @@ hr:not([size]) {
 
 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
   margin-top: 0;
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.625rem;
   font-weight: 500;
   line-height: 1.2;
 }
@@ -576,7 +576,7 @@ progress {
 }
 
 .blockquote {
-  margin-bottom: 1rem;
+  margin-bottom: 1.25rem;
   font-size: 1.25rem;
 }
 .blockquote > :last-child {
@@ -584,8 +584,8 @@ progress {
 }
 
 .blockquote-footer {
-  margin-top: -1rem;
-  margin-bottom: 1rem;
+  margin-top: -1.25rem;
+  margin-bottom: 1.25rem;
   font-size: 0.875em;
   color: #6c757d;
 }
@@ -612,7 +612,7 @@ progress {
 }
 
 .figure-img {
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.625rem;
   line-height: 1;
 }
 
@@ -838,52 +838,52 @@ progress {
 
 .g-1,
 .gx-1 {
-  --bs-gutter-x: 0.25rem;
+  --bs-gutter-x: 0.3125rem;
 }
 
 .g-1,
 .gy-1 {
-  --bs-gutter-y: 0.25rem;
+  --bs-gutter-y: 0.3125rem;
 }
 
 .g-2,
 .gx-2 {
-  --bs-gutter-x: 0.5rem;
+  --bs-gutter-x: 0.625rem;
 }
 
 .g-2,
 .gy-2 {
-  --bs-gutter-y: 0.5rem;
+  --bs-gutter-y: 0.625rem;
 }
 
 .g-3,
 .gx-3 {
-  --bs-gutter-x: 1rem;
+  --bs-gutter-x: 1.25rem;
 }
 
 .g-3,
 .gy-3 {
-  --bs-gutter-y: 1rem;
+  --bs-gutter-y: 1.25rem;
 }
 
 .g-4,
 .gx-4 {
-  --bs-gutter-x: 1.5rem;
+  --bs-gutter-x: 1.875rem;
 }
 
 .g-4,
 .gy-4 {
-  --bs-gutter-y: 1.5rem;
+  --bs-gutter-y: 1.875rem;
 }
 
 .g-5,
 .gx-5 {
-  --bs-gutter-x: 3rem;
+  --bs-gutter-x: 3.75rem;
 }
 
 .g-5,
 .gy-5 {
-  --bs-gutter-y: 3rem;
+  --bs-gutter-y: 3.75rem;
 }
 
 @media (min-width: 576px) {
@@ -1051,52 +1051,52 @@ progress {
 
   .g-sm-1,
 .gx-sm-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-sm-1,
 .gy-sm-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-sm-2,
 .gx-sm-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-sm-2,
 .gy-sm-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-sm-3,
 .gx-sm-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-sm-3,
 .gy-sm-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-sm-4,
 .gx-sm-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-sm-4,
 .gy-sm-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-sm-5,
 .gx-sm-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-sm-5,
 .gy-sm-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 @media (min-width: 768px) {
@@ -1264,52 +1264,52 @@ progress {
 
   .g-md-1,
 .gx-md-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-md-1,
 .gy-md-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-md-2,
 .gx-md-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-md-2,
 .gy-md-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-md-3,
 .gx-md-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-md-3,
 .gy-md-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-md-4,
 .gx-md-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-md-4,
 .gy-md-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-md-5,
 .gx-md-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-md-5,
 .gy-md-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 @media (min-width: 992px) {
@@ -1477,52 +1477,52 @@ progress {
 
   .g-lg-1,
 .gx-lg-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-lg-1,
 .gy-lg-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-lg-2,
 .gx-lg-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-lg-2,
 .gy-lg-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-lg-3,
 .gx-lg-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-lg-3,
 .gy-lg-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-lg-4,
 .gx-lg-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-lg-4,
 .gy-lg-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-lg-5,
 .gx-lg-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-lg-5,
 .gy-lg-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 @media (min-width: 1200px) {
@@ -1690,52 +1690,52 @@ progress {
 
   .g-xl-1,
 .gx-xl-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-xl-1,
 .gy-xl-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-xl-2,
 .gx-xl-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-xl-2,
 .gy-xl-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-xl-3,
 .gx-xl-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-xl-3,
 .gy-xl-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-xl-4,
 .gx-xl-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-xl-4,
 .gy-xl-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-xl-5,
 .gx-xl-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-xl-5,
 .gy-xl-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 @media (min-width: 1400px) {
@@ -1903,52 +1903,52 @@ progress {
 
   .g-xxl-1,
 .gx-xxl-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-xxl-1,
 .gy-xxl-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-xxl-2,
 .gx-xxl-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-xxl-2,
 .gy-xxl-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-xxl-3,
 .gx-xxl-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-xxl-3,
 .gy-xxl-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-xxl-4,
 .gx-xxl-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-xxl-4,
 .gy-xxl-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-xxl-5,
 .gx-xxl-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-xxl-5,
 .gy-xxl-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 .table {
@@ -1961,7 +1961,7 @@ progress {
   --bs-table-hover-color: #ffffff;
   --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
   width: 100%;
-  margin-bottom: 1rem;
+  margin-bottom: 1.25rem;
   color: #ffffff;
   vertical-align: top;
   border-color: #dee2e6;
@@ -2822,7 +2822,7 @@ textarea.form-control-lg {
   z-index: 5;
   display: none;
   max-width: 100%;
-  padding: 0.25rem 0.5rem;
+  padding: 0.3125rem 0.625rem;
   margin-top: 0.1rem;
   font-size: 0.875rem;
   color: #fff;
@@ -2911,7 +2911,7 @@ textarea.form-control-lg {
   z-index: 5;
   display: none;
   max-width: 100%;
-  padding: 0.25rem 0.5rem;
+  padding: 0.3125rem 0.625rem;
   margin-top: 0.1rem;
   font-size: 0.875rem;
   color: #fff;
@@ -3749,7 +3749,7 @@ textarea.form-control-lg {
 
 .dropdown-divider {
   height: 0;
-  margin: 0.5rem 0;
+  margin: 0.625rem 0;
   overflow: hidden;
   border-top: 1px solid rgba(0, 0, 0, 0.15);
 }
@@ -3757,7 +3757,7 @@ textarea.form-control-lg {
 .dropdown-item {
   display: block;
   width: 100%;
-  padding: 0.25rem 1rem;
+  padding: 0.3125rem 1.25rem;
   clear: both;
   font-weight: 400;
   color: #212529;
@@ -3788,7 +3788,7 @@ textarea.form-control-lg {
 
 .dropdown-header {
   display: block;
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 1.25rem;
   margin-bottom: 0;
   font-size: 0.875rem;
   color: #6c757d;
@@ -3797,7 +3797,7 @@ textarea.form-control-lg {
 
 .dropdown-item-text {
   display: block;
-  padding: 0.25rem 1rem;
+  padding: 0.3125rem 1.25rem;
   color: #212529;
 }
 
@@ -4028,8 +4028,8 @@ textarea.form-control-lg {
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
 }
 .navbar > .container,
 .navbar > .container-fluid,
@@ -4538,30 +4538,30 @@ textarea.form-control-lg {
 
 .card-body {
   flex: 1 1 auto;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
 }
 
 .card-title {
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.625rem;
 }
 
 .card-subtitle {
-  margin-top: -0.25rem;
+  margin-top: -0.3125rem;
   margin-bottom: 0;
 }
 
-.card-text:last-child, .card .card-body p:last-child {
+.card-text:last-child {
   margin-bottom: 0;
 }
 
 .card-link + .card-link {
-  margin-left: 1rem;
+  margin-left: 1.25rem;
 }
 
 .card-header {
-  padding: 0.5rem 1rem;
+  padding: 1.25rem 1.25rem;
   margin-bottom: 0;
-  background-color: rgba(0, 0, 0, 0.03);
+  background-color: none;
   border-bottom: 0 solid rgba(0, 0, 0, 0.125);
 }
 .card-header:first-child {
@@ -4569,8 +4569,8 @@ textarea.form-control-lg {
 }
 
 .card-footer {
-  padding: 0.5rem 1rem;
-  background-color: rgba(0, 0, 0, 0.03);
+  padding: 1.25rem 1.25rem;
+  background-color: none;
   border-top: 0 solid rgba(0, 0, 0, 0.125);
 }
 .card-footer:last-child {
@@ -4578,9 +4578,9 @@ textarea.form-control-lg {
 }
 
 .card-header-tabs {
-  margin-right: -0.5rem;
-  margin-bottom: -0.5rem;
-  margin-left: -0.5rem;
+  margin-right: -0.625rem;
+  margin-bottom: -1.25rem;
+  margin-left: -0.625rem;
   border-bottom: 0;
 }
 .card-header-tabs .nav-link.active {
@@ -4589,8 +4589,8 @@ textarea.form-control-lg {
 }
 
 .card-header-pills {
-  margin-right: -0.5rem;
-  margin-left: -0.5rem;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
 }
 
 .card-img-overlay {
@@ -4599,7 +4599,7 @@ textarea.form-control-lg {
   right: 0;
   bottom: 0;
   left: 0;
-  padding: 1rem;
+  padding: 1.25rem;
   border-radius: 0.5rem;
 }
 
@@ -4905,7 +4905,7 @@ textarea.form-control-lg {
 
 .alert {
   position: relative;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
   margin-bottom: 1rem;
   border: 0 solid transparent;
   border-radius: 0.5rem;
@@ -4920,14 +4920,14 @@ textarea.form-control-lg {
 }
 
 .alert-dismissible {
-  padding-right: 3rem;
+  padding-right: 3.75rem;
 }
 .alert-dismissible .btn-close {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
-  padding: 1.25rem 1rem;
+  padding: 1.5625rem 1.25rem;
 }
 
 .alert-primary {
@@ -5091,7 +5091,7 @@ textarea.form-control-lg {
 .list-group-item {
   position: relative;
   display: block;
-  padding: 0.5rem 1rem;
+  padding: 0.625rem 1.25rem;
   color: #ffffff;
   text-decoration: none;
   background-color: #494949;
@@ -5559,14 +5559,14 @@ textarea.form-control-lg {
   flex-shrink: 0;
   align-items: center;
   justify-content: space-between;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
   border-bottom: 1px solid #dee2e6;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px);
 }
 .modal-header .btn-close {
-  padding: 0.5rem 0.5rem;
-  margin: -0.5rem -0.5rem -0.5rem auto;
+  padding: 0.625rem 0.625rem;
+  margin: -0.625rem -0.625rem -0.625rem auto;
 }
 
 .modal-title {
@@ -5577,7 +5577,7 @@ textarea.form-control-lg {
 .modal-body {
   position: relative;
   flex: 1 1 auto;
-  padding: 1rem;
+  padding: 1.25rem;
 }
 
 .modal-footer {
@@ -5586,7 +5586,7 @@ textarea.form-control-lg {
   flex-shrink: 0;
   align-items: center;
   justify-content: flex-end;
-  padding: 0.75rem;
+  padding: 1rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px);
@@ -5848,7 +5848,7 @@ textarea.form-control-lg {
 
 .tooltip-inner {
   max-width: 200px;
-  padding: 0.25rem 0.5rem;
+  padding: 0.3125rem 0.625rem;
   color: #fff;
   text-align: center;
   background-color: #000;
@@ -5968,7 +5968,7 @@ textarea.form-control-lg {
 }
 
 .popover-header {
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 1.25rem;
   margin-bottom: 0;
   font-size: 1rem;
   background-color: #f0f0f0;
@@ -5981,7 +5981,7 @@ textarea.form-control-lg {
 }
 
 .popover-body {
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
   color: #ffffff;
 }
 
@@ -6303,13 +6303,13 @@ textarea.form-control-lg {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
 }
 .offcanvas-header .btn-close {
-  padding: 0.5rem 0.5rem;
-  margin-top: -0.5rem;
-  margin-right: -0.5rem;
-  margin-bottom: -0.5rem;
+  padding: 0.625rem 0.625rem;
+  margin-top: -0.625rem;
+  margin-right: -0.625rem;
+  margin-bottom: -0.625rem;
 }
 
 .offcanvas-title {
@@ -6319,7 +6319,7 @@ textarea.form-control-lg {
 
 .offcanvas-body {
   flex-grow: 1;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
   overflow-y: auto;
 }
 
@@ -7057,23 +7057,23 @@ textarea.form-control-lg {
 }
 
 .gap-1 {
-  gap: 0.25rem !important;
+  gap: 0.3125rem !important;
 }
 
 .gap-2 {
-  gap: 0.5rem !important;
+  gap: 0.625rem !important;
 }
 
 .gap-3 {
-  gap: 1rem !important;
+  gap: 1.25rem !important;
 }
 
 .gap-4 {
-  gap: 1.5rem !important;
+  gap: 1.875rem !important;
 }
 
 .gap-5 {
-  gap: 3rem !important;
+  gap: 3.75rem !important;
 }
 
 .justify-content-start {
@@ -7205,23 +7205,23 @@ textarea.form-control-lg {
 }
 
 .m-1 {
-  margin: 0.25rem !important;
+  margin: 0.3125rem !important;
 }
 
 .m-2 {
-  margin: 0.5rem !important;
+  margin: 0.625rem !important;
 }
 
 .m-3 {
-  margin: 1rem !important;
+  margin: 1.25rem !important;
 }
 
 .m-4 {
-  margin: 1.5rem !important;
+  margin: 1.875rem !important;
 }
 
 .m-5 {
-  margin: 3rem !important;
+  margin: 3.75rem !important;
 }
 
 .m-auto {
@@ -7234,28 +7234,28 @@ textarea.form-control-lg {
 }
 
 .mx-1 {
-  margin-right: 0.25rem !important;
-  margin-left: 0.25rem !important;
+  margin-right: 0.3125rem !important;
+  margin-left: 0.3125rem !important;
 }
 
 .mx-2 {
-  margin-right: 0.5rem !important;
-  margin-left: 0.5rem !important;
+  margin-right: 0.625rem !important;
+  margin-left: 0.625rem !important;
 }
 
 .mx-3 {
-  margin-right: 1rem !important;
-  margin-left: 1rem !important;
+  margin-right: 1.25rem !important;
+  margin-left: 1.25rem !important;
 }
 
 .mx-4 {
-  margin-right: 1.5rem !important;
-  margin-left: 1.5rem !important;
+  margin-right: 1.875rem !important;
+  margin-left: 1.875rem !important;
 }
 
 .mx-5 {
-  margin-right: 3rem !important;
-  margin-left: 3rem !important;
+  margin-right: 3.75rem !important;
+  margin-left: 3.75rem !important;
 }
 
 .mx-auto {
@@ -7269,28 +7269,28 @@ textarea.form-control-lg {
 }
 
 .my-1 {
-  margin-top: 0.25rem !important;
-  margin-bottom: 0.25rem !important;
+  margin-top: 0.3125rem !important;
+  margin-bottom: 0.3125rem !important;
 }
 
 .my-2 {
-  margin-top: 0.5rem !important;
-  margin-bottom: 0.5rem !important;
+  margin-top: 0.625rem !important;
+  margin-bottom: 0.625rem !important;
 }
 
 .my-3 {
-  margin-top: 1rem !important;
-  margin-bottom: 1rem !important;
+  margin-top: 1.25rem !important;
+  margin-bottom: 1.25rem !important;
 }
 
 .my-4 {
-  margin-top: 1.5rem !important;
-  margin-bottom: 1.5rem !important;
+  margin-top: 1.875rem !important;
+  margin-bottom: 1.875rem !important;
 }
 
 .my-5 {
-  margin-top: 3rem !important;
-  margin-bottom: 3rem !important;
+  margin-top: 3.75rem !important;
+  margin-bottom: 3.75rem !important;
 }
 
 .my-auto {
@@ -7303,23 +7303,23 @@ textarea.form-control-lg {
 }
 
 .mt-1 {
-  margin-top: 0.25rem !important;
+  margin-top: 0.3125rem !important;
 }
 
 .mt-2 {
-  margin-top: 0.5rem !important;
+  margin-top: 0.625rem !important;
 }
 
 .mt-3 {
-  margin-top: 1rem !important;
+  margin-top: 1.25rem !important;
 }
 
 .mt-4 {
-  margin-top: 1.5rem !important;
+  margin-top: 1.875rem !important;
 }
 
 .mt-5 {
-  margin-top: 3rem !important;
+  margin-top: 3.75rem !important;
 }
 
 .mt-auto {
@@ -7331,23 +7331,23 @@ textarea.form-control-lg {
 }
 
 .me-1 {
-  margin-right: 0.25rem !important;
+  margin-right: 0.3125rem !important;
 }
 
 .me-2 {
-  margin-right: 0.5rem !important;
+  margin-right: 0.625rem !important;
 }
 
 .me-3 {
-  margin-right: 1rem !important;
+  margin-right: 1.25rem !important;
 }
 
 .me-4 {
-  margin-right: 1.5rem !important;
+  margin-right: 1.875rem !important;
 }
 
 .me-5 {
-  margin-right: 3rem !important;
+  margin-right: 3.75rem !important;
 }
 
 .me-auto {
@@ -7359,23 +7359,23 @@ textarea.form-control-lg {
 }
 
 .mb-1 {
-  margin-bottom: 0.25rem !important;
+  margin-bottom: 0.3125rem !important;
 }
 
 .mb-2 {
-  margin-bottom: 0.5rem !important;
+  margin-bottom: 0.625rem !important;
 }
 
 .mb-3 {
-  margin-bottom: 1rem !important;
+  margin-bottom: 1.25rem !important;
 }
 
 .mb-4 {
-  margin-bottom: 1.5rem !important;
+  margin-bottom: 1.875rem !important;
 }
 
 .mb-5 {
-  margin-bottom: 3rem !important;
+  margin-bottom: 3.75rem !important;
 }
 
 .mb-auto {
@@ -7387,23 +7387,23 @@ textarea.form-control-lg {
 }
 
 .ms-1 {
-  margin-left: 0.25rem !important;
+  margin-left: 0.3125rem !important;
 }
 
 .ms-2 {
-  margin-left: 0.5rem !important;
+  margin-left: 0.625rem !important;
 }
 
 .ms-3 {
-  margin-left: 1rem !important;
+  margin-left: 1.25rem !important;
 }
 
 .ms-4 {
-  margin-left: 1.5rem !important;
+  margin-left: 1.875rem !important;
 }
 
 .ms-5 {
-  margin-left: 3rem !important;
+  margin-left: 3.75rem !important;
 }
 
 .ms-auto {
@@ -7415,23 +7415,23 @@ textarea.form-control-lg {
 }
 
 .p-1 {
-  padding: 0.25rem !important;
+  padding: 0.3125rem !important;
 }
 
 .p-2 {
-  padding: 0.5rem !important;
+  padding: 0.625rem !important;
 }
 
 .p-3 {
-  padding: 1rem !important;
+  padding: 1.25rem !important;
 }
 
 .p-4 {
-  padding: 1.5rem !important;
+  padding: 1.875rem !important;
 }
 
 .p-5 {
-  padding: 3rem !important;
+  padding: 3.75rem !important;
 }
 
 .px-0 {
@@ -7440,28 +7440,28 @@ textarea.form-control-lg {
 }
 
 .px-1 {
-  padding-right: 0.25rem !important;
-  padding-left: 0.25rem !important;
+  padding-right: 0.3125rem !important;
+  padding-left: 0.3125rem !important;
 }
 
 .px-2 {
-  padding-right: 0.5rem !important;
-  padding-left: 0.5rem !important;
+  padding-right: 0.625rem !important;
+  padding-left: 0.625rem !important;
 }
 
 .px-3 {
-  padding-right: 1rem !important;
-  padding-left: 1rem !important;
+  padding-right: 1.25rem !important;
+  padding-left: 1.25rem !important;
 }
 
 .px-4 {
-  padding-right: 1.5rem !important;
-  padding-left: 1.5rem !important;
+  padding-right: 1.875rem !important;
+  padding-left: 1.875rem !important;
 }
 
 .px-5 {
-  padding-right: 3rem !important;
-  padding-left: 3rem !important;
+  padding-right: 3.75rem !important;
+  padding-left: 3.75rem !important;
 }
 
 .py-0 {
@@ -7470,28 +7470,28 @@ textarea.form-control-lg {
 }
 
 .py-1 {
-  padding-top: 0.25rem !important;
-  padding-bottom: 0.25rem !important;
+  padding-top: 0.3125rem !important;
+  padding-bottom: 0.3125rem !important;
 }
 
 .py-2 {
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important;
+  padding-top: 0.625rem !important;
+  padding-bottom: 0.625rem !important;
 }
 
 .py-3 {
-  padding-top: 1rem !important;
-  padding-bottom: 1rem !important;
+  padding-top: 1.25rem !important;
+  padding-bottom: 1.25rem !important;
 }
 
 .py-4 {
-  padding-top: 1.5rem !important;
-  padding-bottom: 1.5rem !important;
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
 }
 
 .py-5 {
-  padding-top: 3rem !important;
-  padding-bottom: 3rem !important;
+  padding-top: 3.75rem !important;
+  padding-bottom: 3.75rem !important;
 }
 
 .pt-0 {
@@ -7499,23 +7499,23 @@ textarea.form-control-lg {
 }
 
 .pt-1 {
-  padding-top: 0.25rem !important;
+  padding-top: 0.3125rem !important;
 }
 
 .pt-2 {
-  padding-top: 0.5rem !important;
+  padding-top: 0.625rem !important;
 }
 
 .pt-3 {
-  padding-top: 1rem !important;
+  padding-top: 1.25rem !important;
 }
 
 .pt-4 {
-  padding-top: 1.5rem !important;
+  padding-top: 1.875rem !important;
 }
 
 .pt-5 {
-  padding-top: 3rem !important;
+  padding-top: 3.75rem !important;
 }
 
 .pe-0 {
@@ -7523,23 +7523,23 @@ textarea.form-control-lg {
 }
 
 .pe-1 {
-  padding-right: 0.25rem !important;
+  padding-right: 0.3125rem !important;
 }
 
 .pe-2 {
-  padding-right: 0.5rem !important;
+  padding-right: 0.625rem !important;
 }
 
 .pe-3 {
-  padding-right: 1rem !important;
+  padding-right: 1.25rem !important;
 }
 
 .pe-4 {
-  padding-right: 1.5rem !important;
+  padding-right: 1.875rem !important;
 }
 
 .pe-5 {
-  padding-right: 3rem !important;
+  padding-right: 3.75rem !important;
 }
 
 .pb-0 {
@@ -7547,23 +7547,23 @@ textarea.form-control-lg {
 }
 
 .pb-1 {
-  padding-bottom: 0.25rem !important;
+  padding-bottom: 0.3125rem !important;
 }
 
 .pb-2 {
-  padding-bottom: 0.5rem !important;
+  padding-bottom: 0.625rem !important;
 }
 
 .pb-3 {
-  padding-bottom: 1rem !important;
+  padding-bottom: 1.25rem !important;
 }
 
 .pb-4 {
-  padding-bottom: 1.5rem !important;
+  padding-bottom: 1.875rem !important;
 }
 
 .pb-5 {
-  padding-bottom: 3rem !important;
+  padding-bottom: 3.75rem !important;
 }
 
 .ps-0 {
@@ -7571,23 +7571,23 @@ textarea.form-control-lg {
 }
 
 .ps-1 {
-  padding-left: 0.25rem !important;
+  padding-left: 0.3125rem !important;
 }
 
 .ps-2 {
-  padding-left: 0.5rem !important;
+  padding-left: 0.625rem !important;
 }
 
 .ps-3 {
-  padding-left: 1rem !important;
+  padding-left: 1.25rem !important;
 }
 
 .ps-4 {
-  padding-left: 1.5rem !important;
+  padding-left: 1.875rem !important;
 }
 
 .ps-5 {
-  padding-left: 3rem !important;
+  padding-left: 3.75rem !important;
 }
 
 .font-monospace {
@@ -8078,23 +8078,23 @@ textarea.form-control-lg {
   }
 
   .gap-sm-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-sm-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-sm-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-sm-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-sm-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-sm-start {
@@ -8226,23 +8226,23 @@ textarea.form-control-lg {
   }
 
   .m-sm-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-sm-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-sm-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-sm-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-sm-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-sm-auto {
@@ -8255,28 +8255,28 @@ textarea.form-control-lg {
   }
 
   .mx-sm-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-sm-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-sm-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-sm-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-sm-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-sm-auto {
@@ -8290,28 +8290,28 @@ textarea.form-control-lg {
   }
 
   .my-sm-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-sm-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-sm-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-sm-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-sm-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-sm-auto {
@@ -8324,23 +8324,23 @@ textarea.form-control-lg {
   }
 
   .mt-sm-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-sm-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-sm-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-sm-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-sm-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-sm-auto {
@@ -8352,23 +8352,23 @@ textarea.form-control-lg {
   }
 
   .me-sm-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-sm-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-sm-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-sm-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-sm-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-sm-auto {
@@ -8380,23 +8380,23 @@ textarea.form-control-lg {
   }
 
   .mb-sm-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-sm-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-sm-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-sm-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-sm-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-sm-auto {
@@ -8408,23 +8408,23 @@ textarea.form-control-lg {
   }
 
   .ms-sm-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-sm-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-sm-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-sm-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-sm-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-sm-auto {
@@ -8436,23 +8436,23 @@ textarea.form-control-lg {
   }
 
   .p-sm-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-sm-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-sm-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-sm-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-sm-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-sm-0 {
@@ -8461,28 +8461,28 @@ textarea.form-control-lg {
   }
 
   .px-sm-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-sm-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-sm-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-sm-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-sm-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-sm-0 {
@@ -8491,28 +8491,28 @@ textarea.form-control-lg {
   }
 
   .py-sm-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-sm-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-sm-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-sm-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-sm-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-sm-0 {
@@ -8520,23 +8520,23 @@ textarea.form-control-lg {
   }
 
   .pt-sm-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-sm-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-sm-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-sm-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-sm-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-sm-0 {
@@ -8544,23 +8544,23 @@ textarea.form-control-lg {
   }
 
   .pe-sm-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-sm-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-sm-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-sm-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-sm-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-sm-0 {
@@ -8568,23 +8568,23 @@ textarea.form-control-lg {
   }
 
   .pb-sm-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-sm-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-sm-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-sm-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-sm-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-sm-0 {
@@ -8592,23 +8592,23 @@ textarea.form-control-lg {
   }
 
   .ps-sm-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-sm-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-sm-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-sm-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-sm-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-sm-start {
@@ -8729,23 +8729,23 @@ textarea.form-control-lg {
   }
 
   .gap-md-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-md-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-md-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-md-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-md-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-md-start {
@@ -8877,23 +8877,23 @@ textarea.form-control-lg {
   }
 
   .m-md-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-md-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-md-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-md-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-md-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-md-auto {
@@ -8906,28 +8906,28 @@ textarea.form-control-lg {
   }
 
   .mx-md-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-md-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-md-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-md-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-md-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-md-auto {
@@ -8941,28 +8941,28 @@ textarea.form-control-lg {
   }
 
   .my-md-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-md-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-md-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-md-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-md-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-md-auto {
@@ -8975,23 +8975,23 @@ textarea.form-control-lg {
   }
 
   .mt-md-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-md-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-md-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-md-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-md-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-md-auto {
@@ -9003,23 +9003,23 @@ textarea.form-control-lg {
   }
 
   .me-md-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-md-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-md-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-md-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-md-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-md-auto {
@@ -9031,23 +9031,23 @@ textarea.form-control-lg {
   }
 
   .mb-md-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-md-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-md-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-md-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-md-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-md-auto {
@@ -9059,23 +9059,23 @@ textarea.form-control-lg {
   }
 
   .ms-md-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-md-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-md-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-md-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-md-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-md-auto {
@@ -9087,23 +9087,23 @@ textarea.form-control-lg {
   }
 
   .p-md-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-md-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-md-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-md-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-md-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-md-0 {
@@ -9112,28 +9112,28 @@ textarea.form-control-lg {
   }
 
   .px-md-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-md-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-md-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-md-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-md-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-md-0 {
@@ -9142,28 +9142,28 @@ textarea.form-control-lg {
   }
 
   .py-md-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-md-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-md-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-md-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-md-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-md-0 {
@@ -9171,23 +9171,23 @@ textarea.form-control-lg {
   }
 
   .pt-md-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-md-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-md-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-md-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-md-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-md-0 {
@@ -9195,23 +9195,23 @@ textarea.form-control-lg {
   }
 
   .pe-md-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-md-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-md-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-md-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-md-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-md-0 {
@@ -9219,23 +9219,23 @@ textarea.form-control-lg {
   }
 
   .pb-md-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-md-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-md-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-md-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-md-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-md-0 {
@@ -9243,23 +9243,23 @@ textarea.form-control-lg {
   }
 
   .ps-md-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-md-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-md-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-md-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-md-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-md-start {
@@ -9380,23 +9380,23 @@ textarea.form-control-lg {
   }
 
   .gap-lg-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-lg-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-lg-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-lg-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-lg-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-lg-start {
@@ -9528,23 +9528,23 @@ textarea.form-control-lg {
   }
 
   .m-lg-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-lg-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-lg-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-lg-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-lg-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-lg-auto {
@@ -9557,28 +9557,28 @@ textarea.form-control-lg {
   }
 
   .mx-lg-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-lg-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-lg-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-lg-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-lg-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-lg-auto {
@@ -9592,28 +9592,28 @@ textarea.form-control-lg {
   }
 
   .my-lg-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-lg-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-lg-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-lg-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-lg-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-lg-auto {
@@ -9626,23 +9626,23 @@ textarea.form-control-lg {
   }
 
   .mt-lg-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-lg-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-lg-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-lg-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-lg-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-lg-auto {
@@ -9654,23 +9654,23 @@ textarea.form-control-lg {
   }
 
   .me-lg-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-lg-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-lg-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-lg-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-lg-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-lg-auto {
@@ -9682,23 +9682,23 @@ textarea.form-control-lg {
   }
 
   .mb-lg-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-lg-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-lg-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-lg-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-lg-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-lg-auto {
@@ -9710,23 +9710,23 @@ textarea.form-control-lg {
   }
 
   .ms-lg-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-lg-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-lg-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-lg-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-lg-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-lg-auto {
@@ -9738,23 +9738,23 @@ textarea.form-control-lg {
   }
 
   .p-lg-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-lg-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-lg-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-lg-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-lg-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-lg-0 {
@@ -9763,28 +9763,28 @@ textarea.form-control-lg {
   }
 
   .px-lg-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-lg-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-lg-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-lg-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-lg-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-lg-0 {
@@ -9793,28 +9793,28 @@ textarea.form-control-lg {
   }
 
   .py-lg-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-lg-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-lg-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-lg-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-lg-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-lg-0 {
@@ -9822,23 +9822,23 @@ textarea.form-control-lg {
   }
 
   .pt-lg-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-lg-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-lg-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-lg-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-lg-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-lg-0 {
@@ -9846,23 +9846,23 @@ textarea.form-control-lg {
   }
 
   .pe-lg-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-lg-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-lg-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-lg-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-lg-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-lg-0 {
@@ -9870,23 +9870,23 @@ textarea.form-control-lg {
   }
 
   .pb-lg-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-lg-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-lg-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-lg-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-lg-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-lg-0 {
@@ -9894,23 +9894,23 @@ textarea.form-control-lg {
   }
 
   .ps-lg-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-lg-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-lg-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-lg-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-lg-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-lg-start {
@@ -10031,23 +10031,23 @@ textarea.form-control-lg {
   }
 
   .gap-xl-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-xl-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-xl-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-xl-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-xl-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-xl-start {
@@ -10179,23 +10179,23 @@ textarea.form-control-lg {
   }
 
   .m-xl-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-xl-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-xl-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-xl-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-xl-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-xl-auto {
@@ -10208,28 +10208,28 @@ textarea.form-control-lg {
   }
 
   .mx-xl-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-xl-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-xl-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-xl-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-xl-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-xl-auto {
@@ -10243,28 +10243,28 @@ textarea.form-control-lg {
   }
 
   .my-xl-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-xl-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-xl-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-xl-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-xl-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-xl-auto {
@@ -10277,23 +10277,23 @@ textarea.form-control-lg {
   }
 
   .mt-xl-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-xl-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-xl-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-xl-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-xl-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-xl-auto {
@@ -10305,23 +10305,23 @@ textarea.form-control-lg {
   }
 
   .me-xl-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-xl-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-xl-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-xl-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-xl-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-xl-auto {
@@ -10333,23 +10333,23 @@ textarea.form-control-lg {
   }
 
   .mb-xl-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-xl-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-xl-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-xl-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-xl-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-xl-auto {
@@ -10361,23 +10361,23 @@ textarea.form-control-lg {
   }
 
   .ms-xl-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-xl-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-xl-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-xl-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-xl-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-xl-auto {
@@ -10389,23 +10389,23 @@ textarea.form-control-lg {
   }
 
   .p-xl-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-xl-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-xl-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-xl-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-xl-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-xl-0 {
@@ -10414,28 +10414,28 @@ textarea.form-control-lg {
   }
 
   .px-xl-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-xl-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-xl-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-xl-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-xl-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-xl-0 {
@@ -10444,28 +10444,28 @@ textarea.form-control-lg {
   }
 
   .py-xl-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-xl-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-xl-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-xl-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-xl-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-xl-0 {
@@ -10473,23 +10473,23 @@ textarea.form-control-lg {
   }
 
   .pt-xl-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-xl-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-xl-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-xl-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-xl-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-xl-0 {
@@ -10497,23 +10497,23 @@ textarea.form-control-lg {
   }
 
   .pe-xl-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-xl-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-xl-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-xl-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-xl-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-xl-0 {
@@ -10521,23 +10521,23 @@ textarea.form-control-lg {
   }
 
   .pb-xl-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-xl-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-xl-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-xl-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-xl-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-xl-0 {
@@ -10545,23 +10545,23 @@ textarea.form-control-lg {
   }
 
   .ps-xl-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-xl-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-xl-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-xl-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-xl-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-xl-start {
@@ -10682,23 +10682,23 @@ textarea.form-control-lg {
   }
 
   .gap-xxl-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-xxl-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-xxl-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-xxl-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-xxl-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-xxl-start {
@@ -10830,23 +10830,23 @@ textarea.form-control-lg {
   }
 
   .m-xxl-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-xxl-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-xxl-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-xxl-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-xxl-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-xxl-auto {
@@ -10859,28 +10859,28 @@ textarea.form-control-lg {
   }
 
   .mx-xxl-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-xxl-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-xxl-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-xxl-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-xxl-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-xxl-auto {
@@ -10894,28 +10894,28 @@ textarea.form-control-lg {
   }
 
   .my-xxl-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-xxl-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-xxl-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-xxl-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-xxl-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-xxl-auto {
@@ -10928,23 +10928,23 @@ textarea.form-control-lg {
   }
 
   .mt-xxl-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-xxl-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-xxl-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-xxl-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-xxl-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-xxl-auto {
@@ -10956,23 +10956,23 @@ textarea.form-control-lg {
   }
 
   .me-xxl-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-xxl-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-xxl-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-xxl-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-xxl-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-xxl-auto {
@@ -10984,23 +10984,23 @@ textarea.form-control-lg {
   }
 
   .mb-xxl-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-xxl-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-xxl-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-xxl-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-xxl-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-xxl-auto {
@@ -11012,23 +11012,23 @@ textarea.form-control-lg {
   }
 
   .ms-xxl-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-xxl-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-xxl-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-xxl-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-xxl-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-xxl-auto {
@@ -11040,23 +11040,23 @@ textarea.form-control-lg {
   }
 
   .p-xxl-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-xxl-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-xxl-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-xxl-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-xxl-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-xxl-0 {
@@ -11065,28 +11065,28 @@ textarea.form-control-lg {
   }
 
   .px-xxl-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-xxl-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-xxl-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-xxl-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-xxl-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-xxl-0 {
@@ -11095,28 +11095,28 @@ textarea.form-control-lg {
   }
 
   .py-xxl-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-xxl-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-xxl-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-xxl-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-xxl-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-xxl-0 {
@@ -11124,23 +11124,23 @@ textarea.form-control-lg {
   }
 
   .pt-xxl-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-xxl-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-xxl-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-xxl-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-xxl-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-xxl-0 {
@@ -11148,23 +11148,23 @@ textarea.form-control-lg {
   }
 
   .pe-xxl-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-xxl-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-xxl-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-xxl-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-xxl-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-xxl-0 {
@@ -11172,23 +11172,23 @@ textarea.form-control-lg {
   }
 
   .pb-xxl-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-xxl-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-xxl-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-xxl-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-xxl-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-xxl-0 {
@@ -11196,23 +11196,23 @@ textarea.form-control-lg {
   }
 
   .ps-xxl-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-xxl-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-xxl-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-xxl-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-xxl-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-xxl-start {
@@ -20487,6 +20487,23 @@ readers do not read off random characters that represent icons */
   background: #272727;
 }
 
+.page-header {
+  margin-bottom: 2rem;
+}
+.page-header:after {
+  margin-top: 0.5rem;
+  display: block;
+  height: 3px;
+  width: 100px;
+  background: #1871a2;
+  border-radius: 3px;
+  content: " ";
+}
+
+.progress-thin {
+  height: 3px;
+}
+
 .alert-icon {
   padding: 0.5rem;
   background: rgba(0, 0, 0, 0.15);
@@ -20506,3 +20523,7 @@ readers do not read off random characters that represent icons */
 .max-w-lg {
   max-width: 991.98px;
 }
+
+.max-h-before-header {
+  max-height: calc(100vh - 4.375rem);
+}
diff --git a/templates/Froxlor/assets/css/main.css b/templates/Froxlor/assets/css/main.css
index 25d10773..415deef1 100644
--- a/templates/Froxlor/assets/css/main.css
+++ b/templates/Froxlor/assets/css/main.css
@@ -85,7 +85,7 @@ body {
 }
 
 hr {
-  margin: 1rem 0;
+  margin: 1.25rem 0;
   color: inherit;
   background-color: currentColor;
   border: 0;
@@ -98,7 +98,7 @@ hr:not([size]) {
 
 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
   margin-top: 0;
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.625rem;
   font-weight: 500;
   line-height: 1.2;
 }
@@ -576,7 +576,7 @@ progress {
 }
 
 .blockquote {
-  margin-bottom: 1rem;
+  margin-bottom: 1.25rem;
   font-size: 1.25rem;
 }
 .blockquote > :last-child {
@@ -584,8 +584,8 @@ progress {
 }
 
 .blockquote-footer {
-  margin-top: -1rem;
-  margin-bottom: 1rem;
+  margin-top: -1.25rem;
+  margin-bottom: 1.25rem;
   font-size: 0.875em;
   color: #6c757d;
 }
@@ -612,7 +612,7 @@ progress {
 }
 
 .figure-img {
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.625rem;
   line-height: 1;
 }
 
@@ -838,52 +838,52 @@ progress {
 
 .g-1,
 .gx-1 {
-  --bs-gutter-x: 0.25rem;
+  --bs-gutter-x: 0.3125rem;
 }
 
 .g-1,
 .gy-1 {
-  --bs-gutter-y: 0.25rem;
+  --bs-gutter-y: 0.3125rem;
 }
 
 .g-2,
 .gx-2 {
-  --bs-gutter-x: 0.5rem;
+  --bs-gutter-x: 0.625rem;
 }
 
 .g-2,
 .gy-2 {
-  --bs-gutter-y: 0.5rem;
+  --bs-gutter-y: 0.625rem;
 }
 
 .g-3,
 .gx-3 {
-  --bs-gutter-x: 1rem;
+  --bs-gutter-x: 1.25rem;
 }
 
 .g-3,
 .gy-3 {
-  --bs-gutter-y: 1rem;
+  --bs-gutter-y: 1.25rem;
 }
 
 .g-4,
 .gx-4 {
-  --bs-gutter-x: 1.5rem;
+  --bs-gutter-x: 1.875rem;
 }
 
 .g-4,
 .gy-4 {
-  --bs-gutter-y: 1.5rem;
+  --bs-gutter-y: 1.875rem;
 }
 
 .g-5,
 .gx-5 {
-  --bs-gutter-x: 3rem;
+  --bs-gutter-x: 3.75rem;
 }
 
 .g-5,
 .gy-5 {
-  --bs-gutter-y: 3rem;
+  --bs-gutter-y: 3.75rem;
 }
 
 @media (min-width: 576px) {
@@ -1051,52 +1051,52 @@ progress {
 
   .g-sm-1,
 .gx-sm-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-sm-1,
 .gy-sm-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-sm-2,
 .gx-sm-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-sm-2,
 .gy-sm-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-sm-3,
 .gx-sm-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-sm-3,
 .gy-sm-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-sm-4,
 .gx-sm-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-sm-4,
 .gy-sm-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-sm-5,
 .gx-sm-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-sm-5,
 .gy-sm-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 @media (min-width: 768px) {
@@ -1264,52 +1264,52 @@ progress {
 
   .g-md-1,
 .gx-md-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-md-1,
 .gy-md-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-md-2,
 .gx-md-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-md-2,
 .gy-md-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-md-3,
 .gx-md-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-md-3,
 .gy-md-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-md-4,
 .gx-md-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-md-4,
 .gy-md-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-md-5,
 .gx-md-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-md-5,
 .gy-md-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 @media (min-width: 992px) {
@@ -1477,52 +1477,52 @@ progress {
 
   .g-lg-1,
 .gx-lg-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-lg-1,
 .gy-lg-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-lg-2,
 .gx-lg-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-lg-2,
 .gy-lg-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-lg-3,
 .gx-lg-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-lg-3,
 .gy-lg-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-lg-4,
 .gx-lg-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-lg-4,
 .gy-lg-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-lg-5,
 .gx-lg-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-lg-5,
 .gy-lg-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 @media (min-width: 1200px) {
@@ -1690,52 +1690,52 @@ progress {
 
   .g-xl-1,
 .gx-xl-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-xl-1,
 .gy-xl-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-xl-2,
 .gx-xl-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-xl-2,
 .gy-xl-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-xl-3,
 .gx-xl-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-xl-3,
 .gy-xl-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-xl-4,
 .gx-xl-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-xl-4,
 .gy-xl-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-xl-5,
 .gx-xl-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-xl-5,
 .gy-xl-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 @media (min-width: 1400px) {
@@ -1903,52 +1903,52 @@ progress {
 
   .g-xxl-1,
 .gx-xxl-1 {
-    --bs-gutter-x: 0.25rem;
+    --bs-gutter-x: 0.3125rem;
   }
 
   .g-xxl-1,
 .gy-xxl-1 {
-    --bs-gutter-y: 0.25rem;
+    --bs-gutter-y: 0.3125rem;
   }
 
   .g-xxl-2,
 .gx-xxl-2 {
-    --bs-gutter-x: 0.5rem;
+    --bs-gutter-x: 0.625rem;
   }
 
   .g-xxl-2,
 .gy-xxl-2 {
-    --bs-gutter-y: 0.5rem;
+    --bs-gutter-y: 0.625rem;
   }
 
   .g-xxl-3,
 .gx-xxl-3 {
-    --bs-gutter-x: 1rem;
+    --bs-gutter-x: 1.25rem;
   }
 
   .g-xxl-3,
 .gy-xxl-3 {
-    --bs-gutter-y: 1rem;
+    --bs-gutter-y: 1.25rem;
   }
 
   .g-xxl-4,
 .gx-xxl-4 {
-    --bs-gutter-x: 1.5rem;
+    --bs-gutter-x: 1.875rem;
   }
 
   .g-xxl-4,
 .gy-xxl-4 {
-    --bs-gutter-y: 1.5rem;
+    --bs-gutter-y: 1.875rem;
   }
 
   .g-xxl-5,
 .gx-xxl-5 {
-    --bs-gutter-x: 3rem;
+    --bs-gutter-x: 3.75rem;
   }
 
   .g-xxl-5,
 .gy-xxl-5 {
-    --bs-gutter-y: 3rem;
+    --bs-gutter-y: 3.75rem;
   }
 }
 .table {
@@ -1961,7 +1961,7 @@ progress {
   --bs-table-hover-color: #333333;
   --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
   width: 100%;
-  margin-bottom: 1rem;
+  margin-bottom: 1.25rem;
   color: #333333;
   vertical-align: top;
   border-color: #dee2e6;
@@ -2822,7 +2822,7 @@ textarea.form-control-lg {
   z-index: 5;
   display: none;
   max-width: 100%;
-  padding: 0.25rem 0.5rem;
+  padding: 0.3125rem 0.625rem;
   margin-top: 0.1rem;
   font-size: 0.875rem;
   color: #fff;
@@ -2911,7 +2911,7 @@ textarea.form-control-lg {
   z-index: 5;
   display: none;
   max-width: 100%;
-  padding: 0.25rem 0.5rem;
+  padding: 0.3125rem 0.625rem;
   margin-top: 0.1rem;
   font-size: 0.875rem;
   color: #fff;
@@ -3749,7 +3749,7 @@ textarea.form-control-lg {
 
 .dropdown-divider {
   height: 0;
-  margin: 0.5rem 0;
+  margin: 0.625rem 0;
   overflow: hidden;
   border-top: 1px solid rgba(0, 0, 0, 0.15);
 }
@@ -3757,7 +3757,7 @@ textarea.form-control-lg {
 .dropdown-item {
   display: block;
   width: 100%;
-  padding: 0.25rem 1rem;
+  padding: 0.3125rem 1.25rem;
   clear: both;
   font-weight: 400;
   color: #212529;
@@ -3788,7 +3788,7 @@ textarea.form-control-lg {
 
 .dropdown-header {
   display: block;
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 1.25rem;
   margin-bottom: 0;
   font-size: 0.875rem;
   color: #6c757d;
@@ -3797,7 +3797,7 @@ textarea.form-control-lg {
 
 .dropdown-item-text {
   display: block;
-  padding: 0.25rem 1rem;
+  padding: 0.3125rem 1.25rem;
   color: #212529;
 }
 
@@ -4028,8 +4028,8 @@ textarea.form-control-lg {
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
 }
 .navbar > .container,
 .navbar > .container-fluid,
@@ -4538,15 +4538,15 @@ textarea.form-control-lg {
 
 .card-body {
   flex: 1 1 auto;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
 }
 
 .card-title {
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.625rem;
 }
 
 .card-subtitle {
-  margin-top: -0.25rem;
+  margin-top: -0.3125rem;
   margin-bottom: 0;
 }
 
@@ -4555,13 +4555,13 @@ textarea.form-control-lg {
 }
 
 .card-link + .card-link {
-  margin-left: 1rem;
+  margin-left: 1.25rem;
 }
 
 .card-header {
-  padding: 0.5rem 1rem;
+  padding: 1.25rem 1.25rem;
   margin-bottom: 0;
-  background-color: rgba(0, 0, 0, 0.03);
+  background-color: none;
   border-bottom: 0 solid rgba(0, 0, 0, 0.125);
 }
 .card-header:first-child {
@@ -4569,8 +4569,8 @@ textarea.form-control-lg {
 }
 
 .card-footer {
-  padding: 0.5rem 1rem;
-  background-color: rgba(0, 0, 0, 0.03);
+  padding: 1.25rem 1.25rem;
+  background-color: none;
   border-top: 0 solid rgba(0, 0, 0, 0.125);
 }
 .card-footer:last-child {
@@ -4578,9 +4578,9 @@ textarea.form-control-lg {
 }
 
 .card-header-tabs {
-  margin-right: -0.5rem;
-  margin-bottom: -0.5rem;
-  margin-left: -0.5rem;
+  margin-right: -0.625rem;
+  margin-bottom: -1.25rem;
+  margin-left: -0.625rem;
   border-bottom: 0;
 }
 .card-header-tabs .nav-link.active {
@@ -4589,8 +4589,8 @@ textarea.form-control-lg {
 }
 
 .card-header-pills {
-  margin-right: -0.5rem;
-  margin-left: -0.5rem;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
 }
 
 .card-img-overlay {
@@ -4599,7 +4599,7 @@ textarea.form-control-lg {
   right: 0;
   bottom: 0;
   left: 0;
-  padding: 1rem;
+  padding: 1.25rem;
   border-radius: 0.5rem;
 }
 
@@ -4905,7 +4905,7 @@ textarea.form-control-lg {
 
 .alert {
   position: relative;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
   margin-bottom: 1rem;
   border: 0 solid transparent;
   border-radius: 0.5rem;
@@ -4920,14 +4920,14 @@ textarea.form-control-lg {
 }
 
 .alert-dismissible {
-  padding-right: 3rem;
+  padding-right: 3.75rem;
 }
 .alert-dismissible .btn-close {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
-  padding: 1.25rem 1rem;
+  padding: 1.5625rem 1.25rem;
 }
 
 .alert-primary {
@@ -5091,7 +5091,7 @@ textarea.form-control-lg {
 .list-group-item {
   position: relative;
   display: block;
-  padding: 0.5rem 1rem;
+  padding: 0.625rem 1.25rem;
   color: #212529;
   text-decoration: none;
   background-color: #fff;
@@ -5559,14 +5559,14 @@ textarea.form-control-lg {
   flex-shrink: 0;
   align-items: center;
   justify-content: space-between;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
   border-bottom: 1px solid #dee2e6;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px);
 }
 .modal-header .btn-close {
-  padding: 0.5rem 0.5rem;
-  margin: -0.5rem -0.5rem -0.5rem auto;
+  padding: 0.625rem 0.625rem;
+  margin: -0.625rem -0.625rem -0.625rem auto;
 }
 
 .modal-title {
@@ -5577,7 +5577,7 @@ textarea.form-control-lg {
 .modal-body {
   position: relative;
   flex: 1 1 auto;
-  padding: 1rem;
+  padding: 1.25rem;
 }
 
 .modal-footer {
@@ -5586,7 +5586,7 @@ textarea.form-control-lg {
   flex-shrink: 0;
   align-items: center;
   justify-content: flex-end;
-  padding: 0.75rem;
+  padding: 1rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px);
@@ -5848,7 +5848,7 @@ textarea.form-control-lg {
 
 .tooltip-inner {
   max-width: 200px;
-  padding: 0.25rem 0.5rem;
+  padding: 0.3125rem 0.625rem;
   color: #fff;
   text-align: center;
   background-color: #000;
@@ -5968,7 +5968,7 @@ textarea.form-control-lg {
 }
 
 .popover-header {
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 1.25rem;
   margin-bottom: 0;
   font-size: 1rem;
   background-color: #f0f0f0;
@@ -5981,7 +5981,7 @@ textarea.form-control-lg {
 }
 
 .popover-body {
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
   color: #333333;
 }
 
@@ -6303,13 +6303,13 @@ textarea.form-control-lg {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
 }
 .offcanvas-header .btn-close {
-  padding: 0.5rem 0.5rem;
-  margin-top: -0.5rem;
-  margin-right: -0.5rem;
-  margin-bottom: -0.5rem;
+  padding: 0.625rem 0.625rem;
+  margin-top: -0.625rem;
+  margin-right: -0.625rem;
+  margin-bottom: -0.625rem;
 }
 
 .offcanvas-title {
@@ -6319,7 +6319,7 @@ textarea.form-control-lg {
 
 .offcanvas-body {
   flex-grow: 1;
-  padding: 1rem 1rem;
+  padding: 1.25rem 1.25rem;
   overflow-y: auto;
 }
 
@@ -6747,7 +6747,7 @@ textarea.form-control-lg {
   display: none !important;
 }
 
-.shadow {
+.shadow, .sidebar {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
 }
 
@@ -7057,23 +7057,23 @@ textarea.form-control-lg {
 }
 
 .gap-1 {
-  gap: 0.25rem !important;
+  gap: 0.3125rem !important;
 }
 
 .gap-2 {
-  gap: 0.5rem !important;
+  gap: 0.625rem !important;
 }
 
 .gap-3 {
-  gap: 1rem !important;
+  gap: 1.25rem !important;
 }
 
 .gap-4 {
-  gap: 1.5rem !important;
+  gap: 1.875rem !important;
 }
 
 .gap-5 {
-  gap: 3rem !important;
+  gap: 3.75rem !important;
 }
 
 .justify-content-start {
@@ -7205,23 +7205,23 @@ textarea.form-control-lg {
 }
 
 .m-1 {
-  margin: 0.25rem !important;
+  margin: 0.3125rem !important;
 }
 
 .m-2 {
-  margin: 0.5rem !important;
+  margin: 0.625rem !important;
 }
 
 .m-3 {
-  margin: 1rem !important;
+  margin: 1.25rem !important;
 }
 
 .m-4 {
-  margin: 1.5rem !important;
+  margin: 1.875rem !important;
 }
 
 .m-5 {
-  margin: 3rem !important;
+  margin: 3.75rem !important;
 }
 
 .m-auto {
@@ -7234,28 +7234,28 @@ textarea.form-control-lg {
 }
 
 .mx-1 {
-  margin-right: 0.25rem !important;
-  margin-left: 0.25rem !important;
+  margin-right: 0.3125rem !important;
+  margin-left: 0.3125rem !important;
 }
 
 .mx-2 {
-  margin-right: 0.5rem !important;
-  margin-left: 0.5rem !important;
+  margin-right: 0.625rem !important;
+  margin-left: 0.625rem !important;
 }
 
 .mx-3 {
-  margin-right: 1rem !important;
-  margin-left: 1rem !important;
+  margin-right: 1.25rem !important;
+  margin-left: 1.25rem !important;
 }
 
 .mx-4 {
-  margin-right: 1.5rem !important;
-  margin-left: 1.5rem !important;
+  margin-right: 1.875rem !important;
+  margin-left: 1.875rem !important;
 }
 
 .mx-5 {
-  margin-right: 3rem !important;
-  margin-left: 3rem !important;
+  margin-right: 3.75rem !important;
+  margin-left: 3.75rem !important;
 }
 
 .mx-auto {
@@ -7269,28 +7269,28 @@ textarea.form-control-lg {
 }
 
 .my-1 {
-  margin-top: 0.25rem !important;
-  margin-bottom: 0.25rem !important;
+  margin-top: 0.3125rem !important;
+  margin-bottom: 0.3125rem !important;
 }
 
 .my-2 {
-  margin-top: 0.5rem !important;
-  margin-bottom: 0.5rem !important;
+  margin-top: 0.625rem !important;
+  margin-bottom: 0.625rem !important;
 }
 
 .my-3 {
-  margin-top: 1rem !important;
-  margin-bottom: 1rem !important;
+  margin-top: 1.25rem !important;
+  margin-bottom: 1.25rem !important;
 }
 
 .my-4 {
-  margin-top: 1.5rem !important;
-  margin-bottom: 1.5rem !important;
+  margin-top: 1.875rem !important;
+  margin-bottom: 1.875rem !important;
 }
 
 .my-5 {
-  margin-top: 3rem !important;
-  margin-bottom: 3rem !important;
+  margin-top: 3.75rem !important;
+  margin-bottom: 3.75rem !important;
 }
 
 .my-auto {
@@ -7303,23 +7303,23 @@ textarea.form-control-lg {
 }
 
 .mt-1 {
-  margin-top: 0.25rem !important;
+  margin-top: 0.3125rem !important;
 }
 
 .mt-2 {
-  margin-top: 0.5rem !important;
+  margin-top: 0.625rem !important;
 }
 
 .mt-3 {
-  margin-top: 1rem !important;
+  margin-top: 1.25rem !important;
 }
 
 .mt-4 {
-  margin-top: 1.5rem !important;
+  margin-top: 1.875rem !important;
 }
 
 .mt-5 {
-  margin-top: 3rem !important;
+  margin-top: 3.75rem !important;
 }
 
 .mt-auto {
@@ -7331,23 +7331,23 @@ textarea.form-control-lg {
 }
 
 .me-1 {
-  margin-right: 0.25rem !important;
+  margin-right: 0.3125rem !important;
 }
 
 .me-2 {
-  margin-right: 0.5rem !important;
+  margin-right: 0.625rem !important;
 }
 
 .me-3 {
-  margin-right: 1rem !important;
+  margin-right: 1.25rem !important;
 }
 
 .me-4 {
-  margin-right: 1.5rem !important;
+  margin-right: 1.875rem !important;
 }
 
 .me-5 {
-  margin-right: 3rem !important;
+  margin-right: 3.75rem !important;
 }
 
 .me-auto {
@@ -7359,23 +7359,23 @@ textarea.form-control-lg {
 }
 
 .mb-1 {
-  margin-bottom: 0.25rem !important;
+  margin-bottom: 0.3125rem !important;
 }
 
 .mb-2 {
-  margin-bottom: 0.5rem !important;
+  margin-bottom: 0.625rem !important;
 }
 
 .mb-3 {
-  margin-bottom: 1rem !important;
+  margin-bottom: 1.25rem !important;
 }
 
 .mb-4 {
-  margin-bottom: 1.5rem !important;
+  margin-bottom: 1.875rem !important;
 }
 
 .mb-5 {
-  margin-bottom: 3rem !important;
+  margin-bottom: 3.75rem !important;
 }
 
 .mb-auto {
@@ -7387,23 +7387,23 @@ textarea.form-control-lg {
 }
 
 .ms-1 {
-  margin-left: 0.25rem !important;
+  margin-left: 0.3125rem !important;
 }
 
 .ms-2 {
-  margin-left: 0.5rem !important;
+  margin-left: 0.625rem !important;
 }
 
 .ms-3 {
-  margin-left: 1rem !important;
+  margin-left: 1.25rem !important;
 }
 
 .ms-4 {
-  margin-left: 1.5rem !important;
+  margin-left: 1.875rem !important;
 }
 
 .ms-5 {
-  margin-left: 3rem !important;
+  margin-left: 3.75rem !important;
 }
 
 .ms-auto {
@@ -7415,23 +7415,23 @@ textarea.form-control-lg {
 }
 
 .p-1 {
-  padding: 0.25rem !important;
+  padding: 0.3125rem !important;
 }
 
 .p-2 {
-  padding: 0.5rem !important;
+  padding: 0.625rem !important;
 }
 
 .p-3 {
-  padding: 1rem !important;
+  padding: 1.25rem !important;
 }
 
 .p-4 {
-  padding: 1.5rem !important;
+  padding: 1.875rem !important;
 }
 
 .p-5 {
-  padding: 3rem !important;
+  padding: 3.75rem !important;
 }
 
 .px-0 {
@@ -7440,28 +7440,28 @@ textarea.form-control-lg {
 }
 
 .px-1 {
-  padding-right: 0.25rem !important;
-  padding-left: 0.25rem !important;
+  padding-right: 0.3125rem !important;
+  padding-left: 0.3125rem !important;
 }
 
 .px-2 {
-  padding-right: 0.5rem !important;
-  padding-left: 0.5rem !important;
+  padding-right: 0.625rem !important;
+  padding-left: 0.625rem !important;
 }
 
 .px-3 {
-  padding-right: 1rem !important;
-  padding-left: 1rem !important;
+  padding-right: 1.25rem !important;
+  padding-left: 1.25rem !important;
 }
 
 .px-4 {
-  padding-right: 1.5rem !important;
-  padding-left: 1.5rem !important;
+  padding-right: 1.875rem !important;
+  padding-left: 1.875rem !important;
 }
 
 .px-5 {
-  padding-right: 3rem !important;
-  padding-left: 3rem !important;
+  padding-right: 3.75rem !important;
+  padding-left: 3.75rem !important;
 }
 
 .py-0 {
@@ -7470,28 +7470,28 @@ textarea.form-control-lg {
 }
 
 .py-1 {
-  padding-top: 0.25rem !important;
-  padding-bottom: 0.25rem !important;
+  padding-top: 0.3125rem !important;
+  padding-bottom: 0.3125rem !important;
 }
 
 .py-2 {
-  padding-top: 0.5rem !important;
-  padding-bottom: 0.5rem !important;
+  padding-top: 0.625rem !important;
+  padding-bottom: 0.625rem !important;
 }
 
 .py-3 {
-  padding-top: 1rem !important;
-  padding-bottom: 1rem !important;
+  padding-top: 1.25rem !important;
+  padding-bottom: 1.25rem !important;
 }
 
 .py-4 {
-  padding-top: 1.5rem !important;
-  padding-bottom: 1.5rem !important;
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
 }
 
 .py-5 {
-  padding-top: 3rem !important;
-  padding-bottom: 3rem !important;
+  padding-top: 3.75rem !important;
+  padding-bottom: 3.75rem !important;
 }
 
 .pt-0 {
@@ -7499,23 +7499,23 @@ textarea.form-control-lg {
 }
 
 .pt-1 {
-  padding-top: 0.25rem !important;
+  padding-top: 0.3125rem !important;
 }
 
 .pt-2 {
-  padding-top: 0.5rem !important;
+  padding-top: 0.625rem !important;
 }
 
 .pt-3 {
-  padding-top: 1rem !important;
+  padding-top: 1.25rem !important;
 }
 
 .pt-4 {
-  padding-top: 1.5rem !important;
+  padding-top: 1.875rem !important;
 }
 
 .pt-5 {
-  padding-top: 3rem !important;
+  padding-top: 3.75rem !important;
 }
 
 .pe-0 {
@@ -7523,23 +7523,23 @@ textarea.form-control-lg {
 }
 
 .pe-1 {
-  padding-right: 0.25rem !important;
+  padding-right: 0.3125rem !important;
 }
 
 .pe-2 {
-  padding-right: 0.5rem !important;
+  padding-right: 0.625rem !important;
 }
 
 .pe-3 {
-  padding-right: 1rem !important;
+  padding-right: 1.25rem !important;
 }
 
 .pe-4 {
-  padding-right: 1.5rem !important;
+  padding-right: 1.875rem !important;
 }
 
 .pe-5 {
-  padding-right: 3rem !important;
+  padding-right: 3.75rem !important;
 }
 
 .pb-0 {
@@ -7547,23 +7547,23 @@ textarea.form-control-lg {
 }
 
 .pb-1 {
-  padding-bottom: 0.25rem !important;
+  padding-bottom: 0.3125rem !important;
 }
 
 .pb-2 {
-  padding-bottom: 0.5rem !important;
+  padding-bottom: 0.625rem !important;
 }
 
 .pb-3 {
-  padding-bottom: 1rem !important;
+  padding-bottom: 1.25rem !important;
 }
 
 .pb-4 {
-  padding-bottom: 1.5rem !important;
+  padding-bottom: 1.875rem !important;
 }
 
 .pb-5 {
-  padding-bottom: 3rem !important;
+  padding-bottom: 3.75rem !important;
 }
 
 .ps-0 {
@@ -7571,23 +7571,23 @@ textarea.form-control-lg {
 }
 
 .ps-1 {
-  padding-left: 0.25rem !important;
+  padding-left: 0.3125rem !important;
 }
 
 .ps-2 {
-  padding-left: 0.5rem !important;
+  padding-left: 0.625rem !important;
 }
 
 .ps-3 {
-  padding-left: 1rem !important;
+  padding-left: 1.25rem !important;
 }
 
 .ps-4 {
-  padding-left: 1.5rem !important;
+  padding-left: 1.875rem !important;
 }
 
 .ps-5 {
-  padding-left: 3rem !important;
+  padding-left: 3.75rem !important;
 }
 
 .font-monospace {
@@ -8078,23 +8078,23 @@ textarea.form-control-lg {
   }
 
   .gap-sm-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-sm-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-sm-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-sm-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-sm-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-sm-start {
@@ -8226,23 +8226,23 @@ textarea.form-control-lg {
   }
 
   .m-sm-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-sm-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-sm-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-sm-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-sm-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-sm-auto {
@@ -8255,28 +8255,28 @@ textarea.form-control-lg {
   }
 
   .mx-sm-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-sm-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-sm-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-sm-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-sm-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-sm-auto {
@@ -8290,28 +8290,28 @@ textarea.form-control-lg {
   }
 
   .my-sm-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-sm-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-sm-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-sm-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-sm-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-sm-auto {
@@ -8324,23 +8324,23 @@ textarea.form-control-lg {
   }
 
   .mt-sm-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-sm-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-sm-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-sm-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-sm-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-sm-auto {
@@ -8352,23 +8352,23 @@ textarea.form-control-lg {
   }
 
   .me-sm-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-sm-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-sm-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-sm-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-sm-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-sm-auto {
@@ -8380,23 +8380,23 @@ textarea.form-control-lg {
   }
 
   .mb-sm-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-sm-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-sm-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-sm-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-sm-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-sm-auto {
@@ -8408,23 +8408,23 @@ textarea.form-control-lg {
   }
 
   .ms-sm-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-sm-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-sm-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-sm-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-sm-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-sm-auto {
@@ -8436,23 +8436,23 @@ textarea.form-control-lg {
   }
 
   .p-sm-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-sm-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-sm-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-sm-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-sm-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-sm-0 {
@@ -8461,28 +8461,28 @@ textarea.form-control-lg {
   }
 
   .px-sm-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-sm-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-sm-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-sm-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-sm-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-sm-0 {
@@ -8491,28 +8491,28 @@ textarea.form-control-lg {
   }
 
   .py-sm-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-sm-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-sm-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-sm-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-sm-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-sm-0 {
@@ -8520,23 +8520,23 @@ textarea.form-control-lg {
   }
 
   .pt-sm-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-sm-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-sm-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-sm-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-sm-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-sm-0 {
@@ -8544,23 +8544,23 @@ textarea.form-control-lg {
   }
 
   .pe-sm-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-sm-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-sm-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-sm-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-sm-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-sm-0 {
@@ -8568,23 +8568,23 @@ textarea.form-control-lg {
   }
 
   .pb-sm-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-sm-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-sm-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-sm-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-sm-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-sm-0 {
@@ -8592,23 +8592,23 @@ textarea.form-control-lg {
   }
 
   .ps-sm-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-sm-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-sm-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-sm-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-sm-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-sm-start {
@@ -8729,23 +8729,23 @@ textarea.form-control-lg {
   }
 
   .gap-md-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-md-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-md-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-md-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-md-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-md-start {
@@ -8877,23 +8877,23 @@ textarea.form-control-lg {
   }
 
   .m-md-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-md-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-md-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-md-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-md-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-md-auto {
@@ -8906,28 +8906,28 @@ textarea.form-control-lg {
   }
 
   .mx-md-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-md-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-md-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-md-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-md-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-md-auto {
@@ -8941,28 +8941,28 @@ textarea.form-control-lg {
   }
 
   .my-md-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-md-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-md-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-md-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-md-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-md-auto {
@@ -8975,23 +8975,23 @@ textarea.form-control-lg {
   }
 
   .mt-md-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-md-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-md-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-md-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-md-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-md-auto {
@@ -9003,23 +9003,23 @@ textarea.form-control-lg {
   }
 
   .me-md-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-md-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-md-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-md-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-md-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-md-auto {
@@ -9031,23 +9031,23 @@ textarea.form-control-lg {
   }
 
   .mb-md-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-md-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-md-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-md-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-md-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-md-auto {
@@ -9059,23 +9059,23 @@ textarea.form-control-lg {
   }
 
   .ms-md-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-md-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-md-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-md-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-md-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-md-auto {
@@ -9087,23 +9087,23 @@ textarea.form-control-lg {
   }
 
   .p-md-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-md-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-md-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-md-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-md-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-md-0 {
@@ -9112,28 +9112,28 @@ textarea.form-control-lg {
   }
 
   .px-md-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-md-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-md-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-md-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-md-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-md-0 {
@@ -9142,28 +9142,28 @@ textarea.form-control-lg {
   }
 
   .py-md-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-md-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-md-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-md-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-md-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-md-0 {
@@ -9171,23 +9171,23 @@ textarea.form-control-lg {
   }
 
   .pt-md-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-md-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-md-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-md-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-md-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-md-0 {
@@ -9195,23 +9195,23 @@ textarea.form-control-lg {
   }
 
   .pe-md-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-md-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-md-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-md-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-md-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-md-0 {
@@ -9219,23 +9219,23 @@ textarea.form-control-lg {
   }
 
   .pb-md-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-md-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-md-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-md-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-md-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-md-0 {
@@ -9243,23 +9243,23 @@ textarea.form-control-lg {
   }
 
   .ps-md-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-md-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-md-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-md-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-md-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-md-start {
@@ -9380,23 +9380,23 @@ textarea.form-control-lg {
   }
 
   .gap-lg-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-lg-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-lg-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-lg-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-lg-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-lg-start {
@@ -9528,23 +9528,23 @@ textarea.form-control-lg {
   }
 
   .m-lg-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-lg-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-lg-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-lg-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-lg-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-lg-auto {
@@ -9557,28 +9557,28 @@ textarea.form-control-lg {
   }
 
   .mx-lg-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-lg-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-lg-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-lg-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-lg-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-lg-auto {
@@ -9592,28 +9592,28 @@ textarea.form-control-lg {
   }
 
   .my-lg-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-lg-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-lg-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-lg-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-lg-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-lg-auto {
@@ -9626,23 +9626,23 @@ textarea.form-control-lg {
   }
 
   .mt-lg-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-lg-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-lg-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-lg-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-lg-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-lg-auto {
@@ -9654,23 +9654,23 @@ textarea.form-control-lg {
   }
 
   .me-lg-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-lg-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-lg-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-lg-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-lg-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-lg-auto {
@@ -9682,23 +9682,23 @@ textarea.form-control-lg {
   }
 
   .mb-lg-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-lg-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-lg-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-lg-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-lg-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-lg-auto {
@@ -9710,23 +9710,23 @@ textarea.form-control-lg {
   }
 
   .ms-lg-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-lg-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-lg-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-lg-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-lg-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-lg-auto {
@@ -9738,23 +9738,23 @@ textarea.form-control-lg {
   }
 
   .p-lg-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-lg-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-lg-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-lg-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-lg-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-lg-0 {
@@ -9763,28 +9763,28 @@ textarea.form-control-lg {
   }
 
   .px-lg-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-lg-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-lg-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-lg-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-lg-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-lg-0 {
@@ -9793,28 +9793,28 @@ textarea.form-control-lg {
   }
 
   .py-lg-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-lg-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-lg-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-lg-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-lg-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-lg-0 {
@@ -9822,23 +9822,23 @@ textarea.form-control-lg {
   }
 
   .pt-lg-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-lg-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-lg-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-lg-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-lg-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-lg-0 {
@@ -9846,23 +9846,23 @@ textarea.form-control-lg {
   }
 
   .pe-lg-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-lg-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-lg-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-lg-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-lg-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-lg-0 {
@@ -9870,23 +9870,23 @@ textarea.form-control-lg {
   }
 
   .pb-lg-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-lg-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-lg-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-lg-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-lg-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-lg-0 {
@@ -9894,23 +9894,23 @@ textarea.form-control-lg {
   }
 
   .ps-lg-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-lg-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-lg-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-lg-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-lg-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-lg-start {
@@ -10031,23 +10031,23 @@ textarea.form-control-lg {
   }
 
   .gap-xl-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-xl-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-xl-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-xl-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-xl-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-xl-start {
@@ -10179,23 +10179,23 @@ textarea.form-control-lg {
   }
 
   .m-xl-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-xl-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-xl-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-xl-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-xl-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-xl-auto {
@@ -10208,28 +10208,28 @@ textarea.form-control-lg {
   }
 
   .mx-xl-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-xl-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-xl-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-xl-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-xl-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-xl-auto {
@@ -10243,28 +10243,28 @@ textarea.form-control-lg {
   }
 
   .my-xl-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-xl-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-xl-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-xl-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-xl-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-xl-auto {
@@ -10277,23 +10277,23 @@ textarea.form-control-lg {
   }
 
   .mt-xl-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-xl-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-xl-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-xl-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-xl-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-xl-auto {
@@ -10305,23 +10305,23 @@ textarea.form-control-lg {
   }
 
   .me-xl-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-xl-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-xl-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-xl-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-xl-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-xl-auto {
@@ -10333,23 +10333,23 @@ textarea.form-control-lg {
   }
 
   .mb-xl-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-xl-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-xl-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-xl-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-xl-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-xl-auto {
@@ -10361,23 +10361,23 @@ textarea.form-control-lg {
   }
 
   .ms-xl-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-xl-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-xl-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-xl-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-xl-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-xl-auto {
@@ -10389,23 +10389,23 @@ textarea.form-control-lg {
   }
 
   .p-xl-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-xl-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-xl-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-xl-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-xl-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-xl-0 {
@@ -10414,28 +10414,28 @@ textarea.form-control-lg {
   }
 
   .px-xl-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-xl-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-xl-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-xl-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-xl-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-xl-0 {
@@ -10444,28 +10444,28 @@ textarea.form-control-lg {
   }
 
   .py-xl-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-xl-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-xl-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-xl-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-xl-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-xl-0 {
@@ -10473,23 +10473,23 @@ textarea.form-control-lg {
   }
 
   .pt-xl-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-xl-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-xl-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-xl-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-xl-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-xl-0 {
@@ -10497,23 +10497,23 @@ textarea.form-control-lg {
   }
 
   .pe-xl-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-xl-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-xl-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-xl-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-xl-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-xl-0 {
@@ -10521,23 +10521,23 @@ textarea.form-control-lg {
   }
 
   .pb-xl-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-xl-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-xl-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-xl-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-xl-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-xl-0 {
@@ -10545,23 +10545,23 @@ textarea.form-control-lg {
   }
 
   .ps-xl-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-xl-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-xl-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-xl-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-xl-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-xl-start {
@@ -10682,23 +10682,23 @@ textarea.form-control-lg {
   }
 
   .gap-xxl-1 {
-    gap: 0.25rem !important;
+    gap: 0.3125rem !important;
   }
 
   .gap-xxl-2 {
-    gap: 0.5rem !important;
+    gap: 0.625rem !important;
   }
 
   .gap-xxl-3 {
-    gap: 1rem !important;
+    gap: 1.25rem !important;
   }
 
   .gap-xxl-4 {
-    gap: 1.5rem !important;
+    gap: 1.875rem !important;
   }
 
   .gap-xxl-5 {
-    gap: 3rem !important;
+    gap: 3.75rem !important;
   }
 
   .justify-content-xxl-start {
@@ -10830,23 +10830,23 @@ textarea.form-control-lg {
   }
 
   .m-xxl-1 {
-    margin: 0.25rem !important;
+    margin: 0.3125rem !important;
   }
 
   .m-xxl-2 {
-    margin: 0.5rem !important;
+    margin: 0.625rem !important;
   }
 
   .m-xxl-3 {
-    margin: 1rem !important;
+    margin: 1.25rem !important;
   }
 
   .m-xxl-4 {
-    margin: 1.5rem !important;
+    margin: 1.875rem !important;
   }
 
   .m-xxl-5 {
-    margin: 3rem !important;
+    margin: 3.75rem !important;
   }
 
   .m-xxl-auto {
@@ -10859,28 +10859,28 @@ textarea.form-control-lg {
   }
 
   .mx-xxl-1 {
-    margin-right: 0.25rem !important;
-    margin-left: 0.25rem !important;
+    margin-right: 0.3125rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .mx-xxl-2 {
-    margin-right: 0.5rem !important;
-    margin-left: 0.5rem !important;
+    margin-right: 0.625rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .mx-xxl-3 {
-    margin-right: 1rem !important;
-    margin-left: 1rem !important;
+    margin-right: 1.25rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .mx-xxl-4 {
-    margin-right: 1.5rem !important;
-    margin-left: 1.5rem !important;
+    margin-right: 1.875rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .mx-xxl-5 {
-    margin-right: 3rem !important;
-    margin-left: 3rem !important;
+    margin-right: 3.75rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .mx-xxl-auto {
@@ -10894,28 +10894,28 @@ textarea.form-control-lg {
   }
 
   .my-xxl-1 {
-    margin-top: 0.25rem !important;
-    margin-bottom: 0.25rem !important;
+    margin-top: 0.3125rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .my-xxl-2 {
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 0.625rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .my-xxl-3 {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.25rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .my-xxl-4 {
-    margin-top: 1.5rem !important;
-    margin-bottom: 1.5rem !important;
+    margin-top: 1.875rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .my-xxl-5 {
-    margin-top: 3rem !important;
-    margin-bottom: 3rem !important;
+    margin-top: 3.75rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .my-xxl-auto {
@@ -10928,23 +10928,23 @@ textarea.form-control-lg {
   }
 
   .mt-xxl-1 {
-    margin-top: 0.25rem !important;
+    margin-top: 0.3125rem !important;
   }
 
   .mt-xxl-2 {
-    margin-top: 0.5rem !important;
+    margin-top: 0.625rem !important;
   }
 
   .mt-xxl-3 {
-    margin-top: 1rem !important;
+    margin-top: 1.25rem !important;
   }
 
   .mt-xxl-4 {
-    margin-top: 1.5rem !important;
+    margin-top: 1.875rem !important;
   }
 
   .mt-xxl-5 {
-    margin-top: 3rem !important;
+    margin-top: 3.75rem !important;
   }
 
   .mt-xxl-auto {
@@ -10956,23 +10956,23 @@ textarea.form-control-lg {
   }
 
   .me-xxl-1 {
-    margin-right: 0.25rem !important;
+    margin-right: 0.3125rem !important;
   }
 
   .me-xxl-2 {
-    margin-right: 0.5rem !important;
+    margin-right: 0.625rem !important;
   }
 
   .me-xxl-3 {
-    margin-right: 1rem !important;
+    margin-right: 1.25rem !important;
   }
 
   .me-xxl-4 {
-    margin-right: 1.5rem !important;
+    margin-right: 1.875rem !important;
   }
 
   .me-xxl-5 {
-    margin-right: 3rem !important;
+    margin-right: 3.75rem !important;
   }
 
   .me-xxl-auto {
@@ -10984,23 +10984,23 @@ textarea.form-control-lg {
   }
 
   .mb-xxl-1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.3125rem !important;
   }
 
   .mb-xxl-2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.625rem !important;
   }
 
   .mb-xxl-3 {
-    margin-bottom: 1rem !important;
+    margin-bottom: 1.25rem !important;
   }
 
   .mb-xxl-4 {
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1.875rem !important;
   }
 
   .mb-xxl-5 {
-    margin-bottom: 3rem !important;
+    margin-bottom: 3.75rem !important;
   }
 
   .mb-xxl-auto {
@@ -11012,23 +11012,23 @@ textarea.form-control-lg {
   }
 
   .ms-xxl-1 {
-    margin-left: 0.25rem !important;
+    margin-left: 0.3125rem !important;
   }
 
   .ms-xxl-2 {
-    margin-left: 0.5rem !important;
+    margin-left: 0.625rem !important;
   }
 
   .ms-xxl-3 {
-    margin-left: 1rem !important;
+    margin-left: 1.25rem !important;
   }
 
   .ms-xxl-4 {
-    margin-left: 1.5rem !important;
+    margin-left: 1.875rem !important;
   }
 
   .ms-xxl-5 {
-    margin-left: 3rem !important;
+    margin-left: 3.75rem !important;
   }
 
   .ms-xxl-auto {
@@ -11040,23 +11040,23 @@ textarea.form-control-lg {
   }
 
   .p-xxl-1 {
-    padding: 0.25rem !important;
+    padding: 0.3125rem !important;
   }
 
   .p-xxl-2 {
-    padding: 0.5rem !important;
+    padding: 0.625rem !important;
   }
 
   .p-xxl-3 {
-    padding: 1rem !important;
+    padding: 1.25rem !important;
   }
 
   .p-xxl-4 {
-    padding: 1.5rem !important;
+    padding: 1.875rem !important;
   }
 
   .p-xxl-5 {
-    padding: 3rem !important;
+    padding: 3.75rem !important;
   }
 
   .px-xxl-0 {
@@ -11065,28 +11065,28 @@ textarea.form-control-lg {
   }
 
   .px-xxl-1 {
-    padding-right: 0.25rem !important;
-    padding-left: 0.25rem !important;
+    padding-right: 0.3125rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .px-xxl-2 {
-    padding-right: 0.5rem !important;
-    padding-left: 0.5rem !important;
+    padding-right: 0.625rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .px-xxl-3 {
-    padding-right: 1rem !important;
-    padding-left: 1rem !important;
+    padding-right: 1.25rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .px-xxl-4 {
-    padding-right: 1.5rem !important;
-    padding-left: 1.5rem !important;
+    padding-right: 1.875rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .px-xxl-5 {
-    padding-right: 3rem !important;
-    padding-left: 3rem !important;
+    padding-right: 3.75rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .py-xxl-0 {
@@ -11095,28 +11095,28 @@ textarea.form-control-lg {
   }
 
   .py-xxl-1 {
-    padding-top: 0.25rem !important;
-    padding-bottom: 0.25rem !important;
+    padding-top: 0.3125rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .py-xxl-2 {
-    padding-top: 0.5rem !important;
-    padding-bottom: 0.5rem !important;
+    padding-top: 0.625rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .py-xxl-3 {
-    padding-top: 1rem !important;
-    padding-bottom: 1rem !important;
+    padding-top: 1.25rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .py-xxl-4 {
-    padding-top: 1.5rem !important;
-    padding-bottom: 1.5rem !important;
+    padding-top: 1.875rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .py-xxl-5 {
-    padding-top: 3rem !important;
-    padding-bottom: 3rem !important;
+    padding-top: 3.75rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .pt-xxl-0 {
@@ -11124,23 +11124,23 @@ textarea.form-control-lg {
   }
 
   .pt-xxl-1 {
-    padding-top: 0.25rem !important;
+    padding-top: 0.3125rem !important;
   }
 
   .pt-xxl-2 {
-    padding-top: 0.5rem !important;
+    padding-top: 0.625rem !important;
   }
 
   .pt-xxl-3 {
-    padding-top: 1rem !important;
+    padding-top: 1.25rem !important;
   }
 
   .pt-xxl-4 {
-    padding-top: 1.5rem !important;
+    padding-top: 1.875rem !important;
   }
 
   .pt-xxl-5 {
-    padding-top: 3rem !important;
+    padding-top: 3.75rem !important;
   }
 
   .pe-xxl-0 {
@@ -11148,23 +11148,23 @@ textarea.form-control-lg {
   }
 
   .pe-xxl-1 {
-    padding-right: 0.25rem !important;
+    padding-right: 0.3125rem !important;
   }
 
   .pe-xxl-2 {
-    padding-right: 0.5rem !important;
+    padding-right: 0.625rem !important;
   }
 
   .pe-xxl-3 {
-    padding-right: 1rem !important;
+    padding-right: 1.25rem !important;
   }
 
   .pe-xxl-4 {
-    padding-right: 1.5rem !important;
+    padding-right: 1.875rem !important;
   }
 
   .pe-xxl-5 {
-    padding-right: 3rem !important;
+    padding-right: 3.75rem !important;
   }
 
   .pb-xxl-0 {
@@ -11172,23 +11172,23 @@ textarea.form-control-lg {
   }
 
   .pb-xxl-1 {
-    padding-bottom: 0.25rem !important;
+    padding-bottom: 0.3125rem !important;
   }
 
   .pb-xxl-2 {
-    padding-bottom: 0.5rem !important;
+    padding-bottom: 0.625rem !important;
   }
 
   .pb-xxl-3 {
-    padding-bottom: 1rem !important;
+    padding-bottom: 1.25rem !important;
   }
 
   .pb-xxl-4 {
-    padding-bottom: 1.5rem !important;
+    padding-bottom: 1.875rem !important;
   }
 
   .pb-xxl-5 {
-    padding-bottom: 3rem !important;
+    padding-bottom: 3.75rem !important;
   }
 
   .ps-xxl-0 {
@@ -11196,23 +11196,23 @@ textarea.form-control-lg {
   }
 
   .ps-xxl-1 {
-    padding-left: 0.25rem !important;
+    padding-left: 0.3125rem !important;
   }
 
   .ps-xxl-2 {
-    padding-left: 0.5rem !important;
+    padding-left: 0.625rem !important;
   }
 
   .ps-xxl-3 {
-    padding-left: 1rem !important;
+    padding-left: 1.25rem !important;
   }
 
   .ps-xxl-4 {
-    padding-left: 1.5rem !important;
+    padding-left: 1.875rem !important;
   }
 
   .ps-xxl-5 {
-    padding-left: 3rem !important;
+    padding-left: 3.75rem !important;
   }
 
   .text-xxl-start {
@@ -20487,6 +20487,23 @@ readers do not read off random characters that represent icons */
   background: #f7f7f7;
 }
 
+.page-header {
+  margin-bottom: 2rem;
+}
+.page-header:after {
+  margin-top: 0.5rem;
+  display: block;
+  height: 3px;
+  width: 100px;
+  background: #1871a2;
+  border-radius: 3px;
+  content: " ";
+}
+
+.progress-thin {
+  height: 3px;
+}
+
 .alert-icon {
   padding: 0.5rem;
   background: rgba(0, 0, 0, 0.15);
@@ -20506,3 +20523,61 @@ readers do not read off random characters that represent icons */
 .max-w-lg {
   max-width: 991.98px;
 }
+
+.max-h-before-header {
+  max-height: calc(100vh - 4.375rem);
+}
+
+.navbar {
+  background: #f7f7f7;
+}
+
+@media (min-width: 768px) {
+  .navbar .navbar-brand {
+    background: #212529;
+    width: 280px;
+  }
+}
+@media (max-width: 767.98px) {
+  .navbar {
+    background: #212529;
+  }
+
+  .navbar-light .navbar-toggler-icon {
+    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");
+  }
+}
+.sidebar {
+  width: 280px;
+}
+.sidebar.collapsing {
+  transition: none;
+}
+.sidebar .user-info {
+  background: #1c2023;
+}
+.sidebar > .nav > .nav-item > .nav-link i {
+  margin-right: 1rem;
+  width: 1rem;
+  text-align: center;
+  opacity: 0.5;
+}
+.sidebar > .nav > .nav-item > .nav-link:not(.collapsed) {
+  background: #181b1e;
+  border-left: #1871a2 solid 3px;
+  padding-left: calc(1rem - 3px);
+}
+.sidebar > .nav > .nav-item > .collapse, .sidebar > .nav > .nav-item > .collapsing {
+  background: #1c2023;
+}
+.sidebar > .nav > .nav-item > .collapse a, .sidebar > .nav > .nav-item > .collapsing a {
+  opacity: 0.78;
+  margin-left: 1.25rem;
+}
+
+.card {
+  margin-bottom: 1.875rem;
+}
+.card .card-header {
+  border-bottom: #e5e5e5 solid 1px;
+}
diff --git a/templates/Froxlor/sidebarmenu.html.twig b/templates/Froxlor/sidebarmenu.html.twig
index 73e03ab0..0b604b71 100644
--- a/templates/Froxlor/sidebarmenu.html.twig
+++ b/templates/Froxlor/sidebarmenu.html.twig
@@ -1,46 +1,50 @@
-<div class="d-flex flex-column flex-shrink-0 p-3 text-white bg-dark" style="width: 280px;">
-	<ul class="nav nav-pills flex-column mb-auto">
+<nav id="sidebar" class="sidebar collapse d-md-flex flex-shrink-0 flex-column bg-dark overflow-auto max-h-before-header">
+	<ul class="nav d-flex flex-fill flex-column py-3">
 		{% for idx,mitems in nav_entries %}
-			{% if mitems.label|upper != 'OVERVIEW' %}
-				{% if mitems.items is not empty %}
-					<li class="nav-item">
-						<a class="nav-link text-light {% if mitems.active == 0 %}collapsed{% endif %}" href="#sub{{ idx }}" data-bs-toggle="collapse" data-bs-target="#sub{{ idx }}">
-							<span class="{{ mitems.icon }}"></span>
-							{{ mitems.label|upper }}</a>
-						<div class="collapse {% if mitems.active == 1 %}show{% endif %}" id="sub{{ idx }}" aria-expanded="{% if mitems.active == 1 %}true{% else %}false{% endif %}">
-							<ul class="flex-column ps-3 nav">
-								{% for item in mitems.items %}
-									<li class="nav-item">
-										<a class="nav-link text-light pb-0 {% if item.active == 1 %}font-weight-bold{% endif %}" href="{{ item.url|raw }}">{{ item.label }}</a>
-									</li>
-								{% endfor %}
-							</ul>
-						</div>
-					</li>
-				{% else %}
-					<li class="nav-item">
-						<a class="nav-link text-light {% if mitems.active == 1 %}active{% endif %}" href="{% if mitems.url is not empty %}{{ mitems.url|raw }}{% else %}#{% endif %}" {% if mitems.target is not empty %} target="{{ mitems.target }}" {% endif %}>
-							{% if mitems.icon is not empty %}
-								<span class="{{ mitems.icon }}"></span>
-							{% endif %}
-							{{ mitems.label|upper }}</a>
-					</li>
-				{% endif %}
+			{% if mitems.items is not empty %}
+				<li class="nav-item">
+					<a class="nav-link text-light {% if mitems.active == 0 %}collapsed{% endif %}" href="#sub{{ idx }}" data-bs-toggle="collapse" data-bs-target="#sub{{ idx }}">
+						{% if mitems.icon is not empty %}
+							<i class="{{ mitems.icon }}"></i>
+						{% endif %}
+						{{ mitems.label }}
+					</a>
+					<div class="collapse {% if mitems.active == 1 %}show{% endif %}" id="sub{{ idx }}" aria-expanded="{% if mitems.active == 1 %}true{% else %}false{% endif %}">
+						<ul class="flex-column ps-3 nav">
+							{% for item in mitems.items %}
+								<li class="nav-item">
+									<a class="nav-link text-light {% if item.active == 1 %}font-weight-bold{% endif %}" href="{{ item.url|raw }}">{{ item.label|raw }}</a>
+								</li>
+							{% endfor %}
+						</ul>
+					</div>
+				</li>
+			{% else %}
+				<li class="nav-item">
+					<a class="nav-link text-light {% if mitems.active == 1 %}active{% endif %}" href="{% if mitems.url is not empty %}{{ mitems.url|raw }}{% else %}#{% endif %}" {% if mitems.target is not empty %} target="{{ mitems.target }}" {% endif %}>
+						{% if mitems.icon is not empty %}
+							<i class="{{ mitems.icon }}"></i>
+						{% endif %}
+						{{ mitems.label|upper }}
+					</a>
+				</li>
 			{% endif %}
 		{% endfor %}
 	</ul>
-	<hr>
-	<div class="dropdown">
-		<a href="#" class="d-flex align-items-center text-white text-decoration-none dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
-			<i class="fa-solid fa-user me-3"></i>
-			<strong>{{ userinfo.loginname }}</strong>
-		</a>
-		<ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1">
-			<li><a class="dropdown-item" href="#">New project...</a></li>
-			<li><a class="dropdown-item" href="#">Settings</a></li>
-			<li><a class="dropdown-item" href="#">Profile</a></li>
-			<li><hr class="dropdown-divider"></li>
-			<li><a class="dropdown-item" href="{{ linker({'section': 'index', 'action': 'logout'}) }}">{{ lng('login.logout') }}</a></li>
-		</ul>
+
+	<div class="d-flex flex-shrink-0 p-3 user-info">
+		<div class="dropdown d-block flex-shrink-0">
+			<a href="#" class="d-flex align-items-center text-white text-decoration-none dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
+				<i class="fa-solid fa-user me-3"></i>
+				<strong>{{ userinfo.loginname }}</strong>
+			</a>
+			<ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1">
+				<li><a class="dropdown-item" href="#">New project...</a></li>
+				<li><a class="dropdown-item" href="#">Settings</a></li>
+				<li><a class="dropdown-item" href="#">Profile</a></li>
+				<li><hr class="dropdown-divider"></li>
+				<li><a class="dropdown-item" href="{{ linker({'section': 'index', 'action': 'logout'}) }}">{{ lng('login.logout') }}</a></li>
+			</ul>
+		</div>
 	</div>
-</div>
+</nav>
\ No newline at end of file
diff --git a/templates/Froxlor/src/scss/_global.scss b/templates/Froxlor/src/scss/_global.scss
index 6bb8c9eb..c61163d4 100644
--- a/templates/Froxlor/src/scss/_global.scss
+++ b/templates/Froxlor/src/scss/_global.scss
@@ -8,6 +8,24 @@
   @extend .shadow-sm;
 }
 
+.page-header {
+  margin-bottom: 2rem;
+
+  &:after {
+    margin-top: .5rem;
+    display: block;
+    height: 3px;
+    width: 100px;
+    background: $froxlor-blue-dark;
+    border-radius: 3px;
+    content: ' ';
+  }
+}
+
+.progress-thin {
+  height: 3px;
+}
+
 .alert-icon {
   padding: .5rem;
   background: rgba(0, 0, 0, .15);
@@ -16,12 +34,6 @@
   margin-right: .75rem;
 }
 
-.card .card-body {
-  p {
-    @extend .card-text;
-  }
-}
-
 .max-w-420 {
   max-width: 420px;
 }
@@ -34,6 +46,10 @@
   max-width: 991.98px;
 }
 
+.max-h-before-header {
+  max-height: calc(100vh - ($spacer * 3.5));
+}
+
 footer {
   @extend .text-muted;
 }
diff --git a/templates/Froxlor/src/scss/components/_card.scss b/templates/Froxlor/src/scss/components/_card.scss
new file mode 100644
index 00000000..f95e72be
--- /dev/null
+++ b/templates/Froxlor/src/scss/components/_card.scss
@@ -0,0 +1,12 @@
+.card {
+  margin-bottom: $spacer * 1.5;
+
+  .card-header {
+    border-bottom: #e5e5e5 solid 1px;
+  }
+  .card-body {
+    p {
+      @extend .card-text;
+    }
+  }
+}
\ No newline at end of file
diff --git a/templates/Froxlor/src/scss/components/_navbar.scss b/templates/Froxlor/src/scss/components/_navbar.scss
new file mode 100644
index 00000000..f921adcb
--- /dev/null
+++ b/templates/Froxlor/src/scss/components/_navbar.scss
@@ -0,0 +1,22 @@
+.navbar {
+  background: darken($navbar-bg, 3);
+}
+
+@include media-breakpoint-up(md) {
+  .navbar {
+    .navbar-brand {
+      background: $dark;
+      width: $sidebar-width;
+    }
+  }
+}
+
+@include media-breakpoint-down(md) {
+  .navbar {
+    background: $dark;
+  }
+
+  .navbar-light .navbar-toggler-icon {
+    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");
+  }
+}
\ No newline at end of file
diff --git a/templates/Froxlor/src/scss/components/_sidebar.scss b/templates/Froxlor/src/scss/components/_sidebar.scss
new file mode 100644
index 00000000..ec40fdf9
--- /dev/null
+++ b/templates/Froxlor/src/scss/components/_sidebar.scss
@@ -0,0 +1,38 @@
+.sidebar {
+  width: $sidebar-width;
+  @extend .shadow;
+
+  &.collapsing {
+    transition: none;
+  }
+
+  .user-info {
+    background: darken($dark, 2);
+  }
+
+  >.nav {
+    >.nav-item {
+      >.nav-link {
+        i {
+          margin-right: 1rem;
+          width: 1rem;
+          text-align: center;
+          opacity: .5;
+        }
+        &:not(.collapsed) {
+          background: darken($dark, 4);
+          border-left: $primary solid 3px;
+          padding-left: calc(1rem - 3px);
+        }
+      }
+      >.collapse, >.collapsing {
+        background: darken($dark, 2);
+
+        a {
+          opacity: .78;
+          margin-left: 1.25rem;
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/templates/Froxlor/src/scss/main.scss b/templates/Froxlor/src/scss/main.scss
index 1eb096cd..2941d065 100644
--- a/templates/Froxlor/src/scss/main.scss
+++ b/templates/Froxlor/src/scss/main.scss
@@ -6,3 +6,6 @@
 
 // Theme
 @import "global";
+@import "components/navbar";
+@import "components/sidebar";
+@import "components/card";
diff --git a/templates/Froxlor/src/scss/variables/_main.scss b/templates/Froxlor/src/scss/variables/_main.scss
index c9a38d46..690b878f 100644
--- a/templates/Froxlor/src/scss/variables/_main.scss
+++ b/templates/Froxlor/src/scss/variables/_main.scss
@@ -21,7 +21,8 @@ $alert-border-width: 0;
 $list-group-item-color-scale: 0;
 $list-group-item-bg-scale: 0;
 
-$card-border-width: 0;
+// Space
+$spacer: 1.25rem;
 
 // Body
 $body-bg: $light-bg;
@@ -34,4 +35,12 @@ $border-radius: 0.5rem;
 $links: $froxlor-blue-dark;
 
 // Navbar
-$navbar-bg: #ffffff;
\ No newline at end of file
+$navbar-bg: #ffffff;
+
+// Sidebar
+$sidebar-width: 280px;
+
+// Card
+$card-cap-bg: none;
+$card-cap-padding-y: $spacer;
+$card-border-width: 0;
\ No newline at end of file
diff --git a/templates/Froxlor/user/dashboard-item.html.twig b/templates/Froxlor/user/dashboard-item.html.twig
index 20ec5d29..0706f493 100644
--- a/templates/Froxlor/user/dashboard-item.html.twig
+++ b/templates/Froxlor/user/dashboard-item.html.twig
@@ -1,29 +1,31 @@
 {% macro ditem(lngstr, available, used, assigned = null, formatbytes = false) %}
-	<div class="col">
-		<div class="card bg-light h-100 p-2">
-			<div class="row mb-1">
-				<div class="col">{{ lng(lngstr) }}</div>
-				<div class="col-auto">
-					<small>{% if formatbytes %}{{ used|formatBytes }}{% else %}{{ used }}{% endif %}/{% if available < 0 %}{{ lng('customer.unlimited') }}{% else %}{% if formatbytes %}{{ available|formatBytes }}{% else %}{{ available }}{% endif %}{% endif %}</small>
-				</div>
-			</div>
-			<div class="progress my-auto" style="height: .25rem;">
-				{% set usageperc = 1 %}
-				{% if available > 0 %}
-					{% set usageperc = (used  / available) * 100|round %}
-				{% endif %}
-				<div class="progress-bar{% if available < 0 %} bg-secondary{% elseif usageperc >= 75 and usageperc < 90 %} bg-warning{% elseif usageperc >= 90 %} bg-danger{% endif %}" 
-				role="progressbar" 
-				style="width: {% if available < 0 %}100{% else %}{{ usageperc }}{% endif %}%;" aria-valuenow="{% if available < 0 %}100{% else %}{{ used }}{% endif %}" aria-valuemin="0" aria-valuemax="{% if available < 0 %}100{% else %}{{ available }}{% endif %}"></div>
-			</div>
-			{% if assigned is not empty %}
-			<div class="progress my-auto" style="height: .25rem;">
-				<div class="progress-bar bg-info" role="progressbar" 
-				style="width:{% if available > 0 %}{{ (assigned / available) * 100|round }}{% else %}1{% endif %}%;" 
-				aria-valuenow="{{ assigned }}" aria-valuemin="0" 
-				aria-valuemax="{{ available }}"></div>
-			</div>
-			{% endif %}
-		</div>
-	</div>
+    <div class="col border-end border-bottom p-3">
+        <div class="row mb-1">
+            <div class="col text-truncate">{{ lng(lngstr) }}</div>
+            <div class="col-auto">
+                <small>{% if formatbytes %}{{ used|formatBytes }}{% else %}{{ used }}{% endif %}/{% if available < 0 %}{{ lng('customer.unlimited') }}{% else %}{% if formatbytes %}{{ available|formatBytes }}{% else %}{{ available }}{% endif %}{% endif %}</small>
+            </div>
+        </div>
+        <div class="progress progress-thin my-auto">
+            {% set usageperc = 1 %}
+            {% if available > 0 %}
+                {% set usageperc = (used  / available) * 100|round %}
+            {% endif %}
+            <div
+                class="progress-bar{% if available < 0 %} bg-secondary{% elseif usageperc >= 75 and usageperc < 90 %} bg-warning{% elseif usageperc >= 90 %} bg-danger{% endif %}"
+                role="progressbar"
+                style="width: {% if available < 0 %}100{% else %}{{ usageperc }}{% endif %}%;"
+                aria-valuenow="{% if available < 0 %}100{% else %}{{ used }}{% endif %}"
+                aria-valuemin="0"
+                aria-valuemax="{% if available < 0 %}100{% else %}{{ available }}{% endif %}"></div>
+        </div>
+        {% if assigned is not empty %}
+            <div class="progress progress-thin my-auto">
+                <div class="progress-bar bg-info" role="progressbar"
+                    style="width:{% if available > 0 %}{{ (assigned / available) * 100|round }}{% else %}1{% endif %}%;"
+                    aria-valuenow="{{ assigned }}" aria-valuemin="0"
+                    aria-valuemax="{{ available }}"></div>
+            </div>
+        {% endif %}
+    </div>
 {% endmacro %}
diff --git a/templates/Froxlor/user/index.html.twig b/templates/Froxlor/user/index.html.twig
index 7957a609..97e6a90b 100644
--- a/templates/Froxlor/user/index.html.twig
+++ b/templates/Froxlor/user/index.html.twig
@@ -1,6 +1,8 @@
 {% extends "Froxlor/userarea.html.twig" %}
 
 {% block content %}
+	<h2 class="page-header">Dashboard</h2>
+
 	{% if get_setting('panel.is_configured') == 0 and userinfo.adminsession == 1 and userinfo.change_serversettings == 1 %}
 		<div class="alert alert-info position-relative p-5">
 			<h3>Willkommen bei Froxlor!</h3>
@@ -12,323 +14,103 @@
 		</div>
 	{% endif %}
 
+	<div class="card">
+		{% import "Froxlor/user/dashboard-item.html.twig" as dashboard %}
+		{% if userinfo.adminsession == 1 %}
+			{# admin-resources #}
+			<div class="row g-0">
+				{{ dashboard.ditem('admin.customers', userinfo.customers, overview.number_customers) }}
+				{{ dashboard.ditem('admin.domains', userinfo.domains, overview.number_domains) }}
+				{{ dashboard.ditem('customer.diskspace', userinfo.diskspace_bytes, overview.diskspace_bytes_used, overview.diskspace_bytes, true) }}
+				{{ dashboard.ditem('customer.traffic', userinfo.traffic_bytes, overview.traffic_bytes_used, overview.traffic_bytes, true) }}
+				{{ dashboard.ditem('customer.subdomains', userinfo.subdomains, overview.subdomains_used, overview.subdomains_assigned) }}
+			</div>
+			<div class="row g-0">
+				{{ dashboard.ditem('customer.mysqls', userinfo.mysqls, overview.mysqls_used, overview.mysqls_assigned) }}
+				{{ dashboard.ditem('customer.emails', userinfo.emails, overview.emails_used, overview.emails_assigned) }}
+				{{ dashboard.ditem('customer.accounts', userinfo.email_accounts, overview.email_accounts_used, overview.email_accounts_assigned) }}
+				{{ dashboard.ditem('customer.forwarders', userinfo.email_forwarders, overview.email_forwarders_used, overview.email_forwarders_assigned) }}
+				{{ dashboard.ditem('customer.ftps', userinfo.ftps, overview.ftps_used, overview.ftps_assigned) }}
+			</div>
+		{% else %}
+			{# customer-resources #}
+			<div class="row g-0">
+				{{ dashboard.ditem('customer.diskspace', userinfo.diskspace_bytes, userinfo.diskspace_bytes_used, null, true) }}
+				{{ dashboard.ditem('customer.traffic', userinfo.traffic_bytes, userinfo.traffic_bytes_used, null, true) }}
+				{{ dashboard.ditem('customer.subdomains', userinfo.subdomains, userinfo.subdomains_used) }}
+				{{ dashboard.ditem('customer.mysqls', userinfo.mysqls, userinfo.mysqls_used) }}
+			</div>
+			<div class="row g-0">
+				{{ dashboard.ditem('customer.emails', userinfo.emails, userinfo.emails_used) }}
+				{{ dashboard.ditem('customer.accounts', userinfo.email_accounts, userinfo.email_accounts_used) }}
+				{{ dashboard.ditem('customer.forwarders', userinfo.email_forwarders, userinfo.email_forwarders_used) }}
+				{{ dashboard.ditem('customer.ftps', userinfo.ftps, userinfo.ftps_used) }}
+			</div>
+		{% endif %}
+	</div>
+
 	<div class="row">
-		<div class="col-12 {% if userinfo.adminsession == 1 %}col-xl-4{% else %}col-xl-8{% endif %} mb-3 mb-xl-0">
-			<div class="card mb-3">
+		<div class="col-7">
+			<div class="card">
 				<div class="card-header">
-					<i class="fa-solid fa-chart-line"></i>
-					{{ lng('panel.usage_statistics') }}
+					<h5>Applicant Information</h5>
+					<span class="text-muted">Personal details and application.</span>
 				</div>
 				<div class="card-body">
-					<div class="row row-cols-1 row-cols-md-2{% if userinfo.adminsession == 0 %} row-cols-lg-3 row-cols-xl-4{% endif %} g-4">
-						{% import "Froxlor/user/dashboard-item.html.twig" as dashboard %}
-						{% if userinfo.adminsession == 1 %}
-							{# admin-resources #}
-							{{ dashboard.ditem('admin.customers', userinfo.customers, overview.number_customers) }}
-							{{ dashboard.ditem('admin.domains', userinfo.domains, overview.number_domains) }}
-
-							{{ dashboard.ditem('customer.diskspace', userinfo.diskspace_bytes, overview.diskspace_bytes_used, overview.diskspace_bytes, true) }}
-							{{ dashboard.ditem('customer.traffic', userinfo.traffic_bytes, overview.traffic_bytes_used, overview.traffic_bytes, true) }}
-
-							{{ dashboard.ditem('customer.subdomains', userinfo.subdomains, overview.subdomains_used, overview.subdomains_assigned) }}
-							{{ dashboard.ditem('customer.mysqls', userinfo.mysqls, overview.mysqls_used, overview.mysqls_assigned) }}
-							{{ dashboard.ditem('customer.emails', userinfo.emails, overview.emails_used, overview.emails_assigned) }}
-							{{ dashboard.ditem('customer.accounts', userinfo.email_accounts, overview.email_accounts_used, overview.email_accounts_assigned) }}
-							{{ dashboard.ditem('customer.forwarders', userinfo.email_forwarders, overview.email_forwarders_used, overview.email_forwarders_assigned) }}
-							{{ dashboard.ditem('customer.ftps', userinfo.ftps, overview.ftps_used, overview.ftps_assigned) }}
-						{% else %}
-							{# customer-resources #}
-							{{ dashboard.ditem('customer.diskspace', userinfo.diskspace_bytes, userinfo.diskspace_bytes_used, null, true) }}
-							{{ dashboard.ditem('customer.traffic', userinfo.traffic_bytes, userinfo.traffic_bytes_used, null, true) }}
-
-							{{ dashboard.ditem('customer.subdomains', userinfo.subdomains, userinfo.subdomains_used) }}
-							{{ dashboard.ditem('customer.mysqls', userinfo.mysqls, userinfo.mysqls_used) }}
-							{{ dashboard.ditem('customer.emails', userinfo.emails, userinfo.emails_used) }}
-							{{ dashboard.ditem('customer.accounts', userinfo.email_accounts, userinfo.email_accounts_used) }}
-							{{ dashboard.ditem('customer.forwarders', userinfo.email_forwarders, userinfo.email_forwarders_used) }}
-							{{ dashboard.ditem('customer.ftps', userinfo.ftps, userinfo.ftps_used) }}
-						{% endif %}
-					</div>
+					dd
 				</div>
 			</div>
+
 			{% if userinfo.adminsession == 1 %}
-				{# froxlor-details #}
-				<div class="card mb-3">
-					<div class="card-header">
-						<i class="fa-solid fa-wrench"></i>
-						{{ lng('admin.froxlordetails') }}
-					</div>
-					<ul class="list-group list-group-flush">
+			{# froxlor-details #}
+			<div class="card mb-3">
+				<div class="card-header">
+					<i class="fa-solid fa-wrench"></i>
+					{{ lng('admin.froxlordetails') }}
+				</div>
+				<ul class="list-group list-group-flush">
+					<li class="list-group-item d-flex justify-content-between align-items-start">
+						<div class="ms-2 me-auto">
+							<div class="fw-bold">{{ lng('tasks.outstanding_tasks') }}</div>
+							{% for task in outstanding_tasks %}
+								<i class="fa-regular fa-clock"></i>
+								{{ task.desc }}<br>
+							{% endfor %}
+						</div>
+					</li>
+					{% for cronrun in cron_last_runs %}
 						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('tasks.outstanding_tasks') }}</div>
-								{% for task in outstanding_tasks %}
-									<i class="fa-regular fa-clock"></i>
-									{{ task.desc }}<br>
-								{% endfor %}
-							</div>
-						</li>
-						{% for cronrun in cron_last_runs %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">{{ cronrun.title }}</div>
-								<span class="badge bg-primary">
+							<div class="ms-2 me-auto">{{ cronrun.title }}</div>
+							<span class="badge bg-primary">
 									{% if cronrun.lastrun > 0 %}
 										{{ cronrun.lastrun|date('d.m.Y H:i') }}
 									{% else %}
 										{{ lng('cronjobs.notyetrun') }}
 									{% endif %}
 								</span>
-							</li>
-						{% endfor %}
-					</ul>
-				</div>
+						</li>
+					{% endfor %}
+				</ul>
+			</div>
 			{% endif %}
 		</div>
-		{% if userinfo.adminsession == 1 %}
-			<div
-				class="col-12 col-xl-4 mb-3 mb-xl-0">
-				{# system infos #}
-				<div class="card mb-3">
-					<div class="card-header">
-						<i class="fa-solid fa-gears"></i>
-						{{ lng('admin.systemdetails') }}
+		<div class="col-5">
+			<div id="newsfeed" class="card">
+				<div class="card-header">
+					<h5>Froxlor Newsfeed</h5>
+					<span class="text-muted">Personal details and application.</span>
+				</div>
+				<div class="list-group list-group-flush" id="newsfeeditems">
+					<div class="list-group-item d-flex justify-content-between align-items-start">
+						<div class="ms-2 me-auto">
+							Loading newsfeed...
+						</div>
+						<span>
+							<i class="fa-solid fa-spinner fa-spin"></i>
+						</span>
 					</div>
-					<ul class="list-group list-group-flush">
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('admin.hostname') }}</div>
-								{{ sysinfo.hostname }}
-							</div>
-						</li>
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('admin.serversoftware') }}</div>
-								{{ sysinfo.webserver }}
-							</div>
-						</li>
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('admin.phpversion') }}</div>
-								<a href="{{ linker({'section':'settings','page':'phpinfo'}) }}">{{ sysinfo.phpversion }}</a>
-							</div>
-						</li>
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('admin.mysqlserverversion') }}</div>
-								{{ sysinfo.mysqlserverversion }}
-							</div>
-						</li>
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('admin.webserverinterface') }}</div>
-								{{ sysinfo.phpsapi }}
-							</div>
-						</li>
-						{% if sysinfo.memory is not empty %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									<div class="fw-bold">{{ lng('admin.memory') }}</div>
-									<pre>{{ sysinfo.memory }}</pre>
-								</div>
-							</li>
-						{% endif %}
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('admin.sysload') }}</div>
-								{{ sysinfo.load }}
-							</div>
-						</li>
-						{% if sysinfo.kernel is not empty %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									<div class="fw-bold">Kernel</div>
-									{{ sysinfo.kernel }}
-								</div>
-							</li>
-						{% endif %}
-						{% if sysinfo.uptime is not empty %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									<div class="fw-bold">Uptime</div>
-									{{ sysinfo.uptime }}
-								</div>
-							</li>
-						{% endif %}
-					</ul>
 				</div>
 			</div>
-		{% endif %}
-		<div
-			class="col-12 col-xl-4">
-
-			{# newsfeed #}
-			{% if (userinfo.adminsession == 1 and get_setting('admin.show_news_feed') == 1) or (userinfo.adminsession == 0 and get_setting('customer.show_news_feed') == 1) %}
-				<div class="card mb-3" id="newsfeed" {% if userinfo.adminsession == 0 %} data-role="customer" {% endif %}>
-					<div class="card-header">
-						<i class="fa-solid fa-rss"></i>
-						News
-					</div>
-					<div class="list-group list-group-flush" id="newsfeeditems">
-						<div class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								Loading newsfeed...
-							</div>
-							<span>
-								<i class="fa-solid fa-spinner fa-spin"></i>
-							</span>
-						</div>
-					</div>
-				</div>
-			{% elseif userinfo.adminsession == 1 and get_setting('admin.show_news_feed') == 0 %}
-				<div class="card bg-warning text-dark mb-3">
-					<div class="card-header">
-						<i class="fa-solid fa-rss"></i>
-						News
-					</div>
-					<div class="card-body">
-						<i class="fa-solid fa-circle-exclamation"></i>
-						{{ lng('panel.newsfeed_disabled') }}&nbsp;
-						<a href="{{ linker({'section':'settings','part':'panel'}) }}" title="{{ lng('panel.edit') }}">
-							<i class="fa-solid fa-pen"></i>
-						</a>
-					</div>
-				</div>
-			{% endif %}
-
-			{% if userinfo.adminsession == 1 %}
-				{# custom notes #}
-				{% if userinfo.custom_notes is not empty and userinfo.custom_notes_show == 1 %}
-					<div class="card bg-info text-dark mb-3">
-						<div class="card-body">
-							{{ userinfo.custom_notes|nl2br|raw }}
-						</div>
-					</div>
-				{% endif %}
-
-				{# systemdetails #}
-
-			{% else %}
-
-				{# account info #}
-				<div class="card mb-3">
-					<div class="card-header">
-						<i class="fa-solid fa-user"></i>
-						{{ lng('index.accountdetails') }}
-					</div>
-					<ul class="list-group list-group-flush">
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('login.username') }}</div>
-								{{ userinfo.loginname }}
-							</div>
-						</li>
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('customer.email') }}</div>
-								{{ userinfo.email }}
-							</div>
-						</li>
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('customer.services') }}</div>
-								{% if userinfo.imap == 1 %}
-									<span class="badge bg-success">IMAP</span>
-								{% endif %}
-								{% if userinfo.pop3 == 1 %}
-									<span class="badge bg-success">POP3</span>
-								{% endif %}
-								{% if userinfo.phpenabled == 1 %}
-									<span class="badge bg-success">PHP</span>
-								{% endif %}
-								{% if userinfo.perlenabled == 1 %}
-									<span class="badge bg-success">Perl/CGI</span>
-								{% endif %}
-								{% if userinfo.api_allowed == 1 %}
-									<a href="{{ linker({'section':'index','page':'apikeys'}) }}">
-										<span class="badge bg-success">API</span>
-									</a>
-								{% endif %}
-							</div>
-						</li>
-						{% if stdsubdomain is not empty %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									<div class="fw-bold">{{ lng('admin.stdsubdomain') }}</div>
-									{{ stdsubdomain }}
-								</div>
-							</li>
-						{% endif %}
-						<li class="list-group-item d-flex justify-content-between align-items-start">
-							<div class="ms-2 me-auto">
-								<div class="fw-bold">{{ lng('customer.domains') }}</div>
-								{% for domain in domains %}
-									{{ domain }}<br>
-								{% endfor %}
-							</div>
-							<span class="badge bg-primary rounded-pill">{{ domains|length }}</span>
-						</li>
-					</ul>
-				</div>
-
-				{# customer details #}
-				<div class="card">
-					<div class="card-header">
-						<i class="fa-solid fa-id-card"></i>
-						{{ lng('index.customerdetails') }}
-					</div>
-					<ul class="list-group list-group-flush">
-						{% if userinfo.customernumber is not empty %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									<div class="fw-bold">{{ lng('customer.customernumber') }}</div>
-									{{ userinfo.customernumber }}
-								</div>
-							</li>
-						{% endif %}
-						{% if userinfo.company is not empty %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									<div class="fw-bold">{{ lng('customer.company') }}</div>
-									{{ userinfo.company }}
-								</div>
-							</li>
-						{% endif %}
-						{% if userinfo.name is not empty %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									<div class="fw-bold">{{ lng('customer.name') }}</div>
-									{{ userinfo.firstname }}
-									{{ userinfo.name }}
-								</div>
-							</li>
-						{% endif %}
-						{% if userinfo.street is not empty %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									<div class="fw-bold">{{ lng('customer.street') }}</div>
-									{{ userinfo.street }}
-								</div>
-							</li>
-						{% endif %}
-						{% if userinfo.city is not empty %}
-							<li class="list-group-item d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									<div class="fw-bold">{{ lng('customer.zipcode') }}/{{ lng('customer.city') }}</div>
-									{{ userinfo.zipcode }}
-									{{ userinfo.city }}
-								</div>
-							</li>
-						{% endif %}
-						{% if userinfo.custom_notes is not empty and userinfo.custom_notes_show == 1 %}
-							<li class="list-group-item list-group-item-info d-flex justify-content-between align-items-start">
-								<div class="ms-2 me-auto">
-									{{ userinfo.custom_notes|nl2br|raw }}
-								</div>
-							</li>
-						{% endif %}
-					</ul>
-				</div>
-			{% endif %}
 		</div>
 	</div>
 {% endblock %}
diff --git a/templates/Froxlor/user/newsfeeditem.html.twig b/templates/Froxlor/user/newsfeeditem.html.twig
index d79fee3c..c81730e1 100644
--- a/templates/Froxlor/user/newsfeeditem.html.twig
+++ b/templates/Froxlor/user/newsfeeditem.html.twig
@@ -1,9 +1,9 @@
 <a href="{{ link|default('#')|raw }}" class="list-group-item list-group-item-action">
 	<div class="d-flex w-100 justify-content-between">
-		<h5 class="mb-1">{{ title }}</h5>
+		<b class="mb-1">{{ title }}</b>
 		{% if date is not empty %}
 			<small>{{ date }}</small>
 		{% endif %}
 	</div>
-	<p class="mb-1">{{ content|raw }}</p>
+	<p class="small mb-1">{{ content|raw }}</p>
 </a>
diff --git a/templates/Froxlor/userarea.html.twig b/templates/Froxlor/userarea.html.twig
index 9c437604..df995d3b 100644
--- a/templates/Froxlor/userarea.html.twig
+++ b/templates/Froxlor/userarea.html.twig
@@ -17,15 +17,20 @@
 		</div>
 	{% endif %}
 
-	<nav class="navbar navbar-expand py-0">
+	<nav class="navbar navbar-expand-md navbar-light py-0">
 		<div class="container-fluid gx-0">
-			<a class="navbar-brand bg-dark p-3" style="width: 280px" href="{{ linker({'section': 'index'}) }}">
+			<a class="navbar-brand p-3" href="{{ linker({'section': 'index'}) }}">
 				<img src="{{ header_logo }}" alt="" width="auto" height="24" class="d-inline-block align-text-top">
 			</a>
-			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTop" aria-controls="navbarTop" aria-expanded="false" aria-label="Toggle navigation">
-				<span class="navbar-toggler-icon"></span>
-			</button>
-			<div class="collapse navbar-collapse justify-content-end px-3" id="navbarTop">
+			<div class="me-3 me-sm-0">
+				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+					<span class="navbar-toggler-icon"></span>
+				</button>
+				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar" aria-controls="sidebar"  aria-expanded="false" aria-label="Toggle sidebar">
+					<span class="navbar-toggler-icon"></span>
+				</button>
+			</div>
+			<div class="collapse navbar-collapse justify-content-end px-3" id="navbar">
 				<ul class="navbar-nav align-items-center">
 					<li class="nav-item text-nowrap d-block me-2">
 						<a class="btn btn-primary btn-sm d-block" href="{{ linker({'section': 'index'}) }}">
@@ -87,11 +92,13 @@
 {% endblock %}
 
 {% block body %}
-	<div class="d-flex flex-grow-1">
+	<div class="d-flex flex-grow-1 overflow-hidden">
 		{{ include('Froxlor/sidebarmenu.html.twig') }}
 
-		<main role="main" class="flex-grow-1 p-5">
-			{% block content %}{% endblock %}
+		<main role="main" class="d-flex flex-column flex-grow-1 p-5 pb-0 overflow-auto max-h-before-header">
+			<section class="flex-grow-1">
+				{% block content %}{% endblock %}
+			</section>
 
 			{{ include('Froxlor/footer.html.twig') }}
 		</main>