.top-scrollbars {
    transform: rotateX(180deg);
  }
.top-scrollbars > * {
    transform: rotateX(180deg);
  }
  
/*SCROLL BAR */
.styled-scrollbars {
    /* Foreground, Background */
    padding : 0 2px 0 0;
    scrollbar-color: var(--bs-syl-petrol-blue) #ffffff;
    scrollbar-width: thin;
  }
  .styled-scrollbars::-webkit-scrollbar, .styled-scrollbars::-moz-scrollbar {
    width: 3px !important; /* Mostly for vertical scrollbars */
    height: 5px !important; /* Mostly for horizontal scrollbars */
    margin: 0 0 0 1px;
  }
  .styled-scrollbars::-webkit-scrollbar-thumb, .styled-scrollbars::-moz-scrollbar-thumb { /* Foreground */
    background: #0d50a8;
  }
  .styled-scrollbars::-webkit-scrollbar-track, .styled-scrollbars::-moz-scrollbar-track { /* Background */
    background: #ffffff;
  }
  
  .styled-scrollbars-clickable::-webkit-scrollbar, .styled-scrollbars-clickable::-moz-scrollbar {
      width: 5px !important; /* Mostly for vertical scrollbars */
      height: 5px !important; /* Mostly for horizontal scrollbars */
  }