/* body */
body::-webkit-scrollbar {
  width: 10px; /* Width of the scrollbar */
  height: 5px; /* Height of the scrollbar for horizontal scrolling */
}

body::-webkit-scrollbar-track {
  background-color: #888; /* Background of the scrollbar track */
  border-radius: 0px;
}

body::-webkit-scrollbar-thumb {
  background-color: #555; /* Color of the scrollbar thumb */
  border-radius: 5px;
}

body::-webkit-scrollbar-thumb:hover {
  background-color: #1a1a1a; /* Color on hover */
}

/* search bar */
.searchResults-custom-scrollbar::-webkit-scrollbar {
  width: 5px; /* Width of the scrollbar */
  height: 5px; /* Height of the scrollbar for horizontal scrolling */
}

.searchResults-custom-scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Background of the scrollbar track */
  border-radius: 5px;
}

.searchResults-custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the scrollbar thumb */
  border-radius: 5px;
}

.searchResults-custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Color on hover */
}

/* productQuoteForm */

.productQuoteForm-custom-scrollbar::-webkit-scrollbar {
  width: 5px; /* Width of the scrollbar */
  height: 5px; /* Height of the scrollbar for horizontal scrolling */
}

.productQuoteForm-custom-scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Background of the scrollbar track */
  border-radius: 5px;
}

.productQuoteForm-custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the scrollbar thumb */
  border-radius: 5px;
}

.productQuoteForm-custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Color on hover */
}

/* Product hover */
.productHover-custom-scrollbar::-webkit-scrollbar {
  width: 3px; /* Width of the scrollbar */
  height: 3px; /* Height of the scrollbar for horizontal scrolling */
}

.productHover-custom-scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Background of the scrollbar track */
  border-radius: 5px;
}

.productHover-custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #c5c3c3; /* Color of the scrollbar thumb */
  border-radius: 5px;
}

.productHover-custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #888; /* Color on hover */
}