/* Primary Color: #0F1F3A
Secondary Color: #0B7D82
Accent: #FFBB00
Neutral Palette
Background light grey: #F5F7FA
Card background white: #F5F5F7
Divider grey: #D6DBE1
Font grey: #4A4F55

Status Colors
Success green: #1FA87A
Warning orange: #FFA726
Error red: #D32F2F */

:root {
  --primary-color: #0F1F3A;
  --secondary-color: #0B7D82;
  --brand-color: #F00;
  --success: #1FA87A;
  --warning: #FFA726;
  --danger: #D32F2F;

  --accent-color: #FFBB00;
  --gray-color: #4A4F55;
  --divider: #D6DBE1;

  /* background colors */
  --bg-white-card: #e4e8ef;
  --bg-light-gray: #F5F7FA;
  --bg-dark-blue: #0F1F3A;
}

.pr-bg-accent {
  background-color: var(--accent-color);
}

.pr-bg-white-card {
  background-color: var(--bg-white-card) !important;
  color: black !important;
}

.pr-text-red-brand {
  color: var(--brand-color) !important;
}

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

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

.pr-bg-red-brand {
  background-color: var(--brand-color) !important;
}

.pr-bg-dark-blue {
  background-color: var(--bg-dark-blue) !important;
}

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

.pr-bg-secondary, .pr-btn-secondary {
  background-color: var(--secondary-color) !important;
} 

.pr-btn-primary {
  background-color: var(--brand-color) !important;
}

.pr-btn-primary-transition {
  background-color: var(--secondary-color) !important;
  color: white;
  border: none !important;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out; 
}

.pr-btn-primary-transition:hover {
  background-color: var(--brand-color) !important;
}

.pr-btn-secondary-transition {
  background-color: var(--brand-color);
  color: white;
  border: none !important;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out; 
}

.pr-btn-secondary-transition:hover {
  background-color: var(--secondary-color) !important;
}

.pr-border-secondary {
  border: 1px solid var(--secondary-color) !important;
}

.pr-border-bottom-secondary {
  border-bottom: 1px dashed var(--secondary-color);
}

.pr-bg-secondary-opacity-80 {
  background-color: var(--brand-color);
  border-radius: 10px;
  opacity: 0.5;
}

.pr-border-divider {
  border-color: var(--divider) !important;
}

.pr-border-divider:hover {
  border-color: var(--brand-color) !important;
}

/* Image Overlay */
.pr-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.283);
  z-index: 1;
  pointer-events: none;
}

/* begin::header */
.p-4 {
  padding: 10px 10px 10px 10px !important;  
}
.mb-4 {
  margin-bottom: 1px !important;  
}
.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: #A1A1A1 !important;
}
.text-gray {
  --tw-text-opacity: 1 !important;
  color: #A1A1A1 !important;
}
.hover\:text-brand:hover {
  --tw-text-opacity: 1 !important;
  color: #F00 !important;
}
.bg-brandd {
  --tw-bg-opacity: 1 !important;
  background-color: #FA3E3E !important;
}
.bg-branddd {
  --tw-bg-opacity: 1 !important;
  background-color: #FF9933 !important;
}
.bg-brand {
  --tw-bg-opacity: 1 !important;
  background-color: #1E0538 !important;
}
.bg-gray-50 {
  --tw-bg-opacity: 1 !important;
  background-color: var(--accent-color) !important;
}
.text-slate-500 {
  --tw-text-opacity: 1 !important;
  color: #1E0538 !important;
}
.text-slate-800 {
  --tw-text-opacity: 1 !important;
  color: var(--accent-color) !important;
}
/* end::header */