/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/Components/ItemsSection/ItemsSection.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.sidebar-scrollbar::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.sidebar-scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #c8c5c5;
  border-radius: 10px;
}

/* Handle */
.sidebar-scrollbar::-webkit-scrollbar-thumb {
  background: #bababa;
  border-radius: 10px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/Components/HorizontalSlider/HorizontalSlider.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
/* .container {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #eeeeee;
} */

/* .content-box {
  width: 1800px;
  display: flex;
  align-items: center;
  gap: 20px;
} */
/* 
.card {
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
} */

/* .action-btns {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 50px;
}

.action-btns button {
  font-size: 15px;
  font-weight: 500;
  color: #002d36;
  background-color: #99c6cf;
  border-radius: 6px;
  padding: 10px 25px;
  border: none;
  cursor: pointer;
  transition: all 0.5s ease;
}

.action-btns button:hover {
  color: #ffffff;
  background-color: #002d36;
} */

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
.hide-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/Components/ProductQuantityModal/ProductQuantityModal.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
/* Hide spinners in Chrome, Safari, and Edge */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide spinners in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}