/* ===============================
DASHBOARD PROFESSIONAL DROPDOWN
=============================== */

/* Dropdown container floating style */

.navbar .dropdown-menu {
  margin-top: 16px;   /* increase this value to move it lower */
}

.dropdown-menu{
    background-image: -webkit-linear-gradient(top, #2b32b2, #1488cc);
    border:none;
    box-shadow:0 8px 25px rgba(0,0,0,0.25);
    position:absolute;
    z-index:9999;
    min-width:200px;
    padding:0px 0;
}

/* Dropdown item */

.dropdown-item{
    display: block;
    background: linear-gradient(to top, #0575e6, #021b79);
    border-bottom: 0px solid #fafafa;
    color:#f1f1f1;
    padding:10px 18px;
    font-size:14px;
    transition:all 0.25s ease;
}

/* Hover effect */

.dropdown-item:hover{
    background:#be8b00;
    color:#000;
}

/* Active item */

.dropdown-item.active{
    background:#be8b00;
    color:white;
    font-weight:600;
}

/* Divider */

.dropdown-divider{
    border-color:rgba(255,255,255,0.2);
}

/* Dropdown show animation */

.dropdown-menu.show{
    animation:dropdownFade 0.25s ease;
}
/* Force all navbar links to pure white */
.navbar .nav-link {
  color: #ffffff !important;
}

/* Force all dropdown items to pure white */
.navbar .dropdown-menu .dropdown-item {
  color: #ffffff !important;
}

/* Optional: keep hover effect distinct */
.navbar .dropdown-menu .dropdown-item:hover {
  background-color: #be8b00; /* Bootstrap primary blue */
  color: #ffffff !important;
}

@keyframes dropdownFade{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
    
}
/* ============================= */
/* RESPONSIVE DESIGN */
/* ============================= */
@media (max-width: 768px) {
  .dropdown-item{
    margin-left: 16px;
   
}


 
}