html, body {
  overflow-x: hidden;
}
/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  display: none;
}

/* Firefox */
body {
  scrollbar-width: none;
}

:root {
  --cl-accent: #4618a1 !important;
  --cl-accent-rgb: 70, 24, 161 !important;
  --cl-background-primary: #080311 !important;
  --cl-background-primary-rgb: 8, 3, 17 !important;
  --cl-background-secondary: #120727 !important;
  --cl-background-secondary-rgb: 18, 7, 39 !important;
  --cl-border: #2b1457 !important;
  --cl-border-rgb: 43, 20, 87 !important;
  --bs-primary: #4618a1 !important;
  --bs-primary-rgb: 70, 24, 161 !important;
}
body, .bg-body, .page-wrapper {
  background-color: #080311 !important;
}
.btn-primary, .button-primary, [class*="btn-primary"] {
  background: linear-gradient(135deg, #4618a1 0%, #5a24c7 55%, #7a4ae6 100%) !important;
  border-color: rgba(122, 74, 230, 0.45) !important;
}