html {
  scroll-behavior: smooth;
   overflow: auto;          /* enable scrolling */
  scrollbar-width: none;   /* Firefox */
  -ms-overflow-style: none; /* IE & Edge */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;           /* Chrome, Safari */
}

.nav-link-color {
  color: black;
}

.hide-scrollbar {
  overflow: auto;          /* enable scrolling */
  scrollbar-width: none;   /* Firefox */
  -ms-overflow-style: none; /* IE & Edge */
}

/* Banner: Say-bye overlay inside hero (transparent PNG) */

.say-bye-banner {
  position: absolute; 
  top: 18px;
  left: -18px;
  max-width: 360px;
  width: auto;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
  background: transparent;
  padding: 0;
  z-index: 40;
  display: none;
}
/*.hero-top-banner{*/
/*position:absolute;*/
/*left:30;*/
/*bottom:0;*/
/*top:130;*/
/*width:200px;*/
/*height:auto;*/
/*}*/

@media (min-width: 640px) {
  .say-bye-banner { display: block; }
}
@media (min-width: 1280px) {
  .say-bye-banner { top: -22px; max-width: 420px; }
}
@media (max-width: 1024px) {
  .say-bye-banner { top: -16px; max-width: 320px; right: 12px; }
}