/*************** left side bar style ************/
.left-side-bar{
	width: 20%;
	height: 100vh;
    background: #ededed;
    overflow-y: scroll;
    padding-bottom: 110px;

}
.left-sidebar-menu a{
    color: #000;
}
.left-sidebar-menu h2{
    display: block;
    text-align: left;
    font-size: 96%;
    cursor: default;
    text-align: center;
    padding: 5px;
    font-family: 'Noto Sans Bengali', sans-serif;
    font-size: 22px;
}
.sticky-left-side-bar{
    position: fixed;
    top: 40px;
}

/********************* menu style ******************/
.active-left-menu{
    background: var(--theme-color);
}
.left-sidebar-menu ul{
    box-sizing: border-box;
    list-style: none;
}
.left-sidebar-menu a:hover{
    background: var(--theme-color);
    opacity: 0.8;
}
.left-sidebar-menu ul li a{
    text-decoration: none;
    padding: 5px;
    display: block;
    color: #000;
    margin-bottom: 1px;
}
.left-sidebar-menu ul ul .active-menu{
    background: var(--theme-color);
    opacity: 0.8;
}
.left-sidebar-menu ul ul .active-menu a{
    color: #fff !important;
}

.left-sidebar-menu ul ul{
    display: block;
    position: relative !important;
    width: 100%;
    background: none;
    box-shadow: none;
}
.left-sidebar-menu ul ul li{

}
.left-sidebar-menu ul ul a{
    padding: 5px 5px 5px 20px;  
}
.division-subject-list{
    margin-bottom: 20px;
}
a.division-name {
    /* font-weight: 600; */
    font-size: 21px;
    font-family: 'Noto Sans Bengali', sans-serif;
}
p.division-name {
    font-size: 21px;
    padding: 5px;
    font-family: 'Noto Sans Bengali', sans-serif;
}
.active-page{
    background: var(--theme-color);
}
/************************* media query ****************************/
@media screen and (max-width: 1000px) {
.left-side-bar{
    width: 0;
}
#left_sidebar_menu{
    position: absolute;
    width: 250px;
    height: 100vh;
    left: -250px;
    background: #e3e3e3;
    transition: 0.5s;
    padding-bottom: 110px;
    overflow-y: scroll;
    z-index: 555;
}

} 

.left-sidebar-menu span{
    text-align: center;
    display: block;
}