.list{
    width: 100%;
height: auto;
	display: flex;
	overflow-x: auto;
	margin: 0;
	padding: 0.5em;
	border-radius: .5em;
	scroll-snap-type: x mandatory;
	direction: rtl;
}
.item{
	width: 28%;
	display: flex;
	flex-direction: column;
	padding: .0.3em;
	margin: .0.3em;
	border-radius: .25em;
	scroll-snap-align: start;
	scroll-margin-inline: .5em;

	}
	
 
	.itemImage{
		aspect-ratio: 9/9;
		object-fit: contain;
		border-radius: .25em;
margin-top: .0.1;
		margin-bottom: .0.1em;
 	}
	
	
	.itemTitle{
		color: #000000;
		margin-top: .0.1;
		margin-bottom: .0.1em;
		text-align: center;
  font-size: 12px;

	}