.container-nav {background: #186e86!important;}
.container-header {background-color: #fff!important;background-image: none;}
.container-sidebar-left, .container-component {
 background-color: #f5f3e6;padding: 30px;
}
a {
  color: #005e8d;
  text-decoration: none;
}
a:hover {
  color: #002b41;
  text-decoration: underline;
}
a:not([class]) {
  text-decoration: none;
}

/* Hide the off-canvas menu on large screens */
@media (min-width: 769px) {
    #joffcanvas168 {
        display: none;
    }
}

/* Show the off-canvas menu on small screens */
@media (max-width: 768px) {
    #joffcanvas168 {
        display: block; /* or display: flex; or any other display property you need */
    }
  .nav-pills {
        display: none;
    }
  .offcanvas-body {
  color: #000 !important;
  background-color: #fff!important;
}
}

@media (width >= 1200px) {
  h3, .h3 {
    font-size: 18px;
  }
}
h3 {
  font-size: calc(0.9rem + .4vw)!important;
}