/* For Webkit-based browsers (Chrome, Safari and Opera) */

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

/* For IE, Edge and Firefox */

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

/* Firefox */
.scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #6FC6FF #F8F8F8;
}

/* Chrome, Edge and Safari */
.scrollbar::-webkit-scrollbar {
  height: 50px;
  width: 10px;
}
.scrollbar::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #F8F8F8;
}

.scrollbar::-webkit-scrollbar-track:hover {
  background-color: #F8F8F8;
}

.scrollbar::-webkit-scrollbar-track:active {
  background-color: #F8F8F8;
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #6FC6FF;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #6FC6FF;
}

.scrollbar::-webkit-scrollbar-thumb:active {
  background-color: #6FC6FF;
}

/* CSS FOR SLIDER */

.slick-dots{
  bottom: 10px !important;
}

.slick-dots li button {
  border: 5px solid #222823 !important;
  border-radius: 100%;
  background-color: #222823 !important;
}

.slick-dots .slick-active button{
  background-color: white !important;
}

.slick-dots li.slick-active button:before, .slick-dots li button:before{
  display: none;
}

.popular-badge span {
  background-color: #ff0000;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.09);
  color: #FFFFFF;
  font-size: 12px;
  height: 30px;
  line-height: 2.5;
  position: absolute;
  right: -29px;
  text-align: center;
  top: 10px;
  transform: rotate(45deg);
  width: 110px;
}

/* REMOVE ARROWS IN INPUT TYPE NUMBER */

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  display: none ;
  -webkit-appearance: none ;
  margin: 0 ;
}