/* custom scrollbar */ 
::-webkit-scrollbar {
  width: 20px;
} 
::-webkit-scrollbar-track {
  background-color: transparent;
} 
::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: #d6dee1;
  border: 6px solid transparent;
  border-radius: 20px;
} 
::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
} 
/* For browsers that support `scrollbar-*` properties */ 
@supports (scrollbar-color: auto) {
  .scroll-box {
    scrollbar-color: transparent #d6dee1;
  }
} 
/* Otherwise, use `::-webkit-scrollbar-*` pseudo-elements */ 
@supports selector(::-webkit-scrollbar) {
  .scroll-box::-webkit-scrollbar {
    width: 20px;
  }
  .scroll-box::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #d6dee1;
    border: 6px solid transparent;
    border-radius: 20px;
  }
  .scroll-box::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
  }
}