html.mazuri-landing,
html.mazuri-landing body {
  scrollbar-color: rgba(56, 189, 248, 0.45) transparent;
  scrollbar-width: thin;
}

.mazuri-landing-scroll {
  scrollbar-color: rgba(56, 189, 248, 0.45) transparent;
  scrollbar-width: thin;
}

html.mazuri-landing::-webkit-scrollbar,
html.mazuri-landing body::-webkit-scrollbar,
.mazuri-landing-scroll::-webkit-scrollbar {
  width: 10px;
  background: transparent;
}

html.mazuri-landing::-webkit-scrollbar-track,
html.mazuri-landing body::-webkit-scrollbar-track,
.mazuri-landing-scroll::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.06);
  border-radius: 9999px;
  margin: 6px;
}

html.mazuri-landing::-webkit-scrollbar-thumb,
html.mazuri-landing body::-webkit-scrollbar-thumb,
.mazuri-landing-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.6), rgba(14, 165, 233, 0.5));
  border-radius: 9999px;
  box-shadow: 0 2px 6px rgba(56, 189, 248, 0.3);
}

html.mazuri-landing::-webkit-scrollbar-thumb:hover,
html.mazuri-landing body::-webkit-scrollbar-thumb:hover,
.mazuri-landing-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.8), rgba(129, 140, 248, 0.7));
}

#shop,
#experts,
#enterprise,
#latest-roles,
#resources,
#footer {
  scroll-margin-top: 72px;
}