@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap");
/*!
 * Bootstrap Reboot v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #78829D;
    --bs-gray-dark: #252F4A;
    --bs-gray-100: #f6f6f6;
    --bs-gray-200: #F1F1F2;
    --bs-gray-300: #DBDFE9;
    --bs-gray-400: #B5B5C3;
    --bs-gray-500: #99A1B7;
    --bs-gray-600: #78829D;
    --bs-gray-700: #4B5675;
    --bs-gray-800: #252F4A;
    --bs-gray-900: #071437;
    --bs-light: #f6f6f6;
    --bs-primary: #181C32;
    --bs-secondary: #DBDFE9;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #071437;
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 24,28,50;
    --bs-secondary-rgb: 219,223,233;
    --bs-success-rgb: 80,205,137;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 255,199,0;
    --bs-danger-rgb: 241,65,108;
    --bs-dark-rgb: 7,20,55;
    --bs-primary-text-emphasis: #193c66;
    --bs-secondary-text-emphasis: #58595d;
    --bs-success-text-emphasis: #205237;
    --bs-info-text-emphasis: #2e175e;
    --bs-warning-text-emphasis: #665000;
    --bs-danger-text-emphasis: #601a2b;
    --bs-light-text-emphasis: #4B5675;
    --bs-dark-text-emphasis: #4B5675;
    --bs-primary-bg-subtle: #d8eaff;
    --bs-secondary-bg-subtle: #f8f9fb;
    --bs-success-bg-subtle: #dcf5e7;
    --bs-info-bg-subtle: #e3d7fb;
    --bs-warning-bg-subtle: #fff4cc;
    --bs-danger-bg-subtle: #fcd9e2;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #B5B5C3;
    --bs-primary-border-subtle: #b2d5ff;
    --bs-secondary-border-subtle: #f1f2f6;
    --bs-success-border-subtle: #b9ebd0;
    --bs-info-border-subtle: #c7b0f7;
    --bs-warning-border-subtle: #ffe999;
    --bs-danger-border-subtle: #f9b3c4;
    --bs-light-border-subtle: #F1F1F2;
    --bs-dark-border-subtle: #99A1B7;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: Inter,Helvetica,"sans-serif";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #071437;
    --bs-body-color-rgb: 7,20,55;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(7, 20, 55, 0.75);
    --bs-secondary-color-rgb: 7,20,55;
    --bs-secondary-bg: #F1F1F2;
    --bs-secondary-bg-rgb: 241,241,242;
    --bs-tertiary-color: rgba(7, 20, 55, 0.5);
    --bs-tertiary-color-rgb: 7,20,55;
    --bs-tertiary-bg: #f6f6f6;
    --bs-tertiary-bg-rgb: 249,249,249;
    --bs-heading-color: #071437;
    --bs-link-color: #3E97FF;
    --bs-link-color-rgb: 62,151,255;
    --bs-link-decoration: none;
    --bs-link-hover-color: #0095e8;
    --bs-link-hover-color-rgb: 0,149,232;
    --bs-link-hover-decoration: none;
    --bs-code-color: #252F4A;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #F1F1F2;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.475rem;
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(62, 151, 255, 0.25);
    --bs-form-valid-color: #50cd89;
    --bs-form-valid-border-color: #50cd89;
    --bs-form-invalid-color: #f1416c;
    --bs-form-invalid-border-color: #f1416c
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #FFFFFF;
    --bs-body-color-rgb: 255,255,255;
    --bs-body-bg: #1c1c1c;
    --bs-body-bg-rgb: 28,28,28;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(255, 255, 255, 0.75);
    --bs-secondary-color-rgb: 255,255,255;
    --bs-secondary-bg: #252F4A;
    --bs-secondary-bg-rgb: 37,47,74;
    --bs-tertiary-color: rgba(255, 255, 255, 0.5);
    --bs-tertiary-color-rgb: 255,255,255;
    --bs-tertiary-bg: #162241;
    --bs-tertiary-bg-rgb: 22,34,65;
    --bs-primary-text-emphasis: #8bc1ff;
    --bs-secondary-text-emphasis: #e9ecf2;
    --bs-success-text-emphasis: #96e1b8;
    --bs-info-text-emphasis: #aa88f2;
    --bs-warning-text-emphasis: #ffdd66;
    --bs-danger-text-emphasis: #f78da7;
    --bs-light-text-emphasis: #f6f6f6;
    --bs-dark-text-emphasis: #DBDFE9;
    --bs-primary-bg-subtle: #0c1e33;
    --bs-secondary-bg-subtle: #2c2d2f;
    --bs-success-bg-subtle: #10291b;
    --bs-info-bg-subtle: #170b2f;
    --bs-warning-bg-subtle: #332800;
    --bs-danger-bg-subtle: #300d16;
    --bs-light-bg-subtle: #252F4A;
    --bs-dark-bg-subtle: #131825;
    --bs-primary-border-subtle: #255b99;
    --bs-secondary-border-subtle: #83868c;
    --bs-success-border-subtle: #307b52;
    --bs-info-border-subtle: #44228c;
    --bs-warning-border-subtle: #997700;
    --bs-danger-border-subtle: #912741;
    --bs-light-border-subtle: #4B5675;
    --bs-dark-border-subtle: #252F4A;
    --bs-heading-color: #FFFFFF;
    --bs-link-color: #3E97FF;
    --bs-link-hover-color: #65acff;
    --bs-link-color-rgb: 62,151,255;
    --bs-link-hover-color-rgb: 101,172,255;
    --bs-code-color: #CDCDDE;
    --bs-border-color: #2B2B40;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

[data-bs-theme=light] {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #f6f6f6;
    --bs-gray-100-rgb: 249,249,249;
    --bs-gray-200: #F1F1F2;
    --bs-gray-200-rgb: 241,241,242;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219,223,233;
    --bs-gray-400: #B5B5C3;
    --bs-gray-400-rgb: 181,181,195;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153,161,183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120,130,157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75,86,117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37,47,74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7,20,55;
    --bs-light: #f6f6f6;
    --bs-primary: #0A4876;
    --bs-secondary: #DBDFE9;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #071437;
    --bs-primary-active: #0095e8;
    --bs-secondary-active: #B5B5C3;
    --bs-light-active: #F1F1F2;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: #050f29;
    --bs-primary-light: #f1faff;
    --bs-secondary-light: #f6f6f6;
    --bs-success-light: #e8fff3;
    --bs-info-light: #f8f5ff;
    --bs-warning-light: #fff8dd;
    --bs-danger-light: #fff5f8;
    --bs-dark-light: #F1F1F2;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #4B5675;
    --bs-light-inverse: #78829D;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 62,151,255;
    --bs-secondary-rgb: 219,223,233;
    --bs-success-rgb: 80,205,137;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 255,199,0;
    --bs-danger-rgb: 241,65,108;
    --bs-dark-rgb: 7,20,55;
    --bs-text-white: #ffffff;
    --bs-text-primary: #3E97FF;
    --bs-text-secondary: #DBDFE9;
    --bs-text-light: #f6f6f6;
    --bs-text-success: #50cd89;
    --bs-text-info: #7239ea;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #f1416c;
    --bs-text-dark: #071437;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #f6f6f6;
    --bs-text-gray-200: #F1F1F2;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #B5B5C3;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F2;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #3E97FF;
    --bs-component-hover-color: #3E97FF;
    --bs-component-hover-bg: #f6f6f6;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #3E97FF;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #f6f6f6;
    --bs-code-border-color: #DBDFE9;
    --bs-code-color: #252F4A;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #3E97FF;
    --bs-menu-link-color-show: #3E97FF;
    --bs-menu-link-color-here: #3E97FF;
    --bs-menu-link-color-active: #3E97FF;
    --bs-menu-link-bg-color-hover: #f6f6f6;
    --bs-menu-link-bg-color-show: #f6f6f6;
    --bs-menu-link-bg-color-here: #f6f6f6;
    --bs-menu-link-bg-color-active: #f6f6f6;
    --bs-scrollbar-color: #F1F1F2;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #B5B5C3;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(7, 20, 55, 0.1);
    --bs-ribbon-label-bg: #3E97FF;
    --bs-ribbon-label-border-color: #0063d7;
    --bs-ribbon-clip-bg: #071437;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A
}

[data-bs-theme=dark] {
    --bs-text-muted: #565674;
    --bs-gray-100: #1b1b29;
    --bs-gray-100-rgb: 27,27,41;
    --bs-gray-200: #2B2B40;
    --bs-gray-200-rgb: 43,43,64;
    --bs-gray-300: #323248;
    --bs-gray-300-rgb: 50,50,72;
    --bs-gray-400: #474761;
    --bs-gray-400-rgb: 71,71,97;
    --bs-gray-500: #565674;
    --bs-gray-500-rgb: 86,86,116;
    --bs-gray-600: #6D6D80;
    --bs-gray-600-rgb: 109,109,128;
    --bs-gray-700: #92929F;
    --bs-gray-700-rgb: 146,146,159;
    --bs-gray-800: #CDCDDE;
    --bs-gray-800-rgb: 205,205,222;
    --bs-gray-900: #FFFFFF;
    --bs-gray-900-rgb: 255,255,255;
    --bs-white: #ffffff;
    --bs-light: #2B2B40;
    --bs-primary: #181C32;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #FFFFFF;
    --bs-secondary: #323248;
    --bs-primary-active: #0095e8;
    --bs-secondary-active: #474761;
    --bs-light-active: #323248;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: white;
    --bs-primary-light: #212e48;
    --bs-success-light: #1c3238;
    --bs-info-light: #2f264f;
    --bs-warning-light: #392f28;
    --bs-danger-light: #3a2434;
    --bs-dark-light: #2B2B40;
    --bs-secondary-light: #1b1b29;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #92929F;
    --bs-light-inverse: #78829D;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #1b1b29;
    --bs-white-rgb: 255,255,255;
    --bs-light-rgb: 43,43,64;
    --bs-primary-rgb: 62,151,255;
    --bs-success-rgb: 80,205,137;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 255,199,0;
    --bs-danger-rgb: 241,65,108;
    --bs-dark-rgb: 255,255,255;
    --bs-secondary-rgb: 50,50,72;
    --bs-text-white: #ffffff;
    --bs-text-primary: #3E97FF;
    --bs-text-secondary: #323248;
    --bs-text-light: #2B2B40;
    --bs-text-success: #50cd89;
    --bs-text-info: #7239ea;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #f1416c;
    --bs-text-dark: #FFFFFF;
    --bs-text-muted: #565674;
    --bs-text-gray-100: #1b1b29;
    --bs-text-gray-200: #2B2B40;
    --bs-text-gray-300: #323248;
    --bs-text-gray-400: #474761;
    --bs-text-gray-500: #565674;
    --bs-text-gray-600: #6D6D80;
    --bs-text-gray-700: #92929F;
    --bs-text-gray-800: #CDCDDE;
    --bs-text-gray-900: #FFFFFF;
    --bs-border-color: #2B2B40;
    --bs-border-dashed-color: #323248;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #3E97FF;
    --bs-component-hover-color: #3E97FF;
    --bs-component-hover-bg: #1b1b29;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #3E97FF;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-card-box-shadow: none;
    --bs-table-striped-bg: rgba(27, 27, 41, 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-dropdown-bg: #1c1c1c;
    --bs-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-code-bg: #1b1b29;
    --bs-code-border-color: #323248;
    --bs-code-color: #CDCDDE;
    --bs-symbol-label-color: #CDCDDE;
    --bs-symbol-label-bg: #1b1b29;
    --bs-symbol-border-color: rgba(255, 255, 255, 0.5);
    --bs-bullet-bg-color: #474761;
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-scrolltop-bg-color: #3E97FF;
    --bs-scrolltop-bg-color-hover: #3E97FF;
    --bs-scrolltop-icon-color: #ffffff;
    --bs-scrolltop-icon-color-hover: #ffffff;
    --bs-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    --bs-drawer-bg-color: #1c1c1c;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --bs-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-menu-dropdown-bg-color: #1c1c1c;
    --bs-menu-heading-color: #565674;
    --bs-menu-link-color-hover: #3E97FF;
    --bs-menu-link-color-show: #3E97FF;
    --bs-menu-link-color-here: #3E97FF;
    --bs-menu-link-color-active: #3E97FF;
    --bs-menu-link-bg-color-hover: #1b1b29;
    --bs-menu-link-bg-color-show: #1b1b29;
    --bs-menu-link-bg-color-here: #1b1b29;
    --bs-menu-link-bg-color-active: #1b1b29;
    --bs-scrollbar-color: #2B2B40;
    --bs-scrollbar-hover-color: #323248;
    --bs-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-rating-color-default: #474761;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
    --bs-ribbon-label-bg: #3E97FF;
    --bs-ribbon-label-border-color: #0063d7;
    --bs-ribbon-clip-bg: #f6f6f6;
    --bs-engage-btn-bg: #2B2B40;
    --bs-engage-btn-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-engage-btn-border-color: #2B2B40;
    --bs-engage-btn-color: #CDCDDE;
    --bs-engage-btn-icon-color: #6D6D80;
    --bs-engage-btn-color-active: #CDCDDE
}


*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}

    hr:not([size]) {
        height: 1px;
    }

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1 {
    font-size: calc(1.34375rem + 1.125vw);
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.1875rem;
    }
}

h2 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    h2 {
        font-size: 1.75rem;
    }
}

h3 {
    font-size: calc(1.27813rem + 0.3375vw);
}

@media (min-width: 1200px) {
    h3 {
        font-size: 1.53125rem;
    }
}

h4 {
    font-size: calc(1.25625rem + 0.075vw);
}

@media (min-width: 1200px) {
    h4 {
        font-size: 1.3125rem;
    }
}

h5 {
    font-size: 1.09375rem;
}

h6 {
    font-size: 0.875rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul {
    padding-left: 2rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 0.875em;
}

mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #0d6efd;
    text-decoration: none;
}

    a:hover {
        color: #0a58ca;
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr /* rtl:ignore */;
    unicode-bidi: bidi-override;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #0d0e12;
    border-radius: 0.2rem;
}

    kbd kbd {
        padding: 0;
        font-size: 1em;
        font-weight: 700;
    }

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #627293;
    text-align: left;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

    button:focus:not(:focus-visible) {
        outline: 0;
    }

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

    select:disabled {
        opacity: 1;
    }

[list]::-webkit-calendar-picker-indicator {
    display: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    button:not(:disabled),
    [type="button"]:not(:disabled),
    [type="reset"]:not(:disabled),
    [type="submit"]:not(:disabled) {
        cursor: pointer;
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

textarea {
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}

legend + * {
    clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}

::-webkit-inner-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::file-selector-button {
    font: inherit;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

iframe {
    border: 0;
}

summary {
    display: list-item;
    cursor: pointer;
}

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

/*!
 * Bootstrap Utilities v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.link-primary {
    color: #0d6efd;
}

    .link-primary:hover, .link-primary:focus {
        color: #0a58ca;
    }

.link-secondary {
    color: #627293;
}

    .link-secondary:hover, .link-secondary:focus {
        color: #4e5b76;
    }

.link-success {
    color: #198754;
}

    .link-success:hover, .link-success:focus {
        color: #146c43;
    }

.link-info {
    color: #0dcaf0;
}

    .link-info:hover, .link-info:focus {
        color: #3dd5f3;
    }

.link-warning {
    color: #ffc107;
}

    .link-warning:hover, .link-warning:focus {
        color: #ffcd39;
    }

.link-danger {
    color: #dc3545;
}

    .link-danger:hover, .link-danger:focus {
        color: #b02a37;
    }

.link-light {
    color: #f7f9fc;
}

    .link-light:hover, .link-light:focus {
        color: #f9fafd;
    }

.link-dark {
    color: #0d0e12;
}

    .link-dark:hover, .link-dark:focus {
        color: #101f3e;
    }

.ratio {
    position: relative;
    width: 100%;
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: "";
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: 0.25;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.top-0 {
    top: 0 !important;
}

.top-50 {
    top: 50% !important;
}

.top-100 {
    top: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.start-0 {
    left: 0 !important;
}

.start-50 {
    left: 50% !important;
}

.start-100 {
    left: 100% !important;
}

.end-0 {
    right: 0 !important;
}

.end-50 {
    right: 50% !important;
}

.end-100 {
    right: 100% !important;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(-50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.border {
    border: 1px solid #d8dee6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: 1px solid #d8dee6 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-right: 1px solid #d8dee6 !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #d8dee6 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-left: 1px solid #d8dee6 !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #0d6efd !important;
}

.border-secondary {
    border-color: #627293 !important;
}

.border-success {
    border-color: #198754 !important;
}

.border-info {
    border-color: #0dcaf0 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f7f9fc !important;
}

.border-dark {
    border-color: #0d0e12 !important;
}

.border-white {
    border-color: #fff !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
    font-size: calc(1.34375rem + 1.125vw) !important;
}

.fs-2 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-3 {
    font-size: calc(1.27813rem + 0.3375vw) !important;
}

.fs-4 {
    font-size: calc(1.25625rem + 0.075vw) !important;
}

.fs-5 {
    font-size: 1.09375rem !important;
}

.fs-6 {
    font-size: 0.875rem !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.25 !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 2 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #627293 !important;
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}

.text-opacity-25 {
    --bs-text-opacity: 0.25;
}

.text-opacity-50 {
    --bs-text-opacity: 0.5;
}

.text-opacity-75 {
    --bs-text-opacity: 0.75;
}

.text-opacity-100 {
    --bs-text-opacity: 1;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
    --bs-bg-opacity: 1;
}

.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

.user-select-all {
    user-select: all !important;
}

.user-select-auto {
    user-select: auto !important;
}

.user-select-none {
    user-select: none !important;
}

.pe-none {
    pointer-events: none !important;
}

.pe-auto {
    pointer-events: auto !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.2rem !important;
}

.rounded-2 {
    border-radius: 0.25rem !important;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }

    .float-sm-end {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-grid {
        display: grid !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-sm-0 {
        gap: 0 !important;
    }

    .gap-sm-1 {
        gap: 0.25rem !important;
    }

    .gap-sm-2 {
        gap: 0.5rem !important;
    }

    .gap-sm-3 {
        gap: 1rem !important;
    }

    .gap-sm-4 {
        gap: 1.5rem !important;
    }

    .gap-sm-5 {
        gap: 3rem !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .order-sm-first {
        order: -1 !important;
    }

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-last {
        order: 6 !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .me-sm-3 {
        margin-right: 1rem !important;
    }

    .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }

    .text-sm-start {
        text-align: left !important;
    }

    .text-sm-end {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }

    .float-md-end {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-md-0 {
        gap: 0 !important;
    }

    .gap-md-1 {
        gap: 0.25rem !important;
    }

    .gap-md-2 {
        gap: 0.5rem !important;
    }

    .gap-md-3 {
        gap: 1rem !important;
    }

    .gap-md-4 {
        gap: 1.5rem !important;
    }

    .gap-md-5 {
        gap: 3rem !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .order-md-first {
        order: -1 !important;
    }

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-last {
        order: 6 !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: 0.25rem !important;
    }

    .me-md-2 {
        margin-right: 0.5rem !important;
    }

    .me-md-3 {
        margin-right: 1rem !important;
    }

    .me-md-4 {
        margin-right: 1.5rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }

    .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: 0.25rem !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .pe-md-3 {
        padding-right: 1rem !important;
    }

    .pe-md-4 {
        padding-right: 1.5rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: 0.25rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .ps-md-3 {
        padding-left: 1rem !important;
    }

    .ps-md-4 {
        padding-left: 1.5rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }

    .text-md-start {
        text-align: left !important;
    }

    .text-md-end {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }

    .float-lg-end {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-lg-0 {
        gap: 0 !important;
    }

    .gap-lg-1 {
        gap: 0.25rem !important;
    }

    .gap-lg-2 {
        gap: 0.5rem !important;
    }

    .gap-lg-3 {
        gap: 1rem !important;
    }

    .gap-lg-4 {
        gap: 1.5rem !important;
    }

    .gap-lg-5 {
        gap: 3rem !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .order-lg-first {
        order: -1 !important;
    }

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-last {
        order: 6 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

    .me-lg-2 {
        margin-right: 0.5rem !important;
    }

    .me-lg-3 {
        margin-right: 1rem !important;
    }

    .me-lg-4 {
        margin-right: 1.5rem !important;
    }

    .me-lg-5 {
        margin-right: 3rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pe-lg-3 {
        padding-right: 1rem !important;
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }

    .ps-lg-3 {
        padding-left: 1rem !important;
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-5 {
        padding-left: 3rem !important;
    }

    .text-lg-start {
        text-align: left !important;
    }

    .text-lg-end {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }

    .float-xl-end {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xl-0 {
        gap: 0 !important;
    }

    .gap-xl-1 {
        gap: 0.25rem !important;
    }

    .gap-xl-2 {
        gap: 0.5rem !important;
    }

    .gap-xl-3 {
        gap: 1rem !important;
    }

    .gap-xl-4 {
        gap: 1.5rem !important;
    }

    .gap-xl-5 {
        gap: 3rem !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .order-xl-first {
        order: -1 !important;
    }

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-last {
        order: 6 !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .me-xl-0 {
        margin-right: 0 !important;
    }

    .me-xl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xl-3 {
        margin-right: 1rem !important;
    }

    .me-xl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xl-5 {
        margin-right: 3rem !important;
    }

    .me-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xl-5 {
        margin-left: 3rem !important;
    }

    .ms-xl-auto {
        margin-left: auto !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pe-xl-0 {
        padding-right: 0 !important;
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xl-3 {
        padding-right: 1rem !important;
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xl-0 {
        padding-left: 0 !important;
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xl-3 {
        padding-left: 1rem !important;
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xl-5 {
        padding-left: 3rem !important;
    }

    .text-xl-start {
        text-align: left !important;
    }

    .text-xl-end {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }

    .float-xxl-end {
        float: right !important;
    }

    .float-xxl-none {
        float: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-grid {
        display: grid !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }

    .d-xxl-none {
        display: none !important;
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xxl-0 {
        gap: 0 !important;
    }

    .gap-xxl-1 {
        gap: 0.25rem !important;
    }

    .gap-xxl-2 {
        gap: 0.5rem !important;
    }

    .gap-xxl-3 {
        gap: 1rem !important;
    }

    .gap-xxl-4 {
        gap: 1.5rem !important;
    }

    .gap-xxl-5 {
        gap: 3rem !important;
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        justify-content: space-around !important;
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xxl-start {
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-between {
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .order-xxl-first {
        order: -1 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-last {
        order: 6 !important;
    }

    .m-xxl-0 {
        margin: 0 !important;
    }

    .m-xxl-1 {
        margin: 0.25rem !important;
    }

    .m-xxl-2 {
        margin: 0.5rem !important;
    }

    .m-xxl-3 {
        margin: 1rem !important;
    }

    .m-xxl-4 {
        margin: 1.5rem !important;
    }

    .m-xxl-5 {
        margin: 3rem !important;
    }

    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xxl-0 {
        margin-top: 0 !important;
    }

    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xxl-3 {
        margin-top: 1rem !important;
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xxl-5 {
        margin-top: 3rem !important;
    }

    .mt-xxl-auto {
        margin-top: auto !important;
    }

    .me-xxl-0 {
        margin-right: 0 !important;
    }

    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xxl-3 {
        margin-right: 1rem !important;
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xxl-5 {
        margin-right: 3rem !important;
    }

    .me-xxl-auto {
        margin-right: auto !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xxl-3 {
        margin-left: 1rem !important;
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xxl-5 {
        margin-left: 3rem !important;
    }

    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .p-xxl-0 {
        padding: 0 !important;
    }

    .p-xxl-1 {
        padding: 0.25rem !important;
    }

    .p-xxl-2 {
        padding: 0.5rem !important;
    }

    .p-xxl-3 {
        padding: 1rem !important;
    }

    .p-xxl-4 {
        padding: 1.5rem !important;
    }

    .p-xxl-5 {
        padding: 3rem !important;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xxl-3 {
        padding-top: 1rem !important;
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xxl-5 {
        padding-top: 3rem !important;
    }

    .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xxl-3 {
        padding-right: 1rem !important;
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xxl-5 {
        padding-right: 3rem !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xxl-3 {
        padding-left: 1rem !important;
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xxl-5 {
        padding-left: 3rem !important;
    }

    .text-xxl-start {
        text-align: left !important;
    }

    .text-xxl-end {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.1875rem !important;
    }

    .fs-2 {
        font-size: 1.75rem !important;
    }

    .fs-3 {
        font-size: 1.53125rem !important;
    }

    .fs-4 {
        font-size: 1.3125rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-grid {
        display: grid !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }

    .d-print-none {
        display: none !important;
    }
}

.sidebar-show {
    overflow-x: hidden;
}

    .sidebar-show .sidebar {
        left: 0;
        opacity: 1;
    }

    .sidebar-show .content {
        transform: translateX(220px);
    }

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 220px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 700;
    opacity: 1;
}

    .sidebar.minimized {
        width: 60px;
    }

        .sidebar.minimized .sidebar-header {
/*            padding-left: 10px;
            padding-right: 10px;*/
        }

        .sidebar.minimized .sidebar-logo {
/*            margin-left: 2px;*/
        }

        .sidebar.minimized .sidebar-logo-text {
            visibility: hidden;
            opacity: 0;
        }

        .sidebar.minimized .sidebar-search {
            padding-left: 10px;
            padding-right: 10px;
        }

        .sidebar.minimized .search-body svg {
            margin-right: 0;
        }

        .sidebar.minimized .search-body .form-control {
            visibility: hidden;
            opacity: 0;
        }

        .sidebar.minimized .nav-sidebar {
            padding-left: 10px;
            padding-right: 10px;
        }

            .sidebar.minimized .nav-sidebar .nav-link svg {
                margin-right: 0;
            }

            .sidebar.minimized .nav-sidebar .nav-link span {
                visibility: hidden;
                opacity: 0;
            }

        .sidebar.minimized .nav-sub {
            visibility: hidden;
            opacity: 0;
        }

        .sidebar.minimized .sub-link {
            padding-top: 0;
            padding-bottom: 0;
            height: 0;
        }

        .sidebar.minimized .sidebar-footer {
            padding-left: 10px;
            padding-right: 10px;
        }

        .sidebar.minimized .avatar {
            margin-left: 2px;
        }

        .sidebar.minimized .avatar-body {
            visibility: hidden;
            opacity: 0;
            width: 0;
        }

        .sidebar.minimized .footer-menu {
            display: none;
        }

        .sidebar.minimized + .content {
            margin-left: 60px;
        }

        .sidebar.minimized .nav-group.show {
            padding-top: 20px;
        }

            .sidebar.minimized .nav-group.show .nav-group-label {
                display: none;
            }

        .sidebar.minimized .nav-group:not(.show) {
            display: none;
        }

        .sidebar.minimized.expand {
            width: 260px;
        }

            .sidebar.minimized.expand .sidebar-header {
                padding-left: 20px;
                padding-right: 20px;
            }

            .sidebar.minimized.expand .sidebar-logo {
                margin-left: 0;
            }

            .sidebar.minimized.expand .sidebar-logo-text {
                visibility: visible;
                opacity: 1;
            }

            .sidebar.minimized.expand .sidebar-search {
                padding-left: 20px;
                padding-right: 20px;
            }

            .sidebar.minimized.expand .search-body svg {
                margin-right: 12px;
            }

            .sidebar.minimized.expand .search-body .form-control {
                visibility: visible;
                opacity: 1;
            }

            .sidebar.minimized.expand .nav-sidebar {
                padding-left: 20px;
                padding-right: 20px;
            }

                .sidebar.minimized.expand .nav-sidebar .nav-link svg {
                    margin-right: 12px;
                }

                .sidebar.minimized.expand .nav-sidebar .nav-link span {
                    visibility: visible;
                    opacity: 1;
                }

            .sidebar.minimized.expand .nav-sub {
                visibility: visible;
                opacity: 1;
            }

            .sidebar.minimized.expand .sub-link {
                padding-top: 5px;
                padding-bottom: 5px;
                height: 32px;
            }

            .sidebar.minimized.expand .nav-group.show {
                padding-top: 0;
            }

                .sidebar.minimized.expand .nav-group.show .nav-group-label {
                    display: flex;
                }

            .sidebar.minimized.expand .nav-group:not(.show) {
                display: block;
            }

            .sidebar.minimized.expand .nav-group .nav-sidebar {
                padding-left: 10px;
                padding-right: 10px;
            }

            .sidebar.minimized.expand .sidebar-footer {
                padding-left: 20px;
                padding-right: 20px;
            }

            .sidebar.minimized.expand .avatar {
                margin-left: 0;
            }

            .sidebar.minimized.expand .avatar-body {
                visibility: visible;
                opacity: 1;
                width: auto;
            }

            .sidebar.minimized.expand .footer-menu {
                display: flex;
            }

    .sidebar hr {
        margin: 0 30px;
        opacity: 1;
    }

.sidebar-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.sidebar-logo {
    padding: 0 8px;
}

    .sidebar-logo span {
        display: block;
        position: relative;
        width: 20px;
        height: 2.5px;
        border-radius: 3px;
    }

        .sidebar-logo span::before, .sidebar-logo span::after {
            content: '';
            position: absolute;
            width: 12px;
            height: 2.5px;
            border-radius: inherit;
        }

        .sidebar-logo span::before {
            top: -5px;
            right: 2px;
        }

        .sidebar-logo span::after {
            bottom: -5px;
            left: 2px;
        }

.sidebar-logo-text {
    margin-left: 5px;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -1px;
    white-space: nowrap;
}

    .sidebar-logo-text span {
        display: inline-block;
        font-weight: 600;
    }

.sidebar-search {
    flex-shrink: 0;
    padding: 0 20px;
}

.search-body {
    padding-left: 8px;
    display: flex;
    align-items: center;
    height: 40px;
    border: 1.5px solid transparent;
    border-radius: 6px;
}

    .search-body svg {
        width: 20px;
        height: 20px;
        stroke-width: 2.5px;
        flex-shrink: 0;
        margin-right: 13px;
    }

    .search-body .form-control {
        flex: 1;
        align-self: stretch;
        border-width: 0;
        padding: 0;
        background-color: transparent;
    }

        .search-body .form-control:focus, .search-body .form-control:active {
            outline: none;
        }

        .search-body .form-control::placeholder {
            text-shadow: none;
            opacity: 1;
        }

.sidebar-body {
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .sidebar-body.pt-20 {
        padding-top: 20px;
    }

.nav-sidebar {
    margin: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

    .nav-sidebar .nav-item {
        list-style: none;
    }

        .nav-sidebar .nav-item.active .nav-link {
            font-weight: 500;
            letter-spacing: -.1px;
        }

        .nav-sidebar .nav-item.show .with-sub::after {
            transform: rotate(90deg);
        }

        .nav-sidebar .nav-item.show .nav-sub {
            display: flex;
        }

    .nav-sidebar .nav-link {
        height: 40px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        border-radius: 5px;
        white-space: nowrap;
        font-weight: 600;
}

.nav-sidebar .nav-link + .nav-link {
    margin-top: 2px;
}

.nav-sidebar .nav-link svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.nav-sidebar .nav-link.with-sub::after {
    content: '\EA6E';
    font-family: 'remixicon';
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    margin-left: auto;
    opacity: .6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nav-sidebar .nav-link.active {
    font-weight: 500;
}

.nav-sidebar.style-two .nav-item.active .nav-link::before {
    display: block;
}

.nav-sidebar.style-two .nav-item.active .sub-link.active::before {
    display: block;
}

.nav-sidebar.style-two .nav-link {
    position: relative;
}

    .nav-sidebar.style-two .nav-link::before {
        content: '';
        position: absolute;
        top: 5px;
        bottom: 5px;
        left: -20px;
        width: 3px;
        display: none;
    }

    .nav-sidebar.style-two .nav-link.active::before {
        display: block;
    }

.nav-sidebar.style-two .sub-link::before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: -22px;
    width: 1px;
    display: none;
}

.nav-sidebar.style-three .nav-item.active .nav-link::before {
    display: block;
}

.nav-sidebar.style-three .nav-item.active .sub-link.active::before {
    display: block;
}

.nav-sidebar.style-three .nav-link {
    position: relative;
    align-items: center;
}

    .nav-sidebar.style-three .nav-link::before {
        content: '';
        position: absolute;
        top: calc(50% - .75px);
        left: -20px;
        width: 20px;
        height: 1.5px;
        display: none;
    }

    .nav-sidebar.style-three .nav-link:not(.with-sub)::after {
        content: '';
        position: relative;
        flex: 1;
        height: 1.5px;
        margin-left: 15px;
        display: none;
    }

    .nav-sidebar.style-three .nav-link.active::before, .nav-sidebar.style-three .nav-link.active::after {
        display: block;
    }

.nav-sidebar.style-three .sub-link::before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: -22px;
    width: 1px;
    display: none;
}

.nav-sub {
    display: none;
    flex-direction: column;
    margin-left: 20px;
    padding-left: 22px;
    position: relative;
}

    .nav-sub::before {
        content: '';
        position: absolute;
        top: 5px;
        bottom: 5px;
        left: 0;
        border-left: 1px solid transparent;
    }

.sub-link {
    height: 32px;
    padding: 5px 0;
    position: relative;
    display: flex;
    align-items: center;
}

    .sub-link.active {
        font-weight: 500;
    }

.nav-group {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

    .nav-group .nav-sidebar {
        transform: translateY(-8px);
        padding: 0 10px 10px;
        display: none;
    }

        .nav-group .nav-sidebar.style-two .nav-link::before {
            left: -10px;
        }

    .nav-group + .nav-group {
        margin-top: -1px;
    }

    .nav-group.show .nav-sidebar {
        display: flex;
    }

    .nav-group.show .nav-group-label::after {
        transform: rotate(180deg);
    }

.nav-group-label {
    padding: 15px 20px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

    .nav-group-label::after {
        content: '\EA4E';
        font-family: 'remixicon';
        font-weight: 400;
        font-size: 16px;
        opacity: .75;
        margin-right: -2px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.sidebar-footer {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    height: 70px;
    position: relative;
}

.avatar {
    flex-shrink: 0;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    position: relative;
}

    .avatar.online::after {
        content: '';
        position: absolute;
        bottom: 2px;
        right: 2px;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background-color: #01a81d;
        box-shadow: 0 0 0 2px #fff;
    }

.avatar-initial {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.avatar-body {
    flex: 1;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
}

    .avatar-body h6 {
        font-weight: 600;
        margin-bottom: 0;
    }

    .avatar-body span {
        display: block;
        font-size: 12px;
    }

.footer-menu {
    display: block;
    font-size: 18px;
    border-radius: 5px;
    line-height: 1;
}

.content {
    position: relative;
    min-height: 100vh;
}

@media (min-width: 992px) {
    .content {
        margin-left: 220px;
    }
}

.content-header {
    padding: 20px 25px;
    position: relative;
}

.content-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 32px;
    border-radius: 4px;
}

    .content-menu svg {
        width: 20px;
        height: 20px;
        stroke-width: 2.5px;
    }

.content-body {
    padding: 20px 35px;
}

    .content-body .nav {
        display: flex;
        flex-wrap: wrap;
    }

    .content-body .nav-link {
        display: block;
        padding: 8px 20px;
        border: 1.5px solid transparent;
        border-radius: 6px;
        white-space: nowrap;
        margin-right: 10px;
        margin-bottom: 10px;
    }

.content-label {
    display: block;
    margin-bottom: 15px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.content-menu {
    color: #627293;
}

    .content-menu:hover {
        background-color: #e9ebf0;
        color: #627293;
    }

.content-body .nav-link {
    background-color: #f7f9fc;
    border-color: #cacfd9;
    color: #627293;
}

    .content-body .nav-link:hover, .content-body .nav-link:focus {
        border-color: #9aa6be;
    }

    .content-body .nav-link.active {
        background-color: #fff;
        border-color: #627293;
        color: #223458;
        font-weight: 500;
        box-shadow: 0 1px 1px rgba(202, 207, 217, 0.25), 0 2px 2px rgba(202, 207, 217, 0.2), 0 4px 4px rgba(202, 207, 217, 0.15);
    }

.content-label {
    color: #9aa6be;
}

.skin-base {
    background-color: #f7f9fd;
}

    .skin-base .sidebar {
        background-color: #fff;
        box-shadow: 1px 0 1px rgba(216, 222, 230, 0.25), 2px 0 2px rgba(216, 222, 230, 0.2), 4px 0 4px rgba(216, 222, 230, 0.15), 8px 0 8px rgba(216, 222, 230, 0.1), 16px 0 16px rgba(216, 222, 230, 0.05);
    }

        .skin-base .sidebar hr {
            background-color: #e9ebf0;
        }

    .skin-base .sidebar-logo span {
        background-color: #0d0e12;
    }

        .skin-base .sidebar-logo span::before, .skin-base .sidebar-logo span::after {
            background-color: rgba(57, 72, 103, 0.75);
        }

    .skin-base .sidebar-logo-text {
        color: #0d0e12;
    }

        .skin-base .sidebar-logo-text span {
            color: #394867;
        }

    .skin-base .search-body {
        background-color: #f7f9fc;
    }

        .skin-base .search-body svg {
            color: #627293;
        }

        .skin-base .search-body .form-control::placeholder {
            color: #9aa6be;
        }

        .skin-base .search-body.onfocus {
            background-color: #fff;
            border-color: #627293;
            box-shadow: 0 1px 1px rgba(216, 222, 230, 0.25), 0 2px 2px rgba(216, 222, 230, 0.2), 0 4px 4px rgba(216, 222, 230, 0.15);
        }

        .skin-base .search-body.onhover {
            background-color: rgba(233, 235, 240, 0.6);
        }

    .skin-base .nav-sidebar .nav-item.active .nav-link {
        color: #0d0e12;
    }

        .skin-base .nav-sidebar .nav-item.active .nav-link svg {
            color: #0d0e12;
            fill: rgba(20, 39, 78, 0.12);
        }

    .skin-base .nav-sidebar .nav-link {
        color: #627293;
    }

        .skin-base .nav-sidebar .nav-link:hover, .skin-base .nav-sidebar .nav-link:focus {
            color: #0d0e12;
        }

        .skin-base .nav-sidebar .nav-link.active {
            color: #0d0e12;
        }

            .skin-base .nav-sidebar .nav-link.active svg {
                color: #0d0e12;
                fill: rgba(20, 39, 78, 0.12);
            }

    .skin-base .nav-sidebar.style-one .nav-item.active .nav-link {
        color: #0d0e12;
        background-color: #e9ebf0;
    }

        .skin-base .nav-sidebar.style-one .nav-item.active .nav-link svg {
            fill: none;
        }

    .skin-base .nav-sidebar.style-one .nav-link {
        color: #394867;
    }

        .skin-base .nav-sidebar.style-one .nav-link:hover, .skin-base .nav-sidebar.style-one .nav-link:focus {
            background-color: #f7f9fc;
            color: #394867;
        }

        .skin-base .nav-sidebar.style-one .nav-link.active {
            background-color: #e9ebf0;
        }

            .skin-base .nav-sidebar.style-one .nav-link.active svg {
                fill: none;
            }

    .skin-base .nav-sidebar.style-two .nav-link::before,
    .skin-base .nav-sidebar.style-two .sub-link::before {
        background-color: #0d0e12;
    }

    .skin-base .nav-sidebar.style-three .nav-link::before,
    .skin-base .nav-sidebar.style-three .nav-link:not(.with-sub)::after,
    .skin-base .nav-sidebar.style-three .sub-link::before {
        background-color: #0d0e12;
    }

    .skin-base .nav-sidebar.style-two .nav-sub::before, .skin-base .nav-sidebar.style-three .nav-sub::before {
        border-color: rgba(216, 222, 230, 0.6);
    }

    .skin-base .sub-link {
        color: #627293;
    }

        .skin-base .sub-link:hover, .skin-base .sub-link:focus {
            color: #394867;
        }

        .skin-base .sub-link.active {
            color: #394867;
        }

    .skin-base .nav-group {
        border-top-color: #d8dee6;
        border-bottom-color: #d8dee6;
    }

    .skin-base .nav-group-label {
        color: #627293;
    }

    .skin-base .sidebar-footer {
        background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.5) 50%, #fff);
    }

    .skin-base .avatar-initial {
        background-color: #223458;
        color: #fff;
    }

    .skin-base .avatar-body h6 {
        color: #0d0e12;
    }

    .skin-base .avatar-body span {
        color: #627293;
    }

    .skin-base .footer-menu {
        color: #627293;
    }

        .skin-base .footer-menu:hover {
            color: #394867;
        }

.skin-blue {
    background-color: #fff;
}

    .skin-blue .sidebar {
        background-color: #f7f9fd;
    }

        .skin-blue .sidebar hr {
            background-color: #e3eaf8;
        }

    .skin-blue .sidebar-logo span {
        background-color: #0d6efd;
    }

        .skin-blue .sidebar-logo span::before, .skin-blue .sidebar-logo span::after {
            background-color: #0d6efd;
            opacity: .75;
        }

    .skin-blue .sidebar-logo-text {
        color: #0d0e12;
    }

        .skin-blue .sidebar-logo-text span {
            color: #0d6efd;
        }

    .skin-blue .search-body {
        background-color: #fff;
        border-color: #cacfd9;
    }

        .skin-blue .search-body svg {
            color: #627293;
        }

        .skin-blue .search-body .form-control::placeholder {
            color: #9aa6be;
        }

        .skin-blue .search-body.onfocus {
            border-color: rgba(13, 110, 253, 0.75);
            box-shadow: 0 1px 1px rgba(216, 222, 230, 0.25), 0 2px 2px rgba(216, 222, 230, 0.2), 0 4px 4px rgba(216, 222, 230, 0.15);
        }

            .skin-blue .search-body.onfocus svg {
                color: #0d6efd;
            }

        .skin-blue .search-body.onhover {
            border-color: rgba(154, 166, 190, 0.6);
        }

    .skin-blue .nav-sidebar .nav-item.active .nav-link {
        color: #0d6efd;
    }

        .skin-blue .nav-sidebar .nav-item.active .nav-link svg {
            color: #0d6efd;
            fill: rgba(13, 110, 253, 0.12);
        }

    .skin-blue .nav-sidebar .nav-link {
        color: #394867;
    }

        .skin-blue .nav-sidebar .nav-link:hover, .skin-blue .nav-sidebar .nav-link:focus {
            color: #0d6efd;
        }

        .skin-blue .nav-sidebar .nav-link.active {
            color: #0d6efd;
        }

            .skin-blue .nav-sidebar .nav-link.active svg {
                color: #0d6efd;
                fill: rgba(13, 110, 253, 0.12);
            }

    .skin-blue .nav-sidebar.style-one .nav-item.active .nav-link {
        color: #0d6efd;
        background-color: rgba(13, 110, 253, 0.1);
    }

        .skin-blue .nav-sidebar.style-one .nav-item.active .nav-link svg {
            fill: none;
        }

    .skin-blue .nav-sidebar.style-one .nav-link {
        color: #394867;
    }

        .skin-blue .nav-sidebar.style-one .nav-link:hover, .skin-blue .nav-sidebar.style-one .nav-link:focus {
            background-color: rgba(13, 110, 253, 0.04);
            color: rgba(13, 110, 253, 0.85);
        }

        .skin-blue .nav-sidebar.style-one .nav-link.active {
            background-color: rgba(13, 110, 253, 0.1);
            color: #0d6efd;
        }

            .skin-blue .nav-sidebar.style-one .nav-link.active svg {
                fill: none;
            }

    .skin-blue .nav-sidebar.style-two .nav-link::before,
    .skin-blue .nav-sidebar.style-two .sub-link::before {
        background-color: #0d6efd;
    }

    .skin-blue .nav-sidebar.style-three .nav-link::before,
    .skin-blue .nav-sidebar.style-three .nav-link:not(.with-sub)::after,
    .skin-blue .nav-sidebar.style-three .sub-link::before {
        background-color: #0d6efd;
    }

    .skin-blue .nav-sidebar.style-two .nav-sub::before, .skin-blue .nav-sidebar.style-three .nav-sub::before {
        border-color: rgba(216, 222, 230, 0.6);
    }

    .skin-blue .sub-link {
        color: #627293;
    }

        .skin-blue .sub-link:hover, .skin-blue .sub-link:focus {
            color: rgba(13, 110, 253, 0.75);
        }

        .skin-blue .sub-link.active {
            color: rgba(13, 110, 253, 0.85);
        }

    .skin-blue .nav-group {
        border-top-color: #d8dee6;
        border-bottom-color: #d8dee6;
    }

    .skin-blue .nav-group-label {
        color: #627293;
    }

    .skin-blue .avatar-initial {
        background-color: #223458;
        color: #fff;
    }

    .skin-blue .avatar-body h6 {
        color: #0d0e12;
    }

    .skin-blue .avatar-body span {
        color: #627293;
    }

    .skin-blue .footer-menu {
        color: #627293;
    }

        .skin-blue .footer-menu:hover {
            color: #0d6efd;
        }

    .skin-blue .content {
        position: relative;
        z-index: 800;
        box-shadow: -1px 0 1px rgba(216, 222, 230, 0.22), -2px 0 2px rgba(216, 222, 230, 0.17), -4px 0 4px rgba(216, 222, 230, 0.12), -8px 0 8px rgba(216, 222, 230, 0.07), -16px 0 16px rgba(216, 222, 230, 0.02);
    }

.skin-dark {
    background-color: #f7f9fd;
}

    .skin-dark .sidebar {
        background-color: #0d0e12;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .skin-dark .sidebar hr {
            background-color: rgba(34, 52, 88, 0.6);
        }

    .skin-dark .sidebar-logo span {
        background-color: #0d6efd;
    }

        .skin-dark .sidebar-logo span::before, .skin-dark .sidebar-logo span::after {
            background-color: #408cfd;
        }

    .skin-dark .sidebar-logo-text {
        color: #f7f9fc;
    }

        .skin-dark .sidebar-logo-text span {
            color: #0d6efd;
        }

    .skin-dark .search-body {
        background-color: rgba(34, 52, 88, 0.6);
    }

        .skin-dark .search-body svg {
            color: #627293;
            stroke-width: 1.5px;
        }

        .skin-dark .search-body .form-control {
            color: #f7f9fc;
        }

            .skin-dark .search-body .form-control::placeholder {
                color: #627293;
            }

        .skin-dark .search-body.onfocus {
            background-color: transparent;
            border-color: #394867;
        }

        .skin-dark .search-body.onhover {
            background-color: rgba(34, 52, 88, 0.4);
        }

    .skin-dark .nav-sidebar .nav-item.active .nav-link {
        color: #f7f9fc;
    }

        .skin-dark .nav-sidebar .nav-item.active .nav-link svg {
            color: #f7f9fc;
            fill: rgba(247, 249, 252, 0.12);
        }

    .skin-dark .nav-sidebar .nav-link {
        color: #627293;
    }

        .skin-dark .nav-sidebar .nav-link:hover, .skin-dark .nav-sidebar .nav-link:focus {
            color: #f7f9fc;
        }

        .skin-dark .nav-sidebar .nav-link svg {
            stroke-width: 1.5px;
        }

        .skin-dark .nav-sidebar .nav-link.active {
            color: #f7f9fc;
        }

            .skin-dark .nav-sidebar .nav-link.active svg {
                color: #f7f9fc;
                fill: rgba(247, 249, 252, 0.12);
            }

    .skin-dark .nav-sidebar.style-one .nav-item.active .nav-link {
        color: #f7f9fc;
        background-color: #223458;
    }

        .skin-dark .nav-sidebar.style-one .nav-item.active .nav-link svg {
            fill: none;
        }

    .skin-dark .nav-sidebar.style-one .nav-link {
        color: #d7dce7;
    }

        .skin-dark .nav-sidebar.style-one .nav-link:hover, .skin-dark .nav-sidebar.style-one .nav-link:focus {
            background-color: rgba(34, 52, 88, 0.3);
            color: #f7f9fc;
        }

        .skin-dark .nav-sidebar.style-one .nav-link.active {
            background-color: #223458;
            color: #f7f9fc;
        }

            .skin-dark .nav-sidebar.style-one .nav-link.active svg {
                fill: none;
            }

    .skin-dark .nav-sidebar.style-two .nav-link::before,
    .skin-dark .nav-sidebar.style-two .sub-link::before {
        background-color: #f7f9fc;
    }

    .skin-dark .nav-sidebar.style-three .nav-link::before,
    .skin-dark .nav-sidebar.style-three .nav-link:not(.with-sub)::after,
    .skin-dark .nav-sidebar.style-three .sub-link::before {
        background-color: #627293;
    }

    .skin-dark .nav-sidebar.style-two .nav-sub::before, .skin-dark .nav-sidebar.style-three .nav-sub::before {
        border-color: #223458;
    }

    .skin-dark .sub-link {
        color: #627293;
    }

        .skin-dark .sub-link:hover, .skin-dark .sub-link:focus {
            color: #9aa6be;
        }

        .skin-dark .sub-link.active {
            color: #f7f9fc;
        }

    .skin-dark .nav-group {
        border-top-color: rgba(34, 52, 88, 0.6);
        border-bottom-color: rgba(34, 52, 88, 0.6);
    }

    .skin-dark .nav-group-label {
        color: #627293;
    }

    .skin-dark .avatar.online::after {
        box-shadow: 0 0 0 2px #0d0e12;
    }

    .skin-dark .avatar-initial {
        background-color: #0d6efd;
        color: #fff;
    }

    .skin-dark .avatar-body h6 {
        color: #f7f9fc;
    }

    .skin-dark .avatar-body span {
        color: #627293;
    }

    .skin-dark .footer-menu {
        color: #627293;
    }

        .skin-dark .footer-menu:hover {
            color: #394867;
        }

.skin-red {
    background-color: #f7f9fd;
}

    .skin-red .sidebar {
        background-color: #1f2d3e;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .skin-red .sidebar hr {
            background-color: #28394f;
        }

    .skin-red .sidebar-logo span {
        background-color: #EA5455;
    }

        .skin-red .sidebar-logo span::before, .skin-red .sidebar-logo span::after {
            background-color: #F07B3F;
        }

    .skin-red .sidebar-logo-text {
        color: #f7f9fc;
    }

        .skin-red .sidebar-logo-text span {
            color: #EA5455;
        }

    .skin-red .search-body {
        background-color: transparent;
        border-color: rgba(98, 114, 147, 0.6);
    }

        .skin-red .search-body svg {
            color: #627293;
            stroke-width: 1.5px;
        }

        .skin-red .search-body .form-control {
            color: #f7f9fc;
        }

            .skin-red .search-body .form-control::placeholder {
                color: #627293;
            }

        .skin-red .search-body.onfocus {
            background-color: transparent;
            border-color: #627293;
        }

        .skin-red .search-body.onhover {
            border-color: #627293;
        }

    .skin-red .nav-sidebar .nav-item.active .nav-link {
        color: #ef4035;
    }

        .skin-red .nav-sidebar .nav-item.active .nav-link svg {
            color: #ef4035;
        }

    .skin-red .nav-sidebar .nav-link {
        color: #627293;
    }

        .skin-red .nav-sidebar .nav-link:hover, .skin-red .nav-sidebar .nav-link:focus {
            color: #9aa6be;
        }

        .skin-red .nav-sidebar .nav-link svg {
            stroke-width: 1.5px;
        }

        .skin-red .nav-sidebar .nav-link.active {
            color: #ef4035;
        }

            .skin-red .nav-sidebar .nav-link.active svg {
                color: #ef4035;
            }

    .skin-red .nav-sidebar.style-one .nav-item.active .nav-link {
        color: #fff;
        background-color: #ef4035;
    }

        .skin-red .nav-sidebar.style-one .nav-item.active .nav-link svg {
            fill: none;
            color: #fff;
        }

    .skin-red .nav-sidebar.style-one .nav-link {
        color: #627293;
    }

        .skin-red .nav-sidebar.style-one .nav-link:hover, .skin-red .nav-sidebar.style-one .nav-link:focus {
            background-color: #223245;
            color: #9aa6be;
        }

        .skin-red .nav-sidebar.style-one .nav-link.active {
            background-color: #ef4035;
            color: #fff;
        }

            .skin-red .nav-sidebar.style-one .nav-link.active svg {
                fill: none;
                color: #fff;
            }

    .skin-red .nav-sidebar.style-two .nav-link::before {
        background-color: #ef4035;
    }

    .skin-red .nav-sidebar.style-two .sub-link::before {
        background-color: #cacfd9;
    }

    .skin-red .nav-sidebar.style-three .nav-link::before,
    .skin-red .nav-sidebar.style-three .nav-link:not(.with-sub)::after {
        background-color: #ef4035;
    }

    .skin-red .nav-sidebar.style-three .sub-link::before {
        background-color: #cacfd9;
    }

    .skin-red .nav-sidebar.style-two .nav-sub::before, .skin-red .nav-sidebar.style-three .nav-sub::before {
        border-color: rgba(247, 249, 252, 0.1);
    }

    .skin-red .sub-link {
        color: #627293;
    }

        .skin-red .sub-link:hover, .skin-red .sub-link:focus {
            color: #9aa6be;
        }

        .skin-red .sub-link.active {
            color: #cacfd9;
        }

    .skin-red .nav-group {
        border-top-color: #394867;
        border-bottom-color: #394867;
    }

    .skin-red .nav-group-label {
        color: #627293;
    }

    .skin-red .avatar.online::after {
        box-shadow: 0 0 0 2px #1f2d3e;
    }

    .skin-red .avatar-initial {
        background-color: #fec631;
        color: #1f2d3e;
    }

    .skin-red .avatar-body h6 {
        color: #f7f9fc;
    }

    .skin-red .avatar-body span {
        color: #627293;
    }

    .skin-red .footer-menu {
        color: #627293;
    }

        .skin-red .footer-menu:hover {
            color: #394867;
        }

.skin-indigo {
    background-color: #f7f9fd;
}

    .skin-indigo .sidebar {
        background-color: #4A4DE7;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .skin-indigo .sidebar hr {
            background-color: rgba(255, 255, 255, 0.08);
        }

    .skin-indigo .sidebar-logo span {
        background-color: #F1FAFB;
    }

        .skin-indigo .sidebar-logo span::before {
            background-color: #7EA6F4;
        }

        .skin-indigo .sidebar-logo span::after {
            background-color: #A0E4F1;
        }

    .skin-indigo .sidebar-logo-text {
        color: #fff;
    }

        .skin-indigo .sidebar-logo-text span {
            color: #7EA6F4;
            opacity: 1;
        }

    .skin-indigo .search-body {
        background-color: rgba(126, 166, 244, 0.1);
    }

        .skin-indigo .search-body svg {
            color: rgba(126, 166, 244, 0.6);
            stroke-width: 2px;
        }

        .skin-indigo .search-body .form-control {
            color: #fff;
        }

            .skin-indigo .search-body .form-control::placeholder {
                color: rgba(126, 166, 244, 0.6);
            }

        .skin-indigo .search-body.onfocus {
            background-color: transparent;
            border-color: #7EA6F4;
        }

            .skin-indigo .search-body.onfocus svg {
                color: #7EA6F4;
            }

        .skin-indigo .search-body.onhover {
            background-color: rgba(126, 166, 244, 0.2);
        }

    .skin-indigo .nav-sidebar .nav-item.active .nav-link {
        color: #fff;
    }

        .skin-indigo .nav-sidebar .nav-item.active .nav-link svg {
            color: #fff;
            fill: rgba(255, 255, 255, 0.12);
        }

    .skin-indigo .nav-sidebar .nav-link {
        color: #7EA6F4;
    }

        .skin-indigo .nav-sidebar .nav-link:hover, .skin-indigo .nav-sidebar .nav-link:focus {
            color: #A0E4F1;
        }

        .skin-indigo .nav-sidebar .nav-link svg {
            stroke-width: 1.5px;
        }

        .skin-indigo .nav-sidebar .nav-link.active {
            color: #F1FAFB;
        }

            .skin-indigo .nav-sidebar .nav-link.active svg {
                color: #F1FAFB;
            }

    .skin-indigo .nav-sidebar.style-one .nav-item.active .nav-link {
        background-color: rgba(160, 228, 241, 0.25);
        color: #F1FAFB;
    }

        .skin-indigo .nav-sidebar.style-one .nav-item.active .nav-link svg {
            fill: none;
        }

    .skin-indigo .nav-sidebar.style-one .nav-link {
        color: #7EA6F4;
    }

        .skin-indigo .nav-sidebar.style-one .nav-link:hover, .skin-indigo .nav-sidebar.style-one .nav-link:focus {
            background-color: rgba(126, 166, 244, 0.16);
            color: #A0E4F1;
        }

        .skin-indigo .nav-sidebar.style-one .nav-link.active {
            background-color: rgba(160, 228, 241, 0.25);
            color: #F1FAFB;
        }

            .skin-indigo .nav-sidebar.style-one .nav-link.active svg {
                fill: none;
            }

    .skin-indigo .nav-sidebar.style-two .nav-link::before,
    .skin-indigo .nav-sidebar.style-two .sub-link::before {
        background-color: #F1FAFB;
    }

    .skin-indigo .nav-sidebar.style-three .nav-link::before,
    .skin-indigo .nav-sidebar.style-three .nav-link:not(.with-sub)::after,
    .skin-indigo .nav-sidebar.style-three .sub-link::before {
        background-color: #F1FAFB;
    }

    .skin-indigo .nav-sidebar.style-two .nav-sub::before, .skin-indigo .nav-sidebar.style-three .nav-sub::before {
        border-color: rgba(126, 166, 244, 0.2);
    }

    .skin-indigo .sub-link {
        color: #7EA6F4;
    }

        .skin-indigo .sub-link:hover, .skin-indigo .sub-link:focus {
            color: #A0E4F1;
        }

        .skin-indigo .sub-link.active {
            color: #F1FAFB;
        }

    .skin-indigo .nav-group {
        border-top-color: #6163ea;
        border-bottom-color: #6163ea;
    }

    .skin-indigo .nav-group-label {
        color: rgba(126, 166, 244, 0.75);
    }

    .skin-indigo .avatar.online::after {
        box-shadow: 0 0 0 2px #4A4DE7;
        background-color: #20c997;
    }

    .skin-indigo .avatar-initial {
        background-color: #F1FAFB;
        color: #4A4DE7;
    }

    .skin-indigo .avatar-body h6 {
        color: #F1FAFB;
    }

    .skin-indigo .avatar-body span {
        color: #7EA6F4;
    }

    .skin-indigo .footer-menu {
        color: #7EA6F4;
    }

        .skin-indigo .footer-menu:hover {
            color: #A0E4F1;
        }

.skin-gradient {
    background-color: #f7f9fd;
}

    .skin-gradient .sidebar {
        background-image: linear-gradient(60deg, #14184e, transparent 65%), linear-gradient(20deg, #854cc4 40%, transparent), linear-gradient(90deg, #1f32d9 30%, #6f85e2);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .skin-gradient .sidebar hr {
            background-color: rgba(255, 255, 255, 0.08);
        }

    .skin-gradient .sidebar-logo span {
        background-color: #FFF;
    }

        .skin-gradient .sidebar-logo span::before {
            background-color: #3EDBF0;
        }

        .skin-gradient .sidebar-logo span::after {
            background-color: #3EDBF0;
        }

    .skin-gradient .sidebar-logo-text {
        color: #fff;
    }

        .skin-gradient .sidebar-logo-text span {
            color: #3EDBF0;
        }

    .skin-gradient .search-body {
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.3);
        border-width: 1px;
    }

        .skin-gradient .search-body svg {
            color: rgba(255, 255, 255, 0.6);
            stroke-width: 1.5px;
        }

        .skin-gradient .search-body .form-control {
            color: #f7f9fc;
        }

            .skin-gradient .search-body .form-control::placeholder {
                color: rgba(247, 249, 252, 0.35);
            }

        .skin-gradient .search-body.onfocus {
            background-color: transparent;
            border-color: rgba(255, 255, 255, 0.6);
        }

            .skin-gradient .search-body.onfocus svg {
                color: rgba(255, 255, 255, 0.75);
            }

        .skin-gradient .search-body.onhover {
            border-color: rgba(255, 255, 255, 0.4);
        }

    .skin-gradient .nav-sidebar .nav-item.active .nav-link {
        color: #3EDBF0;
    }

        .skin-gradient .nav-sidebar .nav-item.active .nav-link svg {
            color: #3EDBF0;
        }

    .skin-gradient .nav-sidebar .nav-link {
        color: rgba(247, 249, 252, 0.6);
    }

        .skin-gradient .nav-sidebar .nav-link:hover {
            color: #f7f9fc;
        }

        .skin-gradient .nav-sidebar .nav-link svg {
            stroke-width: 1.5px;
        }

        .skin-gradient .nav-sidebar .nav-link.active {
            color: #3EDBF0;
        }

    .skin-gradient .nav-sidebar.style-one .nav-item.active .nav-link {
        color: #3EDBF0;
        background-color: rgba(247, 249, 252, 0.1);
    }

        .skin-gradient .nav-sidebar.style-one .nav-item.active .nav-link svg {
            fill: none;
        }

    .skin-gradient .nav-sidebar.style-one .nav-link {
        color: rgba(247, 249, 252, 0.5);
    }

        .skin-gradient .nav-sidebar.style-one .nav-link:hover {
            background-color: rgba(247, 249, 252, 0.05);
            color: #f7f9fc;
        }

        .skin-gradient .nav-sidebar.style-one .nav-link.active {
            background-color: rgba(247, 249, 252, 0.1);
            color: #3EDBF0;
        }

            .skin-gradient .nav-sidebar.style-one .nav-link.active svg {
                fill: none;
            }

    .skin-gradient .nav-sidebar.style-two .nav-link::before,
    .skin-gradient .nav-sidebar.style-two .sub-link::before {
        background-color: #3EDBF0;
    }

    .skin-gradient .nav-sidebar.style-three .nav-link::before,
    .skin-gradient .nav-sidebar.style-three .nav-link:not(.with-sub)::after,
    .skin-gradient .nav-sidebar.style-three .sub-link::before {
        background-color: #3EDBF0;
    }

    .skin-gradient .nav-sidebar.style-two .nav-sub::before, .skin-gradient .nav-sidebar.style-three .nav-sub::before {
        border-color: rgba(255, 255, 255, 0.06);
    }

    .skin-gradient .sub-link {
        color: rgba(255, 255, 255, 0.4);
    }

        .skin-gradient .sub-link:hover, .skin-gradient .sub-link:focus {
            color: rgba(255, 255, 255, 0.6);
        }

        .skin-gradient .sub-link.active {
            color: rgba(255, 255, 255, 0.8);
        }

    .skin-gradient .nav-group {
        border-top-color: rgba(255, 255, 255, 0.1);
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    .skin-gradient .nav-group-label {
        color: #fff;
    }

    .skin-gradient .avatar.online::after {
        box-shadow: 0 0 0 2px #272162;
    }

    .skin-gradient .avatar-initial {
        background-color: #77ACF1;
        color: #fff;
    }

    .skin-gradient .avatar-body h6 {
        color: #f7f9fc;
    }

    .skin-gradient .avatar-body span {
        color: #627293;
    }

    .skin-gradient .footer-menu {
        color: #627293;
    }

        .skin-gradient .footer-menu:hover {
            color: #394867;
        }

.animate .sidebar {
    transition: all 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .sidebar {
        transition: none;
    }
}

.animate .sidebar-header {
    overflow: hidden;
    transition: padding 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .sidebar-header {
        transition: none;
    }
}

.animate .sidebar-logo,
.animate .sidebar-logo-text {
    transition: all 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .sidebar-logo,
    .animate .sidebar-logo-text {
        transition: none;
    }
}

.animate .sidebar-search {
    transition: padding 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .sidebar-search {
        transition: none;
    }
}

.animate .search-body svg,
.animate .search-body .form-control {
    transition: all 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .search-body svg,
    .animate .search-body .form-control {
        transition: none;
    }
}

.animate .nav-sidebar {
    overflow: hidden;
    transition: padding 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .nav-sidebar {
        transition: none;
    }
}

.animate .nav-sidebar .nav-link svg,
.animate .nav-sidebar .nav-link span {
    transition: all 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .nav-sidebar .nav-link svg,
    .animate .nav-sidebar .nav-link span {
        transition: none;
    }
}

.animate .nav-sub {
    transition: opacity 0.2s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .nav-sub {
        transition: none;
    }
}

.animate .sub-link {
    transition: all 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .sub-link {
        transition: none;
    }
}

.animate .avatar {
    transition: all 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .avatar {
        transition: none;
    }
}

.animate .avatar-body,
.animate .sidebar-footer {
    transition: all 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .avatar-body,
    .animate .sidebar-footer {
        transition: none;
    }
}

.animate .content {
    transition: all 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .animate .content {
        transition: none;
    }
}

.ps {
    overflow: hidden;
}

    .ps > .ps__rail-y {
        width: 2px;
        background-color: rgba(53, 88, 140, 0.06);
        z-index: 10;
        position: absolute;
        left: auto !important;
        right: 0;
        opacity: 0;
        margin: 1px;
        transition: opacity 0.2s;
    }

@media (prefers-reduced-motion: reduce) {
    .ps > .ps__rail-y {
        transition: none;
    }
}

.ps > .ps__rail-y > .ps__thumb-y {
    position: absolute;
    border-radius: 0;
    width: 2px;
    left: 0;
    background-color: #d8dee6;
}

.ps.ps--active-y:hover > .ps__rail-y, .ps.ps--active-y:focus > .ps__rail-y {
    opacity: 1;
}

.scrollbar-sm > .ps__rail-y {
    width: 1px;
}

    .scrollbar-sm > .ps__rail-y > .ps__thumb-y {
        width: 1px;
    }

.scrollbar-lg > .ps__rail-y {
    width: 6px;
}

    .scrollbar-lg > .ps__rail-y > .ps__thumb-y {
        width: 6px;
    }