/* (start) scrollbar for Chrome, Safari and Opera */

  ::-webkit-scrollbar {
    width: 15px !important;
    cursor: default !important;
  }

  ::-webkit-scrollbar-track {
    background: transparent !important;
    cursor: default !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  ::-webkit-scrollbar-thumb {
    background: #ddff76 !important;
    border-radius: 100px !important;
    cursor: default !important;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #ddff76 !important;
    border-radius: 100px !important;
    cursor: default !important;
  }

  /* (start) scrollbar for Chrome, Safari and Opera */

  /* (start) OFFCANVAS scrollbar for Chrome, Safari and Opera */

  .offcanvas-body::-webkit-scrollbar {
    width: 15px !important;
    cursor: default !important;
  }

  .offcanvas-body::-webkit-scrollbar-track {
    background: transparent !important;
    cursor: default !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .offcanvas-body::-webkit-scrollbar-thumb {
    background: #f5f5f5 !important;
    border-radius: 100px !important;
    cursor: default !important;
  }

  .offcanvas-body::-webkit-scrollbar-thumb:hover {
    background: #ddff76 !important;
    border-radius: 100px !important;
    cursor: default !important;
  }

  /* (end) OFFCANVAS scrollbar for Chrome, Safari and Opera */

  /* (start) OFFCANVAS scrollbar for IE, Edge and Firefox */

  .offcanvas-body {
    scrollbar-width: 10px !important;
    /* Firefox */
    scrollbar-color: #ddff76 !important;
    cursor: default !important;
  }

  /* (end) OFFCANVAS scrollbar for IE, Edge and Firefox */