.carousel{
	width:100%;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
.carousel::-webkit-scrollbar {
  width: 10px;
}
.carousel {
  scrollbar-color: transparent transparent;  /*for firefox*/
}
.carousel::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
.carousel::-webkit-scrollbar-thumb {
  background: transparent;
  border: none;
  border-radius: 10px;
}

.carousel:hover {
  scrollbar-color: #404040 transparent; /* for firefox */
}
.carousel:hover::-webkit-scrollbar-track {
  background: #ddd;
}
.carousel:hover::-webkit-scrollbar-thumb {
  background: #bbb;
  border: none;
}

.carousel-thumb{
	margin: 3px;
	width: 56px;
	height: 56px;
	margin-right: 18px;
	object-fit: cover;
	outline: 3px solid transparent;
}
.carousel-thumb:hover{
	outline: 3px solid black;
	
}