:root {
  /* Brand  Colors */
  --primary: #12B76A;
  --secondary: #12B76A;
  --cyan: #00B1FF;
  --cyan-30: #00B1FF4D;
  --turqoise: #00CECE;

  /* Gradient */
  --gradient0deg: linear-gradient(0deg, var(--cyan), var(--turqoise));
  --gradient45deg: linear-gradient(45deg, var(--cyan), var(--turqoise));

  /* Primary */
  --primary-25: #FBFCFE;
  --primary-50: #F1F6FD;
  --primary-100: #E0EBF9;
  --primary-200: #C9DDF4;
  --primary-300: #A3C7ED;
  --primary-400: #77A8E3;
  --primary-500: #578BDA;
  --primary-600: #4370CD;
  --primary-700: #3a5ebb;
  --primary-800: #30478D;
  --primary-900: #2E437A;

  /* Gray */
  --gray-25: #FCFCFD;
  --gray-50: #F9FAFB;
  --gray-100: #F2F4F7;
  --gray-200: #EAECF0;
  --gray-300: #D0D5DD;
  --gray-400: #98A2B3;
  --gray-500: #667085;
  --gray-600: #475467;
  --gray-700: #344054;
  --gray-800: #1D2939;
  --gray-900: #101828;

  /* Green */
  --success-25: #F6FEF9;
  --success-50: #ECFDF3;
  --success-100: #D1FADF;
  --success-200: #A6F4C5;
  --success-300: #6CE9A6;
  --success-400: #32D583;
  --success-500: #12B76A;
  --success-600: #039855;
  --success-700: #027A48;
  --success-800: #05603A;
  --success-900: #054F31;

  /* Warning */
  --warning-25: #FFFCF5;
  --warning-50: #FFFAEB;
  --warning-100: #FEF0C7;
  --warning-200: #FEDF89;
  --warning-300: #FEC84B;
  --warning-400: #FDB022;
  --warning-500: #F79009;
  --warning-600: #DC6803;
  --warning-700: #B54708;
  --warning-800: #93370D;
  --warning-900: #7A2E0E;

  /* Danger */
  --danger-25: #FFFBFA;
  --danger-50: #FEF3F2;
  --danger-100: #FEE4E2;
  --danger-200: #FECDCA;
  --danger-300: #FDA29B;
  --danger-400: #F97066;
  --danger-500: #F04438;
  --danger-600: #D92D20;
  --danger-700: #B42318;
  --danger-800: #912018;
  --danger-900: #7A271A;

  --base-white: #F9FAFB;
  --white: #fff;
  --translucent-white-65: #FFFFFFA6;

  --radius-16: 16px;

  --bs-box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);

  --font: "Inter", sans-serif;
  --font-highlight: "Allison", cursive;

  --dev-form-check-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='%234370CD'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%234370CD'/%3E%3Cpath d='M14.6673 6.5L8.25065 12.9167L5.33398 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --dev-bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3E%3C/svg%3E");
  --dev-bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");

  --dev-breadcrumb-icon: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.850098 0.5L7.0001 6.65C7.04792 6.69489 7.08602 6.74911 7.11212 6.80931C7.13812 6.8695 7.15162 6.9344 7.15162 7C7.15162 7.0656 7.13812 7.1305 7.11212 7.19069C7.08602 7.25089 7.04792 7.30511 7.0001 7.35L0.850098 13.5' stroke='%23101828' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

body {
  font-family: var(--font);
  font-optical-sizing: auto;
}

.btn {
  padding: .6rem 2rem;
  /* border: none; */
}

.btn-primary {
  background-color: var(--success-600)!important;
  border: none;
  color: var(--white);
  font-weight: 600;
}

.btn-primary:hover {
  background-color: var(--success-700)!important;
}

.btn-secondary {
  background-color: var(--success-50)!important;
  border: 1px solid var(--success-200);
  color: var(--primary-500);
  font-weight: 600;
}

.btn-secondary:hover {
  background-color: var(--primary-100)!important;
  color: var(--primary-500);
}

.bg-base-white {
  background-color: var(--base-white)!important;
}

.bg-primary-100 {
  background-color: var(--primary-100)!important;
}

.bg-primary-200 {
  background-color: var(--primary-200)!important;
}

.bg-primary-300 {
  background-color: var(--primary-300)!important;
}

.bg-primary-400 {
  background-color: var(--primary-400)!important;
}

.bg-primary-500 {
  background-color: var(--primary-500)!important;
}

.bg-primary-600 {
  background-color: var(--primary-600)!important;
}

.bg-primary-700 {
  background-color: var(--primary-700)!important;
}

.bg-primary-800 {
  background-color: var(--primary-800)!important;
}

.bg-primary-900 {
  background-color: var(--primary-900)!important;
}

.bg-gray-100 {
  background-color: var(--gray-100)!important;
}

.bg-gray-200 {
  background-color: var(--gray-200)!important;
}

.bg-gray-300 {
  background-color: var(--gray-300)!important;
}

.bg-gray-400 {
  background-color: var(--gray-400)!important;
}

.bg-gray-500 {
  background-color: var(--gray-500)!important;
}

.bg-gray-600 {
  background-color: var(--gray-600)!important;
}

.bg-gray-700 {
  background-color: var(--gray-700)!important;
}

.bg-gray-800 {
  background-color: var(--gray-800)!important;
}

.bg-gray-900 {
  background-color: var(--gray-900)!important;
}

.bg-success-25 {
  background-color: var(--success-25)!important;
}

.bg-success-50 {
  background-color: var(--success-50)!important;
}

.bg-success-100 {
  background-color: var(--success-100)!important;
}

.bg-success-200 {
  background-color: var(--success-200)!important;
}

.bg-success-300 {
  background-color: var(--success-300)!important;
}

.bg-success-400 {
  background-color: var(--success-400)!important;
}

.bg-success-500 {
  background-color: var(--success-500)!important;
}

.bg-success-600 {
  background-color: var(--success-600)!important;
}

.bg-success-700 {
  background-color: var(--success-700)!important;
}

.bg-success-800 {
  background-color: var(--success-800)!important;
}

.bg-success-900 {
  background-color: var(--success-900)!important;
}

.bg-warning-25 {
  background-color: var(--warning-25)!important;
}

.bg-warning-50 {
  background-color: var(--warning-50)!important;
}

.bg-warning-100 {
  background-color: var(--warning-100)!important;
}

.bg-warning-200 {
  background-color: var(--warning-200)!important;
}

.bg-warning-300 {
  background-color: var(--warning-300)!important;
}

.bg-warning-400 {
  background-color: var(--warning-400)!important;
}

.bg-warning-500 {
  background-color: var(--warning-500)!important;
}

.bg-warning-600 {
  background-color: var(--warning-600)!important;
}

.bg-warning-700 {
  background-color: var(--warning-700)!important;
}

.bg-warning-800 {
  background-color: var(--warning-800)!important;
}

.bg-warning-900 {
  background-color: var(--warning-900)!important;
}

.bg-danger-25 {
  background-color: var(--danger-25)!important;
}

.bg-danger-50 {
  background-color: var(--danger-50)!important;
}

.bg-danger-100 {
  background-color: var(--danger-100)!important;
}

.bg-danger-200 {
  background-color: var(--danger-200)!important;
}

.bg-danger-300 {
  background-color: var(--danger-300)!important;
}

.bg-danger-400 {
  background-color: var(--danger-400)!important;
}

.bg-danger-500 {
  background-color: var(--danger-500)!important;
}

.bg-danger-600 {
  background-color: var(--danger-600)!important;
}

.bg-danger-700 {
  background-color: var(--danger-700)!important;
}

.bg-danger-800 {
  background-color: var(--danger-800)!important;
}

.bg-danger-900 {
  background-color: var(--danger-900)!important;
}

.bg-white-65 {
  background-color: var(--translucent-white-65)!important;
}

.text-primary {
  color: var(--primary-600)!important;
}

.text-secondary {
  color: var(--secondary)!important;
}

.text-white-65 {
  color: var(--translucent-white-65)!important;
}

.text-primary-100 {
  color: var(--primary-100);
}

.text-primary-200 {
  color: var(--primary-200);
}

.text-primary-300 {
  color: var(--primary-300);
}

.text-primary-400 {
  color: var(--primary-400);
}

.text-primary-500 {
  color: var(--primary-500);
}

.text-primary-600 {
  color: var(--primary-600);
}

.text-primary-700 {
  color: var(--primary-700);
}

.text-primary-800 {
  color: var(--primary-800);
}

.text-primary-900 {
  color: var(--primary-900);
}

.text-white-65 {
  color: var(--translucent-white-65)!important;
}

.text-gray-100 {
  color: var(--gray-100);
}

.text-gray-200 {
  color: var(--gray-200);
}

.text-gray-300 {
  color: var(--gray-300);
}

.text-gray-400 {
  color: var(--gray-400);
}

.text-gray-500 {
  color: var(--gray-500);
}

.text-gray-600 {
  color: var(--gray-600);
}

.text-gray-700 {
  color: var(--gray-700);
}

.text-gray-800 {
  color: var(--gray-800);
}

.text-gray-900 {
  color: var(--gray-900);
}

.text-success-25 {
  color: var(--success-25)!important;
}

.text-success-50 {
  color: var(--success-50)!important;
}

.text-success-100 {
  color: var(--success-100)!important;
}

.text-success-200 {
  color: var(--success-200)!important;
}

.text-success-300 {
  color: var(--success-300)!important;
}

.text-success-400 {
  color: var(--success-400)!important;
}

.text-success-500 {
  color: var(--success-500)!important;
}

.text-success-600 {
  color: var(--success-600)!important;
}

.text-success-700 {
  color: var(--success-700)!important;
}

.text-success-800 {
  color: var(--success-800)!important;
}

.text-success-900 {
  color: var(--success-900)!important;
}

.text-warning-100 {
  color: var(--warning-100)!important;
}

.text-warning-200 {
  color: var(--warning-200)!important;
}

.text-warning-300 {
  color: var(--warning-300)!important;
}

.text-warning-400 {
  color: var(--warning-400)!important;
}

.text-warning-500 {
  color: var(--warning-500)!important;
}

.text-warning-600 {
  color: var(--warning-600)!important;
}

.text-warning-700 {
  color: var(--warning-700)!important;
}

.text-warning-800 {
  color: var(--warning-800)!important;
}

.text-warning-900 {
  color: var(--warning-900)!important;
}

.text-danger-100 {
  color: var(--danger-100)!important;
}

.text-danger-200 {
  color: var(--danger-200)!important;
}

.text-danger-300 {
  color: var(--danger-300)!important;
}

.text-danger-400 {
  color: var(--danger-400)!important;
}

.text-danger-500 {
  color: var(--danger-500)!important;
}

.text-danger-600 {
  color: var(--danger-600)!important;
}

.text-danger-700 {
  color: var(--danger-700)!important;
}

.text-danger-800 {
  color: var(--danger-800)!important;
}

.text-danger-900 {
  color: var(--danger-900)!important;
}

.border-primary-100 {
  border-color: var(--primary-100)!important;
}

.border-primary-200 {
  border-color: var(--primary-200)!important;
}

.border-primary-300 {
  border-color: var(--primary-300)!important;
}

.border-primary-400 {
  border-color: var(--primary-400)!important;
}

.border-primary-500 {
  border-color: var(--primary-500)!important;
}

.border-primary-600 {
  border-color: var(--primary-600)!important;
}

.border-primary-700 {
  border-color: var(--primary-700)!important;
}

.border-primary-800 {
  border-color: var(--primary-800)!important;
}

.border-primary-900 {
  border-color: var(--primary-900)!important;
}

.border-gray-100 {
  border-color: var(--gray-100)!important;
}

.border-gray-200 {
  border-color: var(--gray-200)!important;
}

.border-gray-300 {
  border-color: var(--gray-300)!important;
}

.border-gray-400 {
  border-color: var(--gray-400)!important;
}

.border-gray-500 {
  border-color: var(--gray-500)!important;
}

.border-gray-600 {
  border-color: var(--gray-600)!important;
}

.border-gray-700 {
  border-color: var(--gray-700)!important;
}

.border-gray-800 {
  border-color: var(--gray-800)!important;
}

.border-gray-900 {
  border-color: var(--gray-900)!important;
}

.border-success-25 {
  border-color: var(--success-25)!important;
}

.border-success-50 {
  border-color: var(--success-50)!important;
}

.border-success-100 {
  border-color: var(--success-100)!important;
}

.border-success-200 {
  border-color: var(--success-200)!important;
}

.border-success-300 {
  border-color: var(--success-300)!important;
}

.border-success-400 {
  border-color: var(--success-400)!important;
}

.border-success-500 {
  border-color: var(--success-500)!important;
}

.border-success-600 {
  border-color: var(--success-600)!important;
}

.border-success-700 {
  border-color: var(--success-700)!important;
}

.border-success-800 {
  border-color: var(--success-800)!important;
}

.border-success-900 {
  border-color: var(--success-900)!important;
}

.border-warning-100 {
  border-color: var(--warning-100)!important;
}

.border-warning-200 {
  border-color: var(--warning-200)!important;
}

.border-warning-300 {
  border-color: var(--warning-300)!important;
}

.border-warning-400 {
  border-color: var(--warning-400)!important;
}

.border-warning-500 {
  border-color: var(--warning-500)!important;
}

.border-warning-600 {
  border-color: var(--warning-600)!important;
}

.border-warning-700 {
  border-color: var(--warning-700)!important;
}

.border-warning-800 {
  border-color: var(--warning-800)!important;
}

.border-warning-900 {
  border-color: var(--warning-900)!important;
}

.border-danger-100 {
  border-color: var(--danger-100)!important;
}

.border-danger-200 {
  border-color: var(--danger-200)!important;
}

.border-danger-300 {
  border-color: var(--danger-300)!important;
}

.border-danger-400 {
  border-color: var(--danger-400)!important;
}

.border-danger-500 {
  border-color: var(--danger-500)!important;
}

.border-danger-600 {
  border-color: var(--danger-600)!important;
}

.border-danger-700 {
  border-color: var(--danger-700)!important;
}

.border-danger-800 {
  border-color: var(--danger-800)!important;
}

.border-danger-900 {
  border-color: var(--danger-900)!important;
}

.bg-gradient-0deg {
  background: var(--gradient0deg);
}

.bg-gradient-45deg {
  background: var(--gradient45deg);
}

.rounded {
  border-radius: var(--radius-16);
}

.header-filter::before {
  background: rgba(0, 0, 0, 0.15);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}