.slider-area h2 {
	text-align: center;
	/*! font-family: impact; */
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 50px 0 30px 0;
	color: #000;
}
.wrapper {
	display: block ruby;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	/*! border-radius: 180px; */
	padding: 10px;
	background: #ddd;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.item {
	animation: animate 30s alternate linear infinite;
	padding: 0px 10px;
}
.container:hover .item {
	animation-play-state: paused;
}
@keyframes animate {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-1100px, 0, 0);
	}
}
@media (max-width:767px) {
	.slider-area h2 {
		font-size: 30px;
	}
	.wrapper {
		width: 95%;
		border-radius: 0;
		padding: 0;
	}
}


















.slide img {
  width: auto;
  height: auto;
  animation: scroll 100s linear infinite;
  border-radius: 35px;
}

.slide-track {
  width: 100%;
  display: -webkit-box;
  gap: 10px;
  overflow: hidden;
}

.slider {
  margin-top: 50px;
  background-color: #e9e9e9;
  padding: 10px 10px;
}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}