.sidenav {height: 100%;width: 0;position: fixed;z-index: 32 !important;top: 0px !important;left: 0;background-color: #fbfbfb;overflow-x: hidden;padding-top: 0px !important;
 transition: 0.5s;box-shadow: 10px 1px 5px -6px rgba(0, 0, 0, 0.18);-webkit-box-shadow: 10px 1px 5px -6px rgba(0, 0, 0, 0.18);-moz-box-shadow: 10px 1px 5px -6px rgba(0, 0, 0, 0.18);}

.oc-menu {padding: 30px 15px;}
.sidebar-links {display: flex;flex-direction: column;margin-top: 10px;margin-left: 20px;}
.sidebar-title {margin-top: 15px;font-size: 16px;font-weight: 600;color: #0c8f73;}
.sidebar-title i {margin-right: 5px;color: #ff9c20;font-size: 20px;}
.sidebar-links a {margin-bottom: 7px;color: #000;font-size: 15px;}
.sidebar-links {margin-left: 20px;}
.sidenav .closebtn {position: absolute;top: 20px;right: 15px;font-size: 36px;text-decoration: none;width: auto;}

/* Mobile */

div#offcanvasExample {width: 80%;max-width: 350px;}
.offcanvas-body {height: 100%;}
.offcanvas-body a {color: #000;}
.close-nav-mobile {position: absolute;right: -5rem;border: none;background-color: transparent;color: #fff;font-size: 35px;}
.offcanvas-backdrop {width: 105vw;}
.accordion-header {margin-top: 0;}
#accordionMobileNav .accordion-item {border: none;}
#accordionMobileNav .accordion-button {font-size: 16px;font-weight: 500;height: auto;padding: 11px 15px;}
.accordion-button:focus {background-color: transparent;border-color: transparent;box-shadow: none;}
#accordionMobileNav .accordion-body {display: block;display: flex;flex-direction: column;padding-left: 30px;padding: 0 0 10px 30px;line-height: 30px;}
#accordionMobileNav .accordion-body a {color: #000;font-size: 15px;}

/* end */