.navbar{
    background:rgba(15,96,107,.95);
    backdrop-filter:blur(10px);
}

.navbar-brand{
    font-weight:700;
    color:#fff !important;
    text-decoration:none;
    font-size:2rem;
}

.navbar-brand small{
    font-size:.72rem;
}

.nav-link{
    color:#fff !important;
    margin-left:10px;
    font-weight:500;
  }
  
  .nav-link:hover{
    color:var(--primary) !important;
  }

/* LOGO */
  
.logo-desa{
    width:70px;
    height:70px;
    object-fit:contain;
}

/* DROPDOWN */

.dropdown-menu{
    border:none;
    padding:12px;
    min-width:240px;
  }
  
  .dropdown-item{
    padding:12px 16px;
    border-radius:12px;
    font-weight:500;
    transition:.2s;
  }
  
  .dropdown-item:hover{
    background:rgba(253,128,46,.12);
    color:var(--primary);
  }
  
  /* DESKTOP */
  
  @media(min-width:992px){
  
    .navbar .dropdown:hover .dropdown-menu{
      display:block;
      margin-top:0;
    }
  
  }
  
  /* MOBILE */
  
  @media(max-width:991px){
  
    .navbar-collapse{
      background:rgba(15,96,107,.98);
      padding:20px;
      border-radius:20px;
      margin-top:15px;
    }
  
    .dropdown-menu{
      background:rgba(255,255,255,.06);
      box-shadow:none !important;
      margin-top:10px;
    }
  
    .dropdown-item{
      color:white;
    }
  
    .dropdown-item:hover{
      background:rgba(255,255,255,.1);
      color:#fff;
    }
  
  }