.scrollable-parallax-wrapper.bg-gradient {
	background-color: #0066cc !important;
	background-image: none !important;
}

body {margin-top:-20px;}

#header .header-body{
  background: transparent;
  transition: background-color 250ms ease, box-shadow 250ms ease;
}

html.has-scrolled #header .header-body{
  background: rgba(0,0,0,0.85);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
/* Mobile menu background */
@media (max-width: 991px) {

  .header-nav-main nav {
    background: #0d4fa3; /* choose your blue */
    padding: 20px;
    border-radius: 8px;
  }

  .header-nav-main nav ul {
    background: transparent;
  }

  .header-nav-main nav .nav-link {
    color: #ffffff !important;
  }

  .header-nav-main nav .nav-link:hover {
    color: #ffc644 !important; /* optional hover color */
  }

}
/* ── Tabler SVG icon fixes ────────────────────────────────────────────── */

/* Icons on dark/blue backgrounds: white stroke, transparent fill */
.svg-fill-color-light svg {
  background: transparent !important;
}
.svg-fill-color-light svg path[stroke="none"],
.svg-fill-color-light svg path[fill="none"][stroke="none"] {
  fill: none !important;
  stroke: none !important;
}
.svg-fill-color-light svg path:not([stroke="none"]),
.svg-fill-color-light svg line,
.svg-fill-color-light svg polyline,
.svg-fill-color-light svg circle,
.svg-fill-color-light svg rect:not([stroke="none"]) {
  stroke: #ffffff !important;
  fill: none !important;
}

/* Icons on light/white backgrounds: blue stroke, transparent fill */
.svg-fill-color-primary svg {
  background: transparent !important;
}
.svg-fill-color-primary svg path[stroke="none"],
.svg-fill-color-primary svg path[fill="none"][stroke="none"] {
  fill: none !important;
  stroke: none !important;
}
.svg-fill-color-primary svg path:not([stroke="none"]),
.svg-fill-color-primary svg line,
.svg-fill-color-primary svg polyline,
.svg-fill-color-primary svg circle,
.svg-fill-color-primary svg rect:not([stroke="none"]) {
  stroke: #0088cc !important;
  fill: none !important;
}