.custom_sidebar {
     width: 100%;
     background-color: #fff;
     border-right: 1px solid #ddd;
     height: 100%;
}
 .custom_sidebar ul {
     list-style: none;
     text-align: left;
     margin: 0;
     padding: 0;
}
 .custom_sidebar ul li a {
     color: #333;
     font-size: 1.1em;
     display: block;
     padding: 14px 24px;
}
 .custom_sidebar ul li a:hover {
     background-color: #ddd;
}
 .custom_sidebar ul li a:active {
     background-color: #aaa;
}
 .custom_sidebar ul li .active, .custom_sidebar ul li .active:hover, .custom_sidebar ul li .active:active {
     color: #fff;
     background: linear-gradient(300deg, #004E9EFF 30% , #001B36FF 100%);
}
 @media (max-width:599px){
     .custom_sidebar ul li a {
         font-size: 1em;
         padding: 0 10px;
    }
}