.navbar-ju {
  padding: 20px 0px;
  transition: all 0.3s ease-in-out;
}

.navbar-ju .navbar-nav-ju .nav-item-ju .nav-link-ju {
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  padding: 8px 16px;
  font-weight: 500;
}

.navbar-ju .navbar-nav-ju .nav-item-ju .nav-link-ju:hover, .navbar-ju .navbar-nav-ju .nav-item-ju .nav-link-ju:focus, .navbar .navbar-nav .nav-item-ju .nav-link.active {
  color: #106fde;
}

.navbar-ju .navbar-nav .nav-item-ju.active .nav-link-ju {
  color: #106fde !important;
}

.navbar-ju .navbar-toggler -ju{
  border: none;
  padding: 0px;
  color: #052f61;
}

.navbar-ju .navbar-toggler-ju:focus {
  outline: none;
}

.navbar-ju .navbar-brand-ju .logo-dark {
  display: none;
}

.navbar-ju .navbar-brand-ju .logo-light {
  display: block;
}

/*navbar-sticky*/
.nav-sticky {
  background-color: #ffffff;
  padding: 12px 0px;
  box-shadow: 0px 4px 20px rgba(5, 47, 97, 0.08);
}

.nav-sticky .navbar-nav-ju .nav-item-ju .nav-link-ju {
  color: #74788d;
}

.nav-sticky .navbar-brand-ju .logo-dark {
  display: block;
}

.nav-sticky .navbar-brand-ju .logo-light {
  display: none;
}

.navbar-light-ju {
  background-color: #ffffff;
}

.navbar-light-ju .nav-item-ju .nav-link {
  color: #74788d !important;
}

.navbar-light-ju .nav-item-ju .nav-link:hover, .navbar-light-ju .nav-item-ju .nav-link-ju:focus, .navbar-light-ju .nav-item-ju .nav-link-ju.active {
  color: #106fde !important;
}

.navbar-light-ju .navbar-brand-ju .logo-dark {
  display: block;
}

.navbar-light-ju .navbar-brand-ju .logo-light {
  display: none;
}

@media (max-width: 768px) {
  .navbar-ju {
    background-color: #ffffff;
    box-shadow: 0px 4px 20px rgba(5, 47, 97, 0.08);
    padding: 10px 0px;
  }
  .navbar-ju .navbar-nav-ju .nav-item-ju .nav-link-ju {
    padding: 8px 0px;
    color: #74788d;
  }
  .navbar-ju .container {
    width: 90%;
  }
  .navbar-ju .navbar-brand-ju .logo-dark {
    display: block;
  }
  .navbar-ju .navbar-brand-ju .logo-light {
    display: none;
  }
}