/* Navbar Toggler Hover and Active Effects */
        .navbar-toggler {
            border: none;
            background-color: #37545c;
            transition: background-color 0.3s, transform 0.3s;
        }
        
        .navbar-toggler:hover {
            background-color: #0056b3; /* Dark blue background on hover */
            transform: scale(1.1); /* Slightly increase size */
        }
        
        .navbar-toggler-icon {
            background-color: #1e3d77; /* Set default icon color */
        }

        .navbar-toggler:hover .navbar-toggler-icon {
            background-color: #fff; /* Change icon color on hover */
        }

        /* Navbar Links Hover, Active, and Visited Effects */
        .navbar-nav .nav-link {
            color: #007bff; /* Default link color */
            font-weight: bold;
            letter-spacing: 0.2px;
            transition: color 0.3s, transform 0.3s;
        }

        .navbar-nav .nav-link:hover {
            color: #0056b3; /* Dark blue color on hover */
        }

        .navbar-nav .nav-link:active {
            color: #003366; /* Darker blue color when clicked */
            transform: scale(0.18); /* Slightly decrease size when clicked */
        }

        .navbar-nav .nav-link:visited {
            color: #8ac6fa; /* Light gray color for visited links */
        }

        /* Navbar Background */
        .navbar {
            background-color: #f8f9fa; /* Light background for the navbar */
        }

        .navbar-nav .nav-item {
            margin-left: 10px; /* Add spacing between nav items */
        }

        /* Responsive Navbar */
        @media (max-width: 767px) {
            .navbar-nav {
                text-align: center;
            }
            .navbar-nav .nav-item {
                margin-left: 0;
                margin-bottom: 10px;
            }
        }