#faq > section > div > div > div > div.nav-products.flex-lg-column.flex-nowrap.nav-pills.justify-content-center.justify-content-lg-start.pl-4.pl-lg-5 > div > a:hover{
  color: #d6712e !important;
}
#products > header > nav > div > div.collapse.navbar-collapse.offset > ul > li > div > a:hover{
  text-decoration: underline !important;
  color: #d6712e !important;
}
#products > header > nav > div > div.collapse.navbar-collapse.offset > ul > li > a:hover{
  text-decoration: underline !important;
  color: #d6712e !important;
}
.nav-products >div >div >a:hover {
  color: #d6712e !important;
}
#products #faq .nav-pills .nav-link.active,
#products #faq .nav-pills .show > .nav-link,
#products .nav-link {
  color: #5d2e14;
  background-color: transparent;
  text-decoration: none;
  font-family: chivo-b;
}

#products #faq .nav-pills .nav-link.active {
  color: var(--color-orange);
  text-decoration: underline;
}

#products .nav-link.collapsed {
  color: var(--color-orange);
}

#products .nav-products {
  max-height: 80vh;
  overflow-y: scroll;
}

/* width */
::-webkit-scrollbar {
  width: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-orange);
  border-radius: 20px;
}

#products .w-320 {
  max-width: 320px;
}

@media (min-width: 320px) and (max-width: 1025px) {
  .sidebar {
    position: fixed;
    width: 300px;
    height: 100vh;
    left: -300px;
    z-index: 1;
    transition: 0.5s;
    background: #dbd3c3;
  }
  .sidebar.active {
    left: 0px;
  }
}