.header-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #fff;
  }
  .sticky {
    position: fixed;
   animation: fadeInDown 1.5s;
    box-shadow: 0 0 5px 0px;
      border: none;
  }
  
.nav-bg
{
  /*  background-color: #ffffff;
    color: #0e0d0d;
    box-shadow: 0 0 3px 0px #000;*/
}
.nav-item a
{
    font-size: 18px;
    color: #000;
}
.nav-bg {
  width: 100%;
  background-color: #fff;
  color: rgb(19, 18, 18);
  padding: 0px;
  transition: all 0.3s ease;
  position: relative;
  box-shadow: 0 0 3px 0px #000;
}
.nav-bg.sticky {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transform: translateY(-100%);
  animation: slideDown 0.3s forwards;
  z-index: 1000;
}

@keyframes slideDown {
  to {
    transform: translateY(0);
  }
}