.scrolled .header {
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
}

/* Global Header on Scroll
------------------------------*/
.scrolled .header {
    --background-color: rgba(255, 255, 255, 1);
}
.scrolled .header {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}