/* Basic Reset */
 .note-box {
            background-color: #f0f8ff; /* Light blue background */
            border: 2px solid #007acc; /* Blue border */
            padding: 15px; /* Padding inside the box */
            margin: 20px 0; /* Margin for spacing around the box */
            border-radius: 8px; /* Rounded corners */
            font-size: 16px; /* Font size */
            line-height: 1.5; /* Line spacing for readability */
        }

        .note-box strong {
            font-weight: bold;
        }

        .note-box ul {
            margin-left: 20px;
        }
     h2 {
            background-color: lightblue;
        }
        
        h3 {
            background-color: #34569d;
            color: white;
            display: inline-block; /* Background limited to text width */
            border-radius: 2px; /* Adjust the radius value as needed */
        }
        
        ul {
            margin-left: 30px;
            font-size: 18px;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
			
        }

        /* Layout for the page */
        .container {
            display: flex;
            min-height: 80vh;
            padding: 20px; /* Added space from top, left, and right */
        }

        /* Sidebar Menu */
        .menu {
            width: 400px;
            background-color: #34569d; /* Updated background color */
            padding: 20px;
            color: white; /* Updated font color */
	    border-radius: 10px; /* Rounded corners */
        }

        .logo {
            display: block;
            margin-bottom: 20px; /* Space between logo and menu items */
            max-width: 100%; /* Ensures the logo is responsive */
            height: 75px;
            border-radius: 10px; /* Rounds the corners */
            margin-left: 25px; /* Adds space to the left of the logo */
        }

        .menu ul {
            list-style-type: none;
            
        }

        .menu ul li {
            margin: 10px 0;
        }

        .menu ul li a {
            text-decoration: none;
            color: white; /* Updated font color */
            font-size: 20px;
        }

        .menu ul li a:hover {
             /* Hover effect for better visibility */
			background-color: #4CAF50;
			border-radius: 5px;
        }

        /* Submenu toggle icon */
        .toggle-icon {
            margin-right: 10px;
            cursor: pointer;
        }

        .submenu, .subsubmenu {
            display: none;
            padding-left: 20px;
            transition: all 0.3s ease;
        }

        /* Content Section */
        .content {
            flex: 1;
            padding: 20px;
        }

        .content h2 {
            font-size: 28px;
            margin-bottom: 20px;
        }

        .content p {
            font-size: 16px;
            line-height: 1.6;
        }
        .body p{
            
         font-size: 16px;
            line-height: 1.6;
        }

        /* Footer Styling */
        footer {
            background-color: #34569d;
            color: white;
            text-align: center;
            padding: 10px;
            margin-top: auto; /* Ensures the footer stays at the bottom */
        }
		  /* Top table */
		table {
			width: 100%;
			border-collapse: collapse;
			
		}
		th, td {
			border: 1px solid #ccc;
			padding: 10px;
			text-align: left;
		}
		th {
			background-color: #34569d;
			color: white;
		}