@charset "UTF-8";

:root,
[data-bs-theme='light'] {
  --bs-blue: #4f46e5;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #c03221;
  --bs-orange: #f16a1b;
  --bs-yellow: #faa938;
  --bs-green: #219653;
  --bs-teal: #f67e7d;
  --bs-cyan: #08b1ba;
  --bs-black: #1e1e24;
  --bs-white: #fff;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #f5f6fa;
  --bs-gray-600: #6e8192;
  --bs-gray-700: #d8d9d9;
  --bs-gray-800: #343a40;
  --bs-gray-900: #fff;
  --bs-primary: #4f46e5;
  --bs-secondary: #f67e7d;
  --bs-success: #219653;
  --bs-info: #08b1ba;
  --bs-warning: #faa938;
  --bs-danger: #c03221;
  --bs-light: #dee2e6;
  --bs-dark: #1e1e24;
  --bs-gray: #6e8192;
  --bs-gray-dark: #343a40;
  --bs-primary-rgb: 86, 112, 204;
  --bs-secondary-rgb: 246, 126, 125;
  --bs-success-rgb: 33, 150, 83;
  --bs-info-rgb: 8, 177, 186;
  --bs-warning-rgb: 250, 169, 56;
  --bs-danger-rgb: 192, 50, 33;
  --bs-light-rgb: 222, 226, 230;
  --bs-dark-rgb: 30, 30, 36;
  --bs-gray-rgb: 110, 129, 146;
  --bs-gray-dark-rgb: 52, 58, 64;
  --bs-primary-text-emphasis: #222d52;
  --bs-secondary-text-emphasis: #623232;
  --bs-success-text-emphasis: #0d3c21;
  --bs-info-text-emphasis: #03474a;
  --bs-warning-text-emphasis: #644416;
  --bs-danger-text-emphasis: #4d140d;
  --bs-light-text-emphasis: #d8d9d9;
  --bs-dark-text-emphasis: #d8d9d9;
  --bs-primary-bg-subtle: #dde2f5;
  --bs-secondary-bg-subtle: #fde5e5;
  --bs-success-bg-subtle: #d3eadd;
  --bs-info-bg-subtle: #ceeff1;
  --bs-warning-bg-subtle: #feeed7;
  --bs-danger-bg-subtle: #f2d6d3;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #bbc6eb;
  --bs-secondary-border-subtle: #fbcbcb;
  --bs-success-border-subtle: #a6d5ba;
  --bs-info-border-subtle: #9ce0e3;
  --bs-warning-border-subtle: #fdddaf;
  --bs-danger-border-subtle: #e6ada6;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #f5f6fa;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 30, 30, 36;
  --bs-font-sans-serif: 'Inter Tight', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --bs-font-monospace: 'Inter Tight', sans-serif, 'Liberation Mono', 'Courier New', monospace;
  --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-breadcrumb-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #6c757d;
  --bs-body-color-rgb: 108, 117, 125;
  --bs-body-bg: #f5f6fa;
  --bs-body-bg-rgb: 245, 246, 250;
  --bs-emphasis-color: #1e1e24;
  --bs-emphasis-color-rgb: 30, 30, 36;
  --bs-secondary-color: hsla(208, 7%, 46%, 0.75);
  --bs-secondary-color-rgb: 108, 117, 125;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: hsla(208, 7%, 46%, 0.5);
  --bs-tertiary-color-rgb: 108, 117, 125;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: #3f414d;
  --bs-link-color: #4f46e5;
  --bs-link-color-rgb: 86, 112, 204;
  --bs-link-decoration: none;
  --bs-link-hover-color: #455aa3;
  --bs-link-hover-color-rgb: 69, 90, 163;
  --bs-code-color: #d63384;
  --bs-highlight-color: #6c757d;
  --bs-highlight-bg: #feeed7;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(30, 30, 36, 0.175);
  --bs-border-radius: 0.25rem;
  --bs-border-radius-sm: 0.125rem;
  --bs-border-radius-lg: 0.5rem;
  --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.063rem 1.875rem 0 rgba(30, 30, 36, 0.08);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(30, 30, 36, 0.1);
  --bs-box-shadow-lg: 0 0.625rem 1.875rem rgba(30, 30, 36, 0.05);
  --bs-box-shadow-inset: inset 0 0.25rem 0.5rem rgba(30, 30, 36, 0.16);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(86, 112, 204, 0.25);
  --bs-form-valid-color: var(--bs-success);
  --bs-form-valid-border-color: var(--bs-success);
  --bs-form-invalid-color: var(--bs-danger);
  --bs-form-invalid-border-color: var(--bs-danger);
  --bs-primary-active-bg: #4e5d9c;
  --bs-primary-active-border: #4e5d9c;
}

[data-bs-theme='dark'] {
  --bs-body-color: #d7dbdf;
  --bs-body-color-rgb: 215, 219, 223;
  --bs-body-bg: #181818;
  --bs-body-bg-rgb: 24, 24, 24;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(215, 219, 223, 0.75);
  --bs-secondary-color-rgb: 215, 219, 223;
  --bs-secondary-bg: #6c757d;
  --bs-secondary-bg-rgb: 108, 117, 125;
  --bs-tertiary-color: rgba(215, 219, 223, 0.5);
  --bs-tertiary-color-rgb: 215, 219, 223;
  --bs-tertiary-bg: #9a9da0;
  --bs-tertiary-bg-rgb: 154, 157, 160;
  --bs-primary-text-emphasis: #9aa9e0;
  --bs-secondary-text-emphasis: #fab2b1;
  --bs-success-text-emphasis: #7ac098;
  --bs-info-text-emphasis: #6bd0d6;
  --bs-warning-text-emphasis: #fccb88;
  --bs-danger-text-emphasis: #d9847a;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #111629;
  --bs-secondary-bg-subtle: #311919;
  --bs-success-bg-subtle: #071e11;
  --bs-info-bg-subtle: #022325;
  --bs-warning-bg-subtle: #32220b;
  --bs-danger-bg-subtle: #260a07;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #292c32;
  --bs-primary-border-subtle: #34437a;
  --bs-secondary-border-subtle: #944c4b;
  --bs-success-border-subtle: #145a32;
  --bs-info-border-subtle: #056a70;
  --bs-warning-border-subtle: #966522;
  --bs-danger-border-subtle: #731e14;
  --bs-light-border-subtle: #d8d9d9;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: #fff;
  --bs-link-color: #9aa9e0;
  --bs-link-hover-color: #aebae7;
  --bs-link-color-rgb: 154, 169, 224;
  --bs-link-hover-color-rgb: 174, 186, 231;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #d7dbdf;
  --bs-highlight-bg: #644416;
  --bs-border-color: #313131;
  --bs-border-color-translucent: hsla(0, 0%, 100%, 0.15);
  --bs-form-valid-color: #7ac098;
  --bs-form-valid-border-color: #7ac098;
  --bs-form-invalid-color: #d9847a;
  --bs-form-invalid-border-color: #d9847a;
  --bs-gray-900: #202020;
  --bs-gray-900-rgb: 32, 32, 32;
  --bs-gray-800: #343a40;
  --bs-gray-800-rgb: 52, 58, 64;
  --bs-gray-700: #050c21;
  --bs-gray-700-rgb: 5, 12, 33;
  --bs-gray-600: #d7dbdf;
  --bs-gray-600-rgb: 215, 219, 223;
  --bs-gray-500: #2f2f2f;
  --bs-gray-500-rgb: 47, 47, 47;
  --bs-gray-400: #1c1e2f;
  --bs-gray-400-rgb: 28, 30, 47;
  --bs-gray-300: #222738;
  --bs-gray-300-rgb: 34, 39, 56;
  --bs-gray-200: #181818;
  --bs-gray-200-rgb: 24, 24, 24;
  --bs-gray-100: #181818;
  --bs-gray-100-rgb: 24, 24, 24;
  --bs-box-shadow: 0 0.063rem 1.875rem 0 rgba(30, 30, 36, 0.3);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(30, 30, 36, 0.1);
  --bs-box-shadow-lg: 0 0.625rem 1.875rem rgba(30, 30, 36, 0.5);
  --bs-box-shadow-inset: inset 0 0.25rem 0.5rem rgba(30, 30, 36, 0.16);
  color-scheme: dark;
}

body {
  --sidebar-width: 16.2rem;
  --sidebar-transition: color, background-color, background-image, transform, width, max-width, height, margin, padding;
  --sidebar-transition-duration: 100ms;
  --sidebar-transition-function-ease: ease-out;
  --sidebar-transition-function-ease-in-out: ease-out;
}

a {
  color: var(--bs-primary);
  transition:
    color 0.4s ease,
    background 0.4s ease;
  text-decoration: none;
}

.btn {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 600;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.25rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: 0 0px 0px 0 rgba(30, 30, 36, 0);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  color: var(--bs-btn-color);
  cursor: pointer;
  display: inline-block;
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  padding: 0.3em 0.8em;
  text-align: center;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.btn-white,
.btn-white:hover {
  background-color: var(--bs-white);
  color: var(--bs-body-color);
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}

.btn-check + .btn:hover {
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  color: var(--bs-btn-color);
}

.btn:focus-visible {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  color: var(--bs-btn-hover-color);
  outline: 0;
}

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  outline: 0;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
  color: var(--bs-btn-active-color);
}

.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  color: var(--bs-btn-disabled-color);
  opacity: var(--bs-btn-disabled-opacity);
  pointer-events: none;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-hover-bg);
  --bs-btn-hover-border-color: var(--bs-primary-hover-border);
  --bs-btn-active-bg: var(--bs-primary-active-bg);
  --bs-btn-active-border-color: var(--bs-primary-active-border);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-hover-bg);
  --bs-btn-hover-border-color: var(--bs-primary-hover-border);
  --bs-btn-active-bg: var(--bs-primary-active-bg);
  --bs-btn-active-border-color: var(--bs-primary-active-border);
  --bs-btn-disabled-bg: var(--bs-primary-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-primary-subtle {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: var(--bs-primary-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-primary-hover-bg);
  --bs-btn-active-bg: var(--bs-primary-active-bg);
  --bs-btn-disabled-bg: var(--bs-primary);
}

.bg-primary-subtle {
  color: var(--bs-primary);
}

.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-secondary-hover-bg);
  --bs-btn-hover-border-color: var(--bs-secondary-hover-border);
  --bs-btn-active-bg: var(--bs-secondary-active-bg);
  --bs-btn-active-border-color: var(--bs-secondary-active-border);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-secondary-hover-bg);
  --bs-btn-hover-border-color: var(--bs-secondary-hover-border);
  --bs-btn-active-bg: var(--bs-secondary-active-bg);
  --bs-btn-active-border-color: var(--bs-secondary-active-border);
  --bs-btn-disabled-bg: var(--bs-secondary-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-secondary-subtle {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-bg: var(--bs-secondary-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-secondary-hover-bg);
  --bs-btn-active-bg: var(--bs-secondary-active-bg);
  --bs-btn-disabled-bg: var(--bs-secondary);
}

.bg-secondary-subtle {
  color: var(--bs-secondary);
}

.btn-success {
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-bg: var(--bs-success-hover-bg);
  --bs-btn-hover-border-color: var(--bs-success-hover-border);
  --bs-btn-active-bg: var(--bs-success-active-bg);
  --bs-btn-active-border-color: var(--bs-success-active-border);
  --bs-btn-disabled-bg: var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
}

.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-bg: var(--bs-success-hover-bg);
  --bs-btn-hover-border-color: var(--bs-success-hover-border);
  --bs-btn-active-bg: var(--bs-success-active-bg);
  --bs-btn-active-border-color: var(--bs-success-active-border);
  --bs-btn-disabled-bg: var(--bs-success-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-success);
}

.btn-success-subtle {
  --bs-btn-color: var(--bs-success);
  --bs-btn-bg: var(--bs-success-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-success-hover-bg);
  --bs-btn-active-bg: var(--bs-success-active-bg);
  --bs-btn-disabled-bg: var(--bs-success);
}

.bg-success-subtle {
  color: var(--bs-success);
}

.btn-info {
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-bg: var(--bs-info-hover-bg);
  --bs-btn-hover-border-color: var(--bs-info-hover-border);
  --bs-btn-active-bg: var(--bs-info-active-bg);
  --bs-btn-active-border-color: var(--bs-info-active-border);
  --bs-btn-disabled-bg: var(--bs-info);
  --bs-btn-disabled-border-color: var(--bs-info);
}

.btn-outline-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-bg: var(--bs-info-hover-bg);
  --bs-btn-hover-border-color: var(--bs-info-hover-border);
  --bs-btn-active-bg: var(--bs-info-active-bg);
  --bs-btn-active-border-color: var(--bs-info-active-border);
  --bs-btn-disabled-bg: var(--bs-info-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-info);
}

.btn-info-subtle {
  --bs-btn-color: var(--bs-info);
  --bs-btn-bg: var(--bs-info-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-info-hover-bg);
  --bs-btn-active-bg: var(--bs-info-active-bg);
  --bs-btn-disabled-bg: var(--bs-info);
}

.bg-info-subtle {
  color: var(--bs-info);
}

.btn-warning {
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-bg: var(--bs-warning-hover-bg);
  --bs-btn-hover-border-color: var(--bs-warning-hover-border);
  --bs-btn-active-bg: var(--bs-warning-active-bg);
  --bs-btn-active-border-color: var(--bs-warning-active-border);
  --bs-btn-disabled-bg: var(--bs-warning);
  --bs-btn-disabled-border-color: var(--bs-warning);
}

.btn-outline-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-bg: var(--bs-warning-hover-bg);
  --bs-btn-hover-border-color: var(--bs-warning-hover-border);
  --bs-btn-active-bg: var(--bs-warning-active-bg);
  --bs-btn-active-border-color: var(--bs-warning-active-border);
  --bs-btn-disabled-bg: var(--bs-warning-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-warning);
}

.btn-warning-subtle {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-bg: var(--bs-warning-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-warning-hover-bg);
  --bs-btn-active-bg: var(--bs-warning-active-bg);
  --bs-btn-disabled-bg: var(--bs-warning);
}

.bg-warning-subtle {
  color: var(--bs-warning);
}

.btn-danger {
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-bg: var(--bs-danger-hover-bg);
  --bs-btn-hover-border-color: var(--bs-danger-hover-border);
  --bs-btn-active-bg: var(--bs-danger-active-bg);
  --bs-btn-active-border-color: var(--bs-danger-active-border);
  --bs-btn-disabled-bg: var(--bs-danger);
  --bs-btn-disabled-border-color: var(--bs-danger);
}

.btn-outline-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-bg: var(--bs-danger-hover-bg);
  --bs-btn-hover-border-color: var(--bs-danger-hover-border);
  --bs-btn-active-bg: var(--bs-danger-active-bg);
  --bs-btn-active-border-color: var(--bs-danger-active-border);
  --bs-btn-disabled-bg: var(--bs-danger-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-danger);
}

.btn-danger-subtle {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-bg: var(--bs-danger-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-danger-hover-bg);
  --bs-btn-active-bg: var(--bs-danger-active-bg);
  --bs-btn-disabled-bg: var(--bs-danger);
}

.bg-danger-subtle {
  color: var(--bs-danger);
}

.btn-light {
  --bs-btn-bg: var(--bs-light);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-bg: var(--bs-light-hover-bg);
  --bs-btn-hover-border-color: var(--bs-light-hover-border);
  --bs-btn-active-bg: var(--bs-light-active-bg);
  --bs-btn-active-border-color: var(--bs-light-active-border);
  --bs-btn-disabled-bg: var(--bs-light);
  --bs-btn-disabled-border-color: var(--bs-light);
}

.btn-outline-light {
  --bs-btn-color: var(--bs-light);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-bg: var(--bs-light-hover-bg);
  --bs-btn-hover-border-color: var(--bs-light-hover-border);
  --bs-btn-active-bg: var(--bs-light-active-bg);
  --bs-btn-active-border-color: var(--bs-light-active-border);
  --bs-btn-disabled-bg: var(--bs-light-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-light);
}

.btn-light-subtle {
  --bs-btn-color: var(--bs-light);
  --bs-btn-bg: var(--bs-light-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-light-hover-bg);
  --bs-btn-active-bg: var(--bs-light-active-bg);
  --bs-btn-disabled-bg: var(--bs-light);
}

.bg-light-subtle {
  color: var(--bs-light);
}

.btn-dark {
  --bs-btn-bg: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-dark-hover-bg);
  --bs-btn-hover-border-color: var(--bs-dark-hover-border);
  --bs-btn-active-bg: var(--bs-dark-active-bg);
  --bs-btn-active-border-color: var(--bs-dark-active-border);
  --bs-btn-disabled-bg: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
}

.btn-outline-dark {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-dark-hover-bg);
  --bs-btn-hover-border-color: var(--bs-dark-hover-border);
  --bs-btn-active-bg: var(--bs-dark-active-bg);
  --bs-btn-active-border-color: var(--bs-dark-active-border);
  --bs-btn-disabled-bg: var(--bs-dark-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-dark);
}

.btn-dark-subtle {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-bg: var(--bs-dark-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-dark-hover-bg);
  --bs-btn-active-bg: var(--bs-dark-active-bg);
  --bs-btn-disabled-bg: var(--bs-dark);
}

.bg-dark-subtle {
  color: var(--bs-dark);
}

.btn-gray {
  --bs-btn-bg: var(--bs-gray);
  --bs-btn-border-color: var(--bs-gray);
  --bs-btn-hover-bg: var(--bs-gray-hover-bg);
  --bs-btn-hover-border-color: var(--bs-gray-hover-border);
  --bs-btn-active-bg: var(--bs-gray-active-bg);
  --bs-btn-active-border-color: var(--bs-gray-active-border);
  --bs-btn-disabled-bg: var(--bs-gray);
  --bs-btn-disabled-border-color: var(--bs-gray);
}

.btn-outline-gray {
  --bs-btn-color: var(--bs-gray);
  --bs-btn-border-color: var(--bs-gray);
  --bs-btn-hover-bg: var(--bs-gray-hover-bg);
  --bs-btn-hover-border-color: var(--bs-gray-hover-border);
  --bs-btn-active-bg: var(--bs-gray-active-bg);
  --bs-btn-active-border-color: var(--bs-gray-active-border);
  --bs-btn-disabled-bg: var(--bs-gray-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-gray);
}

.btn-gray-subtle {
  --bs-btn-color: var(--bs-gray);
  --bs-btn-bg: var(--bs-gray-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-gray-hover-bg);
  --bs-btn-active-bg: var(--bs-gray-active-bg);
  --bs-btn-disabled-bg: var(--bs-gray);
}

.bg-gray-subtle {
  color: var(--bs-gray);
}

.btn-gray-dark {
  --bs-btn-bg: var(--bs-gray-dark);
  --bs-btn-border-color: var(--bs-gray-dark);
  --bs-btn-hover-bg: var(--bs-gray-dark-hover-bg);
  --bs-btn-hover-border-color: var(--bs-gray-dark-hover-border);
  --bs-btn-active-bg: var(--bs-gray-dark-active-bg);
  --bs-btn-active-border-color: var(--bs-gray-dark-active-border);
  --bs-btn-disabled-bg: var(--bs-gray-dark);
  --bs-btn-disabled-border-color: var(--bs-gray-dark);
}

.btn-outline-gray-dark {
  --bs-btn-color: var(--bs-gray-dark);
  --bs-btn-border-color: var(--bs-gray-dark);
  --bs-btn-hover-bg: var(--bs-gray-dark-hover-bg);
  --bs-btn-hover-border-color: var(--bs-gray-dark-hover-border);
  --bs-btn-active-bg: var(--bs-gray-dark-active-bg);
  --bs-btn-active-border-color: var(--bs-gray-dark-active-border);
  --bs-btn-disabled-bg: var(--bs-gray-dark-bg-subtle);
  --bs-btn-disabled-border-color: var(--bs-gray-dark);
}

.btn-gray-dark-subtle {
  --bs-btn-color: var(--bs-gray-dark);
  --bs-btn-bg: var(--bs-gray-dark-bg-subtle);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-gray-dark-hover-bg);
  --bs-btn-active-bg: var(--bs-gray-dark-active-bg);
  --bs-btn-disabled-bg: var(--bs-gray-dark);
}

.avatar-40 {
  height: 2.5rem;
  line-height: 2.5rem;
  min-width: 2.5rem;
  width: 2.5rem;
}

.avatar-40,
.avatar-45 {
  border-radius: 0.25rem;
  -o-object-fit: cover;
  object-fit: cover;
  text-align: center;
}

.card {
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: var(--bs-heading-color);
  --bs-card-subtitle-color: ;
  --bs-card-border-width: 0;
  --bs-card-border-color: rgba(30, 30, 36, 0.125);
  --bs-card-border-radius: var(--bs-border-radius-lg);
  --bs-card-box-shadow: var(--bs-box-shadow);
  --bs-card-inner-border-radius: calc(var(--bs-border-radius-lg));
  --bs-card-cap-padding-y: 1.5rem;
  --bs-card-cap-padding-x: 1.5rem;
  --bs-card-cap-bg: transparent;
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-gray-900);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 1rem;
  word-wrap: break-word;
  background-clip: border-box;
  background-color: var(--bs-card-bg);
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  color: var(--bs-body-color);
  display: flex;
  flex-direction: column;
  height: var(--bs-card-height);
  min-width: 0;
  position: relative;
}

.card > hr {
  margin-left: 0;
  margin-right: 0;
}

.card > .list-group {
  border-bottom: inherit;
  border-top: inherit;
}

.card > .list-group:first-child {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-top-width: 0;
}

.card > .list-group:last-child {
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-width: 0;
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  color: var(--bs-card-color);
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}

.card-title {
  color: var(--bs-card-title-color);
  margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
  color: var(--bs-card-subtitle-color);
  margin-top: calc(var(--bs-card-title-spacer-y) * -0.5);
}

.card-subtitle,
.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  margin-bottom: 0;
  padding: 1rem;
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  border-bottom: 0;
  margin-bottom: calc(var(--bs-card-cap-padding-y) * -1);
  margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
  margin-right: calc(var(--bs-card-cap-padding-x) * -0.5);
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
  margin-right: calc(var(--bs-card-cap-padding-x) * -0.5);
}

.card-img-overlay {
  border-radius: var(--bs-card-inner-border-radius);
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  position: absolute;
  right: 0;
  top: 0;
}

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }

  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }

  .card-group > .card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}

/* Auth page styles */
.iq-auth-page .container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.iq-auth-page .iq-auth-container {
  height: 100vh;
}

.iq-auth-logo {
  position: absolute;
  z-index: 50;
}

.iq-banner-logo {
  height: auto;
  max-width: 80rem;
  min-height: 100%;
  min-width: 70rem;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

.iq-banner-logo .auth-image {
  height: 40rem;
  left: 7rem;
  position: absolute;
  top: 11rem;
  transform: scale(2.5);
}

.iq-link {
  z-index: 1;
}

.iq-auth-container {
  position: relative;
  z-index: 10;
}

.container-inside {
  position: absolute;
  right: 23rem;
  top: 7rem;
}

.container-inside .main-circle {
  animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
  background: var(--bs-primary);
  border-radius: 50rem;
}

.container-inside .main-circle.circle-small {
  animation-delay: 0s;
  height: 18.75rem;
  opacity: 0.4;
  position: absolute;
  right: -9.375rem;
  top: 12.5rem;
  width: 18.75rem;
}

.container-inside .main-circle.circle-medium {
  animation-delay: 0.3s;
  height: 37.5rem;
  opacity: 0.3;
  position: absolute;
  right: -18.75rem;
  top: 3.125rem;
  width: 37.5rem;
}

.container-inside .main-circle.circle-large {
  animation-delay: 0.6s;
  height: 56.25rem;
  opacity: 0.2;
  position: absolute;
  right: -28.125rem;
  top: -6.25rem;
  width: 56.25rem;
}

.container-inside .main-circle.circle-xlarge {
  animation-delay: 0.9s;
  height: 75rem;
  opacity: 0.1;
  position: absolute;
  right: -37.5rem;
  top: -15.625rem;
  width: 75rem;
}

.container-inside .main-circle.circle-xxlarge {
  animation-delay: 1.2s;
  height: 93.75rem;
  opacity: 0.05;
  position: absolute;
  right: -46.875rem;
  top: -25rem;
  width: 93.75rem;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 1.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.55);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.359rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.188rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 1rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.188rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(108, 117, 125, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: 0.25rem;
  --bs-navbar-toggler-focus-width: 0rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  position: relative;
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  align-items: center;
  display: flex;
  flex-wrap: inherit;
  justify-content: space-between;
}

.navbar-brand {
  color: var(--bs-navbar-brand-color);
  font-size: var(--bs-navbar-brand-font-size);
  margin-right: var(--bs-navbar-brand-margin-end);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  padding-top: var(--bs-navbar-brand-padding-y);
  white-space: nowrap;
}

.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-font-weight: 500;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}

.navbar-text {
  color: var(--bs-navbar-color);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  align-items: center;
  flex-grow: 1;
}

.navbar-toggler {
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  color: var(--bs-navbar-color);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}

.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  outline: 0;
  text-decoration: none;
}

.navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }

  .navbar-expand-sm .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }

  .navbar-expand-md .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  .navbar-expand-lg .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xl .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}

@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xxl .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0;
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-left: var(--bs-navbar-nav-link-padding-x);
  padding-right: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  background-color: transparent !important;
  border: 0 !important;
  flex-grow: 1;
  height: auto !important;
  position: static;
  transform: none !important;
  transition: none;
  visibility: visible !important;
  width: auto !important;
  z-index: auto;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  overflow-y: visible;
  padding: 0;
}

.navbar-dark,
.navbar[data-bs-theme='dark'] {
  --bs-navbar-color: hsla(0, 0%, 100%, 0.55);
  --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.75);
  --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1);
}

.navbar-dark,
.navbar[data-bs-theme='dark'],
[data-bs-theme='dark'] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.sidebar {
  background-color: var(--bs-gray-900);
  bottom: 0;
  box-shadow: 0 0 30px rgba(var(--bs-primary-rgb), 0.05);
  color: var(--bs-primary);
  display: block;
  max-width: var(--sidebar-width);
  position: fixed;
  top: 0;
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease);
  width: 100%;
  z-index: 910;
}

.sidebar .sidebar-body {
  overflow: hidden;
  padding-right: 1rem;
}

.sidebar .data-scrollbar {
  max-height: 87vh;
}

.sidebar .sidebar-header {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 0.5rem;
}

.sidebar .sidebar-logo {
  margin-bottom: 0;
  margin-left: 1rem;
  transition-duration: var(--sidebar-transition-duration);
  transition-property: transform, opacity;
  transition-timing-function: var(--sidebar-transition-function-ease);
}

.sidebar .navbar-brand {
  align-items: center;
  border-bottom: var(--bs-border-width) solid var(--bs-border-color);
  display: flex;
  padding: 1.73rem 1rem;
}

.sidebar .navbar-brand svg {
  color: var(--bs-primary);
}

.sidebar .navbar-brand .logo-title {
  color: #1e1e24;
  margin-bottom: 0;
  margin-left: 1rem;
  opacity: 1;
  transform: translateX(0);
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease);
}

.sidebar .logo-main .logo-mini {
  height: 31px;
  min-height: 31px;
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.3s ease-in-out;
}

.sidebar .logo-main .logo-normal {
  height: 36px;
  min-height: 36px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  transform: translateX(30px);
}

.nav .sidebar-toggle {
  align-items: center;
  background: var(--bs-primary);
  border-radius: 50rem;
  color: var(--bs-white);
  cursor: pointer;
  display: flex;
  display: none;
  height: 26px;
  justify-content: center;
  left: 20px;
  line-height: 19px;
  padding: 0.2rem;
  position: absolute;
  right: auto;
  text-align: center;
  top: auto;
  width: 26px;
  z-index: 911;
}

.sidebar .sidebar-toggle {
  background: var(--bs-primary);
  border-radius: 50rem;
  color: var(--bs-white);
  cursor: pointer;
  padding: 0.2rem;
  position: absolute;
  right: -12px;
  top: 30px;
}

.sidebar .sidebar-toggle,
.sidebar .sidebar-toggle:hover {
  box-shadow: 0 0.063rem 1.875rem 0 rgba(30, 30, 36, 0.08);
}

.sidebar .sidebar-toggle .icon {
  display: flex;
  transform: rotate(0);
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease);
}

.sidebar.sidebar-mini .logo-mini {
  height: 31px;
  min-height: 31px;
  opacity: 1;
  transform: translateX(-75px);
  transition: all 0.3s ease-in-out;
}

.sidebar.sidebar-mini .logo-normal {
  height: 36px;
  min-height: 36px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.sidebar .logo-main .dark-mini,
.sidebar .logo-main .dark-normal {
  height: 35px;
  min-height: 35px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.sidebar-base .nav-item {
  color: var(--bs-gray-600);
  list-style: none;
  margin-top: 0.5rem;
  position: relative;
  transition-duration: var(--sidebar-transition-duration);
  transition-property: background-color, color, border-radius, transform, opacity, padding-left, padding-right;
  transition-timing-function: var(--sidebar-transition-function-ease);
}

.sidebar-base .nav-item:not(.static-item) {
  padding-left: 1rem;
}

.sidebar-base .nav-item.static-item .default-icon {
  color: var(--bs-heading-color);
  font-family: var(--bs-font-monospace);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.063rem;
  text-transform: uppercase;
}

.sidebar-base .nav-item .disabled {
  color: var(--bs-gray-400);
  cursor: unset !important;
}

.sidebar-base .nav-item .nav-link {
  align-items: center;
  color: inherit;
  cursor: pointer;
  display: flex;
  line-height: 1.5;
  padding: 0.657rem 1rem;
  text-transform: capitalize;
  white-space: nowrap;
}

.sidebar-base .nav-item .nav-link,
.sidebar-base .nav-item .nav-link.active {
  transition-duration: var(--sidebar-transition-duration);
  transition-property: background-color, color, border-radius, transform, opacity;
  transition-timing-function: var(--sidebar-transition-function-ease);
}

.sidebar-base .nav-item .nav-link.active,
.sidebar-base .nav-item .nav-link:hover {
  color: var(--bs-primary);
}

.sidebar-base .nav-item .nav-link .icon {
  color: var(--bs-heading-color);
  font-size: 1.125rem;
}

.sidebar-base .nav-item .nav-link.static-item {
  color: var(--bs-heading-color);
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  padding: 0 1rem;
}

.sidebar-base .nav-item .nav-link.static-item .mini-icon {
  display: none;
}

.sidebar-base .nav-item .nav-link .item-name {
  flex: 1;
  margin-left: 0.75rem;
  opacity: 1;
  transform: translateX(0);
}

.sidebar-base .nav-item .nav-link .sidenav-mini-icon {
  display: none;
  opacity: 0;
}

.sidebar-base .nav-item .nav-link:not(.disabled) {
  color: var(--bs-body-color);
}

.sidebar-base .nav-item .nav-link:not(.disabled) .right-icon {
  display: flex;
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease-in-out);
}

.sidebar-base .nav-item .nav-link:not(.disabled) .icon {
  display: flex;
}

.sidebar-base .nav-item .nav-link:not(.disabled).active .right-icon,
.sidebar-base .nav-item .nav-link:not(.disabled)[aria-expanded='true'] .right-icon {
  transform: rotate(90deg);
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease-in-out);
}

.sidebar-base .nav-item .nav-link:not(.disabled).active[aria-expanded='false'] .right-icon {
  transform: rotate(0);
}

.sidebar-base .nav-item .nav-link:not(.disabled).active[aria-expanded='false'] .right-icon,
.sidebar-base .sub-nav {
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease-in-out);
}

.sidebar-base .sub-nav {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

@media (max-width: 1199.98px) {
  .sidebar .logo-main .logo-normal {
    transform: translateX(30px);
  }
}

.content-inner {
  padding: calc(var(--bs-gutter-x, 1rem) * 2);
}

.main-content .content-inner {
  min-height: calc(100vh - 6.6rem);
}

.main-content .iq-banner:not(.hide) + .content-inner {
  min-height: calc(100vh - 12.313rem);
}

.main-content .content-inner.navbar-sticky-space {
  padding-top: 4.875em;
}

.sidebar + .main-content {
  margin-left: var(--sidebar-width);
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease-in-out);
}

@media (min-width: 1200px) {
  .sidebar + .main-content .nav .navbar-brand {
    display: none;
  }
}

.sidebar.sidebar-default .nav-link:not(.static-item) {
  --shadow-dark-color: var(--bs-primary-rgb);
}

.sidebar.sidebar-default .nav-link:not(.static-item).active,
.sidebar.sidebar-default .nav-link:not(.static-item)[aria-expanded='true'] {
  background: var(--bs-primary);
  color: var(--bs-white);
}

.sidebar.sidebar-default .nav-link:not(.static-item).active .icon,
.sidebar.sidebar-default .nav-link:not(.static-item)[aria-expanded='true'] .icon {
  color: var(--bs-white);
}

.sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded='true']) {
  background: var(--bs-primary-bg-subtle);
  box-shadow: unset;
  color: var(--bs-primary);
}

.sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded='true']) .icon {
  color: var(--bs-primary);
}

.sidebar.sidebar-default .sub-nav .nav-link:not(.static-item) {
  --shadow-dark-color: var(--bs-primary-rgb);
}

.sidebar.sidebar-default .sub-nav .nav-link:not(.static-item).active,
.sidebar.sidebar-default .sub-nav .nav-link:not(.static-item)[aria-expanded='true'] {
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary);
}

.sidebar.sidebar-default .sub-nav .nav-link:not(.static-item).active .icon,
.sidebar.sidebar-default .sub-nav .nav-link:not(.static-item)[aria-expanded='true'] .icon {
  color: var(--bs-primary);
}

.sidebar.sidebar-default .sub-nav .nav-link:not(.static-item):hover:not(.active):not([aria-expanded='true']) {
  background: var(--bs-primary-bg-subtle);
  box-shadow: unset;
  color: var(--bs-primary);
}

.sidebar.sidebar-default .sub-nav .nav-link:not(.static-item):hover:not(.active):not([aria-expanded='true']) .icon {
  color: var(--bs-primary);
}

.sidebar.navs-full-width .sidebar-body {
  padding-right: 0;
}

.sidebar.navs-full-width .sidebar-body .nav-item,
.sidebar.navs-full-width .sidebar-body .nav-item.static-item,
.sidebar.navs-full-width.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .navbar-nav .nav-item.static-item {
  padding: 0;
}

.sidebar.navs-full-width.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .navbar-nav .nav-item:not(.static-item) .nav-link {
  padding: 0.5rem 1rem 0.5rem 1.5rem;
}

.sidebar.navs-rounded .sidebar-body .nav-item,
.sidebar.navs-rounded .sidebar-body .nav-item.static-item {
  padding: 0;
}

.sidebar.navs-rounded .sidebar-body .nav-item .nav-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  padding: 0.5rem 1rem;
}

.sidebar.navs-rounded-all .sidebar-body .nav-item .nav-link {
  border-radius: 0.25rem;
}

.sidebar.navs-pill .sidebar-body .nav-item,
.sidebar.navs-pill .sidebar-body .nav-item.static-item {
  padding: 0;
}

.sidebar.navs-pill .sidebar-body .nav-item .nav-link {
  border-bottom-right-radius: 50rem !important;
  border-top-right-radius: 50rem !important;
  padding: 0.5rem 1rem;
}

.sidebar.navs-pill-all .sidebar-body .nav-item .nav-link {
  border-radius: 50rem !important;
}

.sidebar.left-bordered .sidebar-body:not(.sub-nav) > .nav-item.active:before,
.sidebar.left-bordered .sidebar-body:not(.sub-nav) > .nav-item:not(.static-item):before {
  left: -35%;
}

.sidebar.left-bordered .sidebar-body:not(.sub-nav) .nav-item:not(.static-item) {
  position: relative;
}

.sidebar.left-bordered .sidebar-body:not(.sub-nav) .nav-item:not(.static-item):before {
  background-color: var(--bs-primary);
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease-in-out);
  width: 4px;
  z-index: 1;
}

.sidebar.left-bordered .sidebar-body:not(.sub-nav) .nav-item:not(.static-item):hover:before {
  height: 100%;
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease-in-out);
  z-index: 1;
}

.sidebar.left-bordered .sidebar-body:not(.sub-nav) .nav-item:not(.static-item) .sub-nav .nav-item.active:before,
.sidebar.left-bordered .sidebar-body:not(.sub-nav) .nav-item:not(.static-item) .sub-nav .nav-item:hover:before {
  content: unset;
  height: 0;
}

.sidebar.left-bordered .sidebar-body:not(.sub-nav) .nav-item:not(.static-item).active:before {
  height: 100%;
}

.sidebar.left-bordered:not(.sidebar-color) .nav-item:not(.static-item) .nav-link.active,
.sidebar.left-bordered:not(.sidebar-color) .nav-item:not(.static-item) .nav-link:hover,
.sidebar.left-bordered:not(.sidebar-color) .nav-item:not(.static-item) .nav-link[aria-expanded='true'] {
  color: var(--bs-primary);
}

.sidebar.sidebar-dark {
  background: #1e1e24;
}

.sidebar.sidebar-dark .navbar-brand svg {
  color: var(--bs-white);
}

.sidebar.sidebar-dark .sidebar-header {
  border-bottom-color: #35353a;
}

.sidebar.sidebar-dark .sidebar-header .logo-title {
  color: #e9e9e9;
}

.sidebar.sidebar-dark .nav-item .nav-link:not(.active) {
  color: var(--bs-white);
}

.sidebar.sidebar-dark.sidebar-default .nav-link {
  --shadow-dark-color: #fff;
}

.sidebar.sidebar-dark.sidebar-default .nav-link.active {
  background-color: var(--bs-primary);
}

.sidebar.sidebar-dark.sidebar-default .nav-link:hover:not(.active) {
  color: var(--bs-primary);
}

.sidebar.sidebar-dark.sidebar-base .nav-item.static-item .default-icon,
.sidebar.sidebar-dark.sidebar-default .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded='true'] {
  color: var(--bs-white);
}

.sidebar.sidebar-color {
  background: var(--bs-primary);
}

.sidebar.sidebar-color .navbar-brand svg {
  color: var(--bs-white);
}

.sidebar.sidebar-color .sidebar-header {
  border-bottom-color: var(--bs-primary-bg-subtle);
}

.sidebar.sidebar-color .sidebar-header .logo-title {
  color: #e9e9e9;
}

.sidebar.sidebar-color .nav-item .nav-link:not(.active),
.sidebar.sidebar-color.left-bordered .sidebar-body .nav-item .nav-link.active {
  color: var(--bs-white);
}

.sidebar.sidebar-color.left-bordered .sidebar-body:not(.sub-nav) .nav-item:not(.static-item) {
  position: relative;
}

.sidebar.sidebar-color.left-bordered .sidebar-body:not(.sub-nav) .nav-item:not(.static-item):before {
  background-color: var(--bs-gray-900);
}

.sidebar.sidebar-color.sidebar-default .nav-link {
  --shadow-dark-color: #fff;
}

.sidebar.sidebar-color.sidebar-default .nav-link.active,
.sidebar.sidebar-color.sidebar-default .nav-link[aria-expanded='true'] {
  background-color: #fff;
  color: var(--bs-primary);
}

.sidebar.sidebar-color.sidebar-default .nav-link:hover:not(.active):not([aria-expanded='true']) {
  background: rgba(var(--bs-white-rgb), 0.1);
  color: #fff;
}

.sidebar.sidebar-color.sidebar-base .nav-item.static-item .default-icon {
  color: var(--bs-white);
}

.sidebar.sidebar-transparent {
  background-color: transparent;
  box-shadow: none;
}

@media (max-width: 1199.98px) {
  .sidebar.sidebar-transparent {
    background-color: var(--bs-gray-900);
  }
}

.sidebar.sidebar-glass {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: hsla(0, 0%, 100%, 0.1);
  border-right: 1px solid var(--bs-gray-900);
}

.sidebar.sidebar-glass.sidebar-boxed {
  border: 1px solid var(--bs-gray-900);
}

.sidebar.sidebar-hover:hover {
  --sidebar-width: 16.2rem;
  max-width: var(--sidebar-width);
}

.sidebar.sidebar-hover:hover .navbar-brand .logo-title,
.sidebar.sidebar-hover:hover .sidebar-logo {
  opacity: 1;
  transform: translateX(0);
}

.sidebar.sidebar-hover.sidebar-mini.sidebar-transparent:hover + .main-content {
  --sidebar-width: 16.2rem;
}

.sidebar.sidebar-hover.sidebar-mini:hover .logo-mini.dark-mini,
.sidebar.sidebar-hover.sidebar-mini:hover .logo-normal.dark-normal {
  opacity: 0;
}

.sidebar.sidebar-hover.sidebar-mini:hover .logo-normal {
  opacity: 1;
}

.sidebar.sidebar-hover.sidebar-mini:hover .logo-mini {
  opacity: 0;
}

@media (max-width: 1199.98px) {
  .sidebar.sidebar-hover:hover.sidebar-mini.sidebar-transparent:hover + .main-content {
    margin-left: 0;
  }
}

.sidebar.sidebar-mini {
  --sidebar-width: 4.8rem;
}

.sidebar.sidebar-mini + .main-content {
  --sidebar-width: 4.8rem;
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease);
}

.sidebar.sidebar-mini .navbar-brand .logo-title {
  opacity: 0;
  transform: translateX(-100%) scale(0);
}

.sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .sub-nav .nav-item {
  padding-left: 0;
}

.sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item.static-item {
  padding-left: 1rem;
}

.sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .sub-nav .nav-item .icon {
  display: none;
}

.sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .sub-nav .nav-link i.sidenav-mini-icon {
  display: block;
  font-style: inherit !important;
  margin-left: 0.25rem;
  opacity: 1;
}

.sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link:not(.static-item) span {
  opacity: 0;
  transform: translateX(-100%) scale(0);
  transition:
    background-color 0.4s ease-in-out,
    color 0.4s ease-in-out,
    border-radius 0.4s ease-in-out,
    transform 0.4s ease-in-out,
    opacity 0.4s ease-in-out;
}

.sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link:not(.static-item) span.sidenav-mini-icon {
  display: block;
  opacity: 1;
  transform: translateX(-100%) scale(1);
}

.sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link.static-item {
  justify-content: center;
  text-align: center;
}

.sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link.static-item .default-icon {
  display: none;
}

.sidebar.sidebar-mini.sidebar-base:not(.sidebar-hover:hover) .nav-item .nav-link.static-item .mini-icon {
  display: block;
  font-size: calc(1rem - 2px);
}

.sidebar.sidebar-mini.sidebar-base.navs-rounded:not(.sidebar-hover:hover) .nav-item.static-item {
  padding-left: 0;
}

.sidebar.sidebar-mini.sidebar-base.navs-rounded:not(.sidebar-hover:hover) .nav-item .nav-link {
  padding: 0.5rem 1rem;
}

.sidebar.sidebar-mini.sidebar-base.navs-pill:not(.sidebar-hover:hover) .nav-item.static-item {
  padding-left: 0;
}

.sidebar.sidebar-mini.sidebar-base.navs-pill:not(.sidebar-hover:hover) .nav-item .nav-link {
  padding: 0.5rem 1rem;
}

.sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled).active,
.sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded='true'] {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  box-shadow: unset;
  color: var(--bs-primary);
}

.sidebar-default:not(.left-bordered).sidebar-soft
  .navbar-nav
  .nav-item
  .nav-link:not(.disabled):hover:not(.active):not([aria-expanded='true']) {
  background-color: unset;
  box-shadow: none;
  color: var(--bs-primary);
}

.sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active,
.sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded='true'] {
  background-color: rgba(var(--bs-white-rgb), 0.1);
  box-shadow: unset;
  color: var(--bs-white);
}

.sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color
  .navbar-nav
  .nav-item
  .nav-link:not(.disabled):hover:not(.active):not([aria-expanded='true']) {
  background-color: rgba(var(--bs-white-rgb), 0.2);
  box-shadow: none;
  color: var(--bs-white);
}

.sidebar.sidebar-boxed {
  border-radius: 0.25rem;
  margin: 1rem;
}

.sidebar.sidebar-boxed + .main-content {
  margin-left: calc(var(--sidebar-width) + 2rem);
}

.sidebar.sidebar-boxed + .main-content .navbar {
  border-radius: 0.25rem;
  margin: 1rem 1rem 0;
}

.sidebar.sidebar-boxed + .main-content .footer {
  border-radius: 0.25rem;
  margin: 0 1rem 1rem;
}

.sidebar.sidebar-boxed.sidebar-mini + .main-content {
  --sidebar-width: 4.8rem;
  margin-left: calc(var(--sidebar-width) + 2rem);
}

.sidebar-none,
.sidebar-none + .main-content .sidebar-toggle {
  display: none;
}

.sidebar-none + .main-content .navbar-brand {
  margin-left: unset !important;
}

.sidebar-profile-action .btn-action:not(:last-child) {
  margin-right: 1rem;
}

.sidebar-mini .sidebar-profile-card .sidebar-profile-body {
  margin-left: 0.75rem;
}

.sidebar-mini .sidebar-profile-card .sidebar-profile-body .sidebar-profile-detail {
  display: none;
}

.sidebar-mini .sidebar-profile-card .sidebar-profile-action {
  padding-left: 0.5rem;
}

.sidebar-mini .sidebar-profile-card .sidebar-profile-action .btn-action:not(:last-child) {
  margin-bottom: 0.75rem;
  margin-right: 0;
}

.sidebar.sidebar-color .sidebar-profile-card .sidebar-profile-body .sidebar-profile-detail .h6,
.sidebar.sidebar-color .sidebar-profile-card .sidebar-profile-body .sidebar-profile-detail h6,
.sidebar.sidebar-dark .sidebar-profile-card .sidebar-profile-body .sidebar-profile-detail .h6,
.sidebar.sidebar-dark .sidebar-profile-card .sidebar-profile-body .sidebar-profile-detail h6 {
  color: #d3d5d9;
}

.sidebar.sidebar-color .logo-main .logo-mini,
.sidebar.sidebar-color .logo-main .logo-normal,
.sidebar.sidebar-dark .logo-main .logo-mini,
.sidebar.sidebar-dark .logo-main .logo-normal {
  opacity: 0;
}

.sidebar.sidebar-color .logo-main .dark-normal,
.sidebar.sidebar-dark .logo-main .dark-normal {
  opacity: 1;
  transform: translateX(-125px);
}

.sidebar.sidebar-color.sidebar-mini .logo-main .dark-normal,
.sidebar.sidebar-dark.sidebar-mini .logo-main .dark-normal {
  opacity: 0;
}

.sidebar.sidebar-color.sidebar-mini .logo-main .dark-mini,
.sidebar.sidebar-dark.sidebar-mini .logo-main .dark-mini {
  opacity: 1;
  transform: translateX(-110px);
}

.sidebar.sidebar-color.sidebar-hover.sidebar-mini:hover .logo-main .logo-normal,
.sidebar.sidebar-dark.sidebar-hover.sidebar-mini:hover .logo-main .logo-normal {
  opacity: 0;
}

.sidebar.sidebar-color.sidebar-hover.sidebar-mini:hover .logo-main .dark-normal,
.sidebar.sidebar-dark.sidebar-hover.sidebar-mini:hover .logo-main .dark-normal {
  opacity: 1;
}

.sidebar.sidebar-color .sidebar-profile-card .sidebar-profile-body .sidebar-profile-action .btn-action.btn-primary {
  background-color: #fff;
  color: var(--bs-primary);
}

.sidebar-toggle {
  background: var(--bs-primary);
  border-radius: 50rem;
  color: var(--bs-white);
  cursor: pointer;
  padding: 0.2rem;
  position: absolute;
  right: -12px;
  top: 16px;
}

.sidebar-toggle .icon {
  display: flex;
  transform: rotate(0);
  transition: var(--sidebar-transition);
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease-in-out);
}

.sidebar-toggle .icon .icon-20 {
  display: block;
  height: 1.25rem;
  transition: transform;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease-in-out);
  width: 1.25rem;
}

@media (max-width: 1199.98px) {
  .sidebar-toggle {
    right: 18px;
  }
}

.sidebar.sidebar-mini .sidebar-toggle .icon-20 {
  transform: rotate(180deg);
  transition: transform;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-function-ease-in-out);
}

@media (max-width: 1199.98px) {
  .sidebar + .main-content {
    margin-left: 0;
  }

  .sidebar .sidebar-toggle {
    right: 18px;
  }

  .sidebar.sidebar-mini + .main-content {
    margin-left: 0;
  }

  .sidebar.sidebar-mini {
    transform: translateX(-250%);
  }

  .sidebar.sidebar-boxed + .main-content {
    margin-left: 0;
  }

  .sidebar.sidebar-boxed.sidebar-mini + .main-content {
    --sidebar-width: 0;
  }

  .dual-compact + .main-content,
  .dual-compact.dual-compact-mini + .main-content {
    margin-left: 0;
  }

  .dual-compact.dual-compact-mini {
    transform: translateX(-100%);
  }
}

.iq-navbar.navs-color {
  background: var(--bs-primary);
}

.iq-navbar.navs-color .navbar-nav .nav-item .nav-link {
  color: #fff;
}

.iq-navbar {
  z-index: 889;
}

.iq-navbar.nav-glass {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(120deg, hsla(0, 0%, 100%, 0.5) -8%, hsla(0, 0%, 100%, 0.01) 120%);
  border-bottom: 1px solid #fff;
}

.iq-navbar.nav-glass .navbar-nav .nav-item .nav-link {
  color: #fff;
}

.iq-navbar.nav-glass .navbar-nav .nav-item .nav-link:active,
.iq-navbar.nav-glass .navbar-nav .nav-item .nav-link:hover {
  color: #dee2e6;
}

.iq-navbar.nav-glass .navbar-nav .caption .caption-title {
  color: #fff;
}

.iq-navbar.nav-glass .navbar-nav .caption .caption-sub-title {
  color: #dee2e6;
}

.iq-navbar .nav-link {
  color: var(--bs-body-color);
}

.iq-navbar .nav-link.btn.show,
.iq-navbar .nav-link.btn:hover {
  color: var(--bs-white);
}

.iq-navbar .navbar-list .nav-item .nav-link i {
  font-size: 1.25rem;
}

.iq-navbar.navbar-expand-lg.navs-transparent {
  background: 0 0;
}

.iq-navbar.navbar-expand-lg.navs-transparent .nav-item .nav-link {
  color: #fff;
}

.iq-navbar.navbar-expand-lg.navs-transparent .nav-item .nav-link:active,
.iq-navbar.navbar-expand-lg.navs-transparent .nav-item .nav-link:hover {
  color: #dee2e6;
}

.iq-navbar.navbar-expand-lg.navs-transparent .caption .caption-title {
  color: #fff;
}

.iq-navbar.navbar-expand-lg.navs-transparent .caption .caption-sub-title {
  color: #dee2e6;
}

.iq-navbar.navs-sticky {
  position: sticky;
  top: 0;
  width: 100%;
}

.iq-navbar.navs-sticky.menu-sticky {
  position: fixed !important;
  top: 0;
}

.iq-navbar.navs-transparent {
  background-color: hsla(0, 0%, 100%, 0);
}

.iq-navbar .dropdown .dropdown-menu[data-bs-popper] {
  animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  top: 110%;
}

.iq-navbar .dropdown .dropdown-menu.sub-drop {
  animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  border-radius: 0.25rem;
  width: 300px;
}

.iq-navbar .dropdown .dropdown-menu.sub-drop li a {
  color: var(--bs-body-color);
}

.iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card {
  color: var(--bs-body-color);
  cursor: pointer;
  display: inline-block;
  padding: 0.75rem 1.25rem !important;
  transition: all 0.4s ease;
  width: 100%;
}

.iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:hover {
  background: var(--bs-primary-tint-90);
}

.iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:not(:last-child) {
  border-bottom: 1px solid var(--bs-border-color);
}

.iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.nav {
  background: var(--bs-gray-900);
}

.nav .navbar-inner {
  padding: 0 calc(var(--bs-gutter-x, 1rem) * 2);
}

@media (max-width: 1199.98px) {
  .iq-navbar .navbar-brand {
    margin-left: 2rem;
  }
}

@media (max-width: 1199.98px) {
  .iq-nav-menu li a {
    padding-left: 1rem;
  }

  .iq-nav-menu li a .right-icon {
    transition: all 0.1s ease-in-out;
  }

  .iq-nav-menu li a:not(.collapsed)[aria-expanded='true'] {
    color: var(--bs-primary);
  }

  .iq-nav-menu li a:not(.collapsed)[aria-expanded='true'] .right-icon {
    transform: rotate(90deg);
    transition: all 0.1s ease-in-out;
  }

  .offcanvas-end.iq-product-menu-responsive,
  .offcanvas-start.iq-product-menu-responsive {
    padding-top: 3.7rem;
    position: fixed;
    top: 3.7rem;
  }

  .product-offcanvas {
    position: relative;
  }

  .product-offcanvas .offcanvas-backdrop {
    position: fixed;
    top: 3.7rem !important;
  }

  .iq-responsive-menu {
    display: block;
  }

  .iq-navbar .navbar-collapse:not(.offcanvas-collapse) {
    background: var(--bs-gray-900);
    box-shadow: var(--bs-box-shadow-sm);
    flex-grow: unset;
    transition: all 0.4s ease;
    z-index: 1081;
  }
}

@media (max-width: 991.98px) {
  .iq-navbar .navbar-collapse:not(.offcanvas-collapse) {
    background: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(30, 30, 36, 0.1);
    flex-grow: unset;
    transition: all 0.4s ease;
    z-index: 1081;
  }

  .iq-navbar .navbar-collapse .navbar-nav.navbar-list:not(.offcanvas-collapse) {
    flex-direction: row;
    float: right;
  }

  .iq-navbar .dropdown .dropdown-menu[data-bs-popper] {
    top: 126%;
  }
}

.header {
  background-repeat: no-repeat;
  background-size: cover;
  height: 18.75rem;
}

.header .navbar-light .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.header .navbar-light .navbar-nav .nav-item .nav-link {
  color: #6e8192;
}

.header .navbar-light .navbar-nav .nav-item .nav-link:active,
.header .navbar-light .navbar-nav .nav-item .nav-link:focus,
.header .navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: var(--bs-primary);
}

.header-hover-menu .iq-nav-menu li.active > a {
  color: var(--bs-primary);
}

.header-hover-menu .iq-nav-menu li .nav-link.active {
  color: var(--bs-primary);
  font-weight: 500;
}

.header-hover-menu.iq-nav-menu .nav-item > .nav-link:hover {
  color: var(--bs-primary);
}

@media (min-width: 1200px) {
  .header-hover-menu .iq-nav-menu li:hover > ul {
    display: block;
  }

  .header-hover-menu .iq-nav-menu li.active > a {
    color: var(--bs-primary);
  }

  .header-hover-menu .iq-nav-menu li.active > a:after {
    background: var(--bs-primary);
    border-radius: var(--bs-border-radius);
    bottom: -0.7rem;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    top: unset;
    width: 100%;
    z-index: -1;
  }

  .header-hover-menu .iq-nav-menu > li:hover {
    border-color: transparent;
    padding: 0;
  }
}

@media (max-width: 1199.98px) {
  .header-hover-menu .iq-nav-menu li.active:after {
    background: var(--bs-primary);
    border-radius: var(--bs-border-radius);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: -1;
  }

  .header-hover-menu.iq-navbar .navbar-collapse:not(.offcanvas-collapse) {
    background: var(--bs-gray-900);
    box-shadow: var(--bs--box-shadow-sm);
    flex-grow: unset;
    transition: all 0.4s ease;
    z-index: 1081;
  }
}

@media (max-width: 1199.98px) {
  .row {
    --bs-gutter-x: 1.5rem;
  }

  .content-inner {
    padding: 1.5rem;
  }

  .card {
    margin-bottom: 1.5rem;
  }

  .nav .sidebar-toggle {
    left: 14px;
  }
}

@media (max-width: 1199.98px) {
  .nav .sidebar-toggle {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6e8192;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item:before {
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, '/login');
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 1rem;
  --bs-pagination-padding-y: 0.5rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-body-color);
  --bs-pagination-bg: var(--bs-gray-900);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-white);
  --bs-pagination-hover-bg: var(--bs-primary);
  --bs-pagination-hover-border-color: var(--bs-primary);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0;
  --bs-pagination-active-color: var(--bs-white);
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-disabled-color: var(--bs-body-color);
  --bs-pagination-disabled-bg: var(--bs-gray-100);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  list-style: none;
  padding-left: 0;
}

.page-link {
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  color: var(--bs-pagination-color);
  display: block;
  font-size: var(--bs-pagination-font-size);
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  position: relative;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}

.page-link:hover {
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
  color: var(--bs-pagination-hover-color);
  z-index: 2;
}

.page-link:focus {
  background-color: var(--bs-pagination-focus-bg);
  box-shadow: var(--bs-pagination-focus-box-shadow);
  color: var(--bs-pagination-focus-color);
  outline: 0;
  z-index: 3;
}

.active > .page-link,
.page-link.active {
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
  color: var(--bs-pagination-active-color);
  z-index: 3;
}

.disabled > .page-link,
.page-link.disabled {
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}

.page-item:first-child .page-link {
  border-bottom-left-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
  border-bottom-right-radius: var(--bs-pagination-border-radius);
  border-top-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.5rem;
  --bs-pagination-font-size: 1.188rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.125rem;
  --bs-pagination-font-size: 0.813rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-gray-900);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: var(--bs-primary-bg-subtle);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  border-color: var(--bs-table-border-color);
  margin-bottom: 1rem;
  vertical-align: center;
  width: 100%;
}

.table > :not(caption) > * > * {
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
}

.table {
  border-radius: 4px;
}

.table thead tr:first-child th:first-child {
  border-top-left-radius: 4px;
}

.table thead tr:first-child th:last-child {
  border-top-right-radius: 4px;
}

.table thead {
  white-space: nowrap;
}

.table thead tr {
  background-color: var(--bs-primary);
}

.table thead tr th {
  background: 0 0;
  color: var(--bs-white);
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: capitalize;
}

.table > tbody {
  vertical-align: inherit;
}

.table > thead {
  vertical-align: bottom;
}

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

.footer {
  background: var(--bs-gray-900);
  font-size: 14px;
  z-index: 9;
}

.footer .footer-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1rem calc(var(--bs-gutter-x, 1rem) * 2);
}

@media (max-width: 767.98px) {
  .footer .footer-body {
    justify-content: center;
  }
}

.footer.sticky {
  bottom: 0;
  position: sticky;
}

.footer.glass {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: hsla(0, 0%, 100%, 0.1);
  border-top: 1px solid #fff;
}

h5.table-header {
  margin: 0.5em 0em 0.4em 0.5em;
}

.card-header.table-header {
  padding: 0;
}