/* Mobile Sidebar Navigation */

      .mobile-sidebar.active {
        left: 0;
      }

      .mobile-sidebar .nav {
        flex-direction: column;
      }

      .mobile-sidebar .nav-link {
        padding: 14px;
        border-bottom: 1px solid #f0f0f0;
        color: #333;
        display: flex;
        align-items: center;
      }

      li a i {
        color : #ef3139;
      }

      .mobile-sidebar .nav-link:hover {
        background-color: #f9f9f9;
        color: #0066cc;
      }

      .mobile-sidebar .nav-link i {
        margin-right: 10px;
        width: 20px;
      }

      /* Dropdown Menu Styling */
      .mobile-sidebar .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
        font-size: 12px;
        background-color: #f9f9f9;
        box-shadow: none;
        max-height: 0;
        overflow-y: scroll;
        transition: max-height 0.3s ease-in-out;
      }

      .mobile-sidebar .dropdown-menu.show {
        max-height: 250px;
      }

.nav-link:focus, .nav-link:hover {
    color : #ff2b2b !important;
}

      .mobile-sidebar .dropdown-item {
        padding: 10px 20px;
        border-bottom: 1px solid #e0e0e0;
        color: #1A4D7F;
        
      }

      .mobile-sidebar .dropdown-item:hover,
      .mobile-sidebar .dropdown-item:first-child {
        background-color: #f9f9f9;
        color : #333;
      }

      .mobile-sidebar .dropdown-item i {
        margin-left: 10px;
        color: #E74C5C;
      }

      /* Hamburger Menu Icon */
      .mobile-menu-toggle {
        display: none;
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        padding: 8px 12px;
      }

      .mobile-menu-toggle i {
        color: #ef3139;
      }

      .sidebar-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1030;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
      }

      .sidebar-overlay.active {
        display: block;
        opacity: 1;
      }

      /* Close Button in Sidebar */
      .sidebar-close {
        position: absolute;
        top: 15px;
        right: 15px;
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        color: #333;
      }
        .size-20 {
            font-size: 16px;
        }
      /* Mobile Topbar Hide */
      .topbar {
        display: none;
      }
      
      .Global-white {
          background : white;
          border-radius: 50%;
      }
      
      /* Show mobile menu on small screens */
      @media (max-width: 991px) {
        .mobile-menu-toggle {
          display: block;
        }
        .topbar {
          display: block;
        }

        .navbar-collapse {
          display: none;
        }

        .mobile-sidebar {
          position: fixed;
          left: -100%;
          top: 0;
          width: 80%;
          max-width: 320px;
          height: 103vh;
          background-color: #fff;
          box-shadow: 2px 0 15px rgba(0, 0, 0, 0.2);
          z-index: 1040;
          transition: left 0.3s ease-in-out;
          overflow-y: auto;
        }

        .mobile-sidebar.active {
          left: 0;
        }

        .navbar {
          padding: 10px 0;
        }
      }

    @media (max-width: 992px) {
        .navbar .navbar-brand {
            margin-left: 1rem;
        }
    }

      /* Show default navbar on large screens */
      @media (min-width: 992px) {
        .mobile-sidebar,
        .sidebar-overlay,
        .mobile-menu-toggle {
          display: none !important;
        }
        
        .navbar-collapse {
          display: flex !important;
        }

        .topbar {
          display: block !important;
        }
      }