/* side bar mobile settings */
  
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul{
    background: white;
  }
  
  
  
  .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    color: black;
    border-bottom: 1px solid rgba(230, 230, 230, 0.782);
    padding: 8px 10px 8px 10px;
    font-size: 1rem;
    font-weight: 600;
  }
  
  .hc-offcanvas-nav .nav-content > .nav-close:first-child a, .hc-offcanvas-nav .nav-title + .nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a {
    background: white;
    border-top: 0px;
    border-bottom: 0px;
  }
  
  .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
    border-top: grey;
  }
  
  .hc-offcanvas-nav li:not(.custom-content) a, .hc-offcanvas-nav li:not(.custom-content) a:hover {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  
  
  .hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before {
    border-top: 2px solid black;
    border-left: 2px solid black;
  }
  
  .hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after {
    border-top: 2px solid black;
    border-left: 2px solid black;
  }
  
  .hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after{
    border-top: 2px solid black;
    border-left: 2px solid black;
  }