.sidebar-menu-2-4 h2.title {
    font-size: 2vw;
    font-weight: bold;
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(180deg, #97BEEA, #002571);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left center;
    z-index: 1;
}
.sidebar-menu-2-4 h2.title:after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    bottom: 0;
    left: 0;
    background: url(../../bg-notice-title.png) no-repeat bottom center;
    position: absolute;
}
.sidebar-menu-2-4 .nav-menu .expanded .menu-toggle i:before {
    content: "\e817";
}
.sidebar-menu-2-4 .nav-menu .expanded.open .menu-toggle i:before {
    transform: rotate(90deg);
}

.sidebar-menu-2-4.bg-lighter{
  background:none;
}
.sidebar-menu-2-4 h2.title:before{
  display:none;
}
.language-en .menu-tit h3 {
  font-size:28px;
}
.menu-tit span {
    font-size: 16px;
    color: #014924;
}
.sidebar-menu-2-4.js-sidebar {
    position: relative;
    top: -70px;
    font-size: 10vw;
}
.sidebar-menu-2-4 .nav-menu {
    padding:10px 25px 0.7rem 25px;
    position:relative;
    background-image: linear-gradient(to top, #F7FAFF, #E0F0FF);
}
/*
.sidebar-menu-2-4 .nav-menu:after {
    content: "";
    background: url(../../leftmenubg.png) no-repeat;
    width: 100%;
    height: 2.5em;
    background-position: center top;
    background-size: 100%;
    position: absolute;
    bottom: -2.3em;
    left: 0;
}*/
.sidebar-menu-2-4 li.menu-item .level-menu li.menu-item:last-child {
    margin-bottom: 20px;
}
.sidebar-menu-2-4 li.menu-item .level-menu li.menu-item {
    border-bottom: 0px !important;
    padding: 0px;
    margin: 0;
}
.sidebar-menu-2-4 li.menu-item {
    border-bottom: 1px solid #CCC !important;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sidebar-menu-2-4 li.menu-item:hover:after {
    content: '';
    position: absolute;
    width: calc(100% + 50px);
    top: -9px;
    left: -25px;
    height: calc(100% + 10px);
    background: rgba(0, 37, 113, 0.1);
    z-index: 0;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>span, 
.sidebar-menu-2-4 .nav-menu>.menu-item>a, .sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle a,
.sidebar-menu-2-4 a {
    font-size: 18px;
    padding-left: 10px;
    color: #777;
    position:relative;
    z-index:1;
}
.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) {
    background: none;
}
.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) a,
.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) a:hover {
    color: #031762;
    background:none;
    font-weight: 600;
}

.sidebar-menu-2-4 .nav-menu>.menu-item>span.is-active, 
.sidebar-menu-2-4 .nav-menu>.menu-item>a.is-active {
    background:none;
    color:#333;
}
.sidebar-menu-2-4 .nav-menu > .menu-item > a:hover{
   background:none;
   color: #031762;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>a:after{
  display:none;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu li, .sidebar-menu-2-4 .nav-menu .expanded .menu-toggle {
    padding-left: 0;
    padding-right: 0;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item {
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item a {
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
}
.sidebar-menu-2-4 .level-menu .menu-item a {
    margin-left: 5px;
}

.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover,
.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle, 
.sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle {
  background:none;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle a:after{
  display:none;
}
.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) a.is-active:after,
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover a,
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover i:before,
.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle a, 
.sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle a,
.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle i:before, 
.sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle i:before{
  color: #031762;
}

@media (min-width: 992px){
.sidebar-menu-2-4 .nav-menu .expanded.open .menu-toggle i {
    display: initial; 
}
.sidebar-menu-2-4 .nav-menu>.menu-item .level-menu {
        /*display: block;
        height: auto !important;*/
        padding-left: 20px;
        padding-right: 20px;
    }	
}