.navbar {
  background: #fff;

  padding: 18px 0;

  transition: 0.3s;

  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}

.navbar-brand {
  font-size: 28px;
  font-weight: 700;
  color: var(--primary) !important;
}

.nav-link {
  color: var(--dark) !important;

  margin-left: 18px;

  font-weight: 500;

  transition: var(--transition);
}

.nav-link:hover {
  color: var(--primary) !important;
}

.btn-navbar {
  background: var(--primary);

  color: #fff;

  padding: 10px 25px;

  border-radius: 30px;

  transition: 0.3s;
}

.btn-navbar:hover {
  background: var(--secondary);

  color: #fff;
}

.logo {
  height: 80px;

  width: auto;
}