.side-menu-link:hover {
      background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%) !important;
      color: #667eea !important;
      transform: translateX(5px);
      box-shadow: 0 2px 8px rgba(102, 126, 234, 0.2);
}
.side-menu-link.active {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%) !important;
    color: #667eea !important;
    font-weight: 600 !important;
}
.btn-modern:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
}
.sidebar-modern {
    scroll-behavior: smooth;
}
.sidebar-modern::-webkit-scrollbar {
    width: 8px;
}
.sidebar-modern::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.sidebar-modern::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 10px;
}
.sidebar-modern::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #5568d3 0%, #653a8f 100%);
}
.program_margin_style {
        margin-left: -130px;
}
.codeblock {
    width:100%;
    background-color:#0c24104d;
    margin-bottom:8px;
    padding-left:0;
    border-left:2px solid #0f3f03ab;
    border-right:2px solid #0f3f03ab;
    border-top:2px solid #0f3f03ab;
    border-bottom:2px solid #0f3f03ab;
}
.topic_heading {
    color: #764ba2; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600;
}
.previous_button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; display: inline-block;
}
.next_button {
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; display: inline-block;
}
.side_menu_text_style {
    color: #333; text-decoration: none; font-weight: 500; display: block; padding: 10px 12px; border-radius: 8px; transition: all 0.3s ease;
}
.side_menu_subtype_style {
    color: #764ba2; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600;
}
.sidebar_top_menu_style{
    background: white; border-radius: 15px; padding: 25px 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); margin-right: 20px; max-height: calc(100vh - 140px); overflow-y: auto; overflow-x: hidden; position: sticky; top: 100px; height: auto;
}
.sidebar_highlight_style {
    display: block; padding: 8px 12px; border-radius: 8px; text-decoration: none; color: #667eea; font-weight: 600; background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); transition: all 0.3s ease;
}