/* ============ Desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none; 
    }
    
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }
    
    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
  }
  /* ============ Navbar links styles ============ */
  .nav-item a {
    display: block;
    position: relative;
    text-decoration: none;
    padding: 5px;
    font-size: 24px;
    transition: 0.5s;
  }
  
  .nav-item a:hover {
    transform: scale(1.1);
    opacity: 1;
    filter: blur(0);
    text-decoration: none;
  }
  
  .nav-item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: top;
    transform: scaleX(0);
    z-index: -1;
  }
  
  .nav-item a:hover:before {
    transition: transform 0.5s;
    transform-origin: left;
    transform: scaleX(1);
  }
  
  /* Dropdown menu item styles */
  .dropdown-menu .dropdown-item {
    font-size: 16px; 
    padding: 8px 12px;
  }
  
  .dropdown-menu .dropdown-item:hover {
    background-color: #e9ecef;
    color: #333;
  }