:root {
  --primary-color-one: #296CB0;   /* blue */
  --primary-purple: #8424AB;      /* purple */
  --primary-color-two: #282f3b;
  --menu-active-color: #296CB0;
  --heading-dark: #282f3b;
  --link-color-dark: #282f3b;
  --menu-color: #282f3b;
  --menu-dropdown-color: #282f3b;

  /* main gradient — use this everywhere instead of plain blue background */
  --primary-gradient: linear-gradient(135deg, var(--primary-color-one) 0%, var(--primary-purple) 100%);
  /* slightly darker variant for hover/active */
  --primary-gradient-dark: linear-gradient(135deg, #224f88 0%, #6a1f8f 100%);
}

/* utility classes */
.primarg_bg_color {
  background: var(--primary-gradient) !important;
  background-color: var(--primary-color-one) !important; /* fallback */
}

.primarg_border_color {
  /* border with gradient edge (modern browsers) */
  border: 1px solid transparent !important;
  border-image: linear-gradient(135deg, var(--primary-color-one), var(--primary-purple)) 1;
}

/* footer etc */
.footer_seven {
  padding-top: 80px;
}