body {
			font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            height: 100vh;
        }
header {
            background-color: #6BA368;
            color: #000000;
            padding: 15px;
            text-align: center;
        }
nav {
            background-color: #1B5E3A;
        }
nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
        }
nav ul li {
            position: relative;
        }
nav ul li a {
            display: block;
            color: white;
            padding: 14px 20px;
            text-decoration: none;
        }
nav ul li a:hover {
            background-color: #1E0342;
        }
        .dropdown {
            display: none;
            position: absolute;
            background-color: #1B5E3A;
            min-width: 160px;
            z-index: 1;
        }
        .dropdown a {
            padding: 12px 16px;
        }
nav ul li:hover .dropdown {
            display: block;
        }
        .container {
            display: flex;
            flex: 1;
            padding: 20px;
        }
        .main-content {
            flex: 3;
            background-color: #E1F7F5;
			color: Black;
            padding: 20px;
            margin-right: 20px;
        }
        .right-panel {
            flex: 1;
            background-color: #9AC8CD;
            padding: 20px;
        }
h1 {
    background-color: #0E46A3; /* Sets the background color to black */
    color: white;           /* Sets the text color to white */
    text-align: center;     /* Centers the text */
    padding: 20px;          /* Adds some padding for better spacing */
}

h2 {
    background-color: #0E46A3; /* Sets the background color to black */
    color: white;           /* Sets the text color to white */
    text-align: left;     /* Centers the text */
    padding: 20px;          /* Adds some padding for better spacing */
}

h3 {
    background-color: #9AC8CD; /* Sets the background color to black */
    color: #1E0342;           /* Sets the text color to white */
    text-align: center;     /* Centers the text */
    padding: 15px;          /* Adds some padding for better spacing */
}

h4 {
    background-color: #0E46A3; /* Sets the background color to black */
    color: white;           /* Sets the text color to white */
    text-align: center;     /* Centers the text */
    padding: 15px;          /* Adds some padding for better spacing */
}


footer {
            background-color: #1B5E3A;
            color: #E1F7F5;
            text-align: center;
            padding: 10px;
        }
		
/* Style for dropdown and sub-dropdown */
ul {
    list-style-type: none;
}

ul li {
    position: relative;
}

.dropdown, .sub-dropdown {
    display: none;
    position: absolute;
    padding: 10px;
    border-radius: 4px;
    min-width: 160px;
    z-index: 1;
}

.dropdown a, .sub-dropdown a {
    color: #fff; /* White text color */
    padding: 10px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    border-radius: 4px;
}

/* Hover effect for dropdown links */
.dropdown a:hover, .sub-dropdown a:hover {
    background-color: #555888; /* Slightly lighter background on hover */
    color: #ffd700; /* Gold text color on hover */
}

/* Show dropdown on hover */
ul li:hover > .dropdown {
    display: block;
}

.dropdown a:hover + .sub-dropdown, .sub-dropdown:hover {
    display: block;
    left: 100%; /* Positioning the submenu to the right of the parent menu */
    top: 0;
}

/* For nested sub-dropdown */
.sub-dropdown {
    background-color: #6BA368; /* Slightly different background color */
}