.h2-navigation-container {
    display: flex; 
    gap: 15px;
}

.left-navigation {
    position: sticky; 
    top: 80px;     
    left: 0;           
    width: 300px;     
    height: max-content;
    /* margin-right: 20px; */
    padding: 15px;
    border: 1px solid #057c7a;
    border-radius: 10px;
    background-color: #ffffff;
    overflow-y: auto;  /* Add scrollbar if content is too long */
}

.left-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.left-navigation li {
    margin-bottom: 5px;
}

.left-navigation a {
    text-decoration: none;
    color: #000000;
    font-weight: 500;
}

/* Styles for the content wrapper */
.content-wrapper {
    flex: 1;            /* Allow content to take up remaining space */
    padding: 20px;
    border: 1px solid #057c7a;
    border-radius: 10px;
}
.content-wrapper h2{
    margin-top: 40px;
}