:root,
  [data-bs-theme="light"],
  [data-bs-theme="dark"] {
    --bs-purple:#3411AF !important;
    --bs-primary: #3411AF !important;
    --bs-primary-rgb: rgb(52,17,175) !important;
    --bs-primary-bg-subtle: color-mix(in sRGB, var(--bs-paper-bg) 84%, #3411AF);
    --bs-primary-border-subtle: rgba(52,17,175, 0.39) !important;
    --bs-primary-contrast: #000 !important;
    --bs-link-color: #3411AF !important;
    --bs-link-hover-color: #172796E3 !important;
    --bs-secondary: #172796E3 !important;
    --bs-secondary-rgb: rgb(102, 108, 232, 1) !important;
    --bs-secondary-bg-subtle: color-mix(in sRGB, var(--bs-paper-bg) 84%, #172796E3);
    --bs-secondary-border-subtle: rgba(102, 108, 232, 1, 0.39) !important;
    --bs-secondary-contrast: #000 !important;
    --bs-menu-color: #6F56C8 !important;
    --bs-menu-rbg: rgba(111,86,200, 0.95) !important;
  }

  .btn-primary {
    color: #fff;
    background-color: #3411AF !important;
    border-color: #3411AF !important;
  }
  .btn-primary:hover {
    background-color: #172796E3 !important;
    border-color: #172796E3 !important;
  }

  .bg-menu-theme .menu-inner-shadow {
    background: linear-gradient(#6F56C8 41%, rgba(111,86,200, 0.11) 95%, rgba(111,86,200, 0)) !important;
  }

  .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(72.47deg, var(--bs-primary) 22.16%, rgba(52,17,175, 0.7) 76.47%) !important;
    box-shadow: 0px 2px 6px 0px rgba(52,17,175, 0.48) !important;
  }

  .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle {
    background:rgba(52,17,175, 0.4) !important;
  }

  html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover {
    background:rgba(52,17,175, 0.4) !important;
 }

 .form-check-input:checked {
    background-color: #3411AF !important;
    border-color: #3411AF !important;
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: #3411AF transparent;
  }

  /* Branded scrollbar */
  * {
    scrollbar-width: thin;
    scrollbar-color: #3411AF transparent;
  }

  *::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  *::-webkit-scrollbar-thumb {
    background: #3411AF;
    border-radius: 999px;
    transition: background-color 0.2s ease;
  }

  *::-webkit-scrollbar-thumb:hover {
    background: #172796E3;
  }

  *::-webkit-scrollbar-corner {
    background: transparent;
  }