* {
	margin: 0;
	padding: 0;
}
body {
	background: #0b69ed;
	height: 100vh;
}

.wrapper {
	display: flex;
	width: 750px;
	margin: 0 auto;
	overflow: hidden;
	
	padding: 2.5rem;
	
}
.item {
	animation: animate 25s alternate linear infinite;
	padding-right: 20px;
}
/* .container:hover .item {
	animation-play-state: paused;
} */
@keyframes animate {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-700px, 0, 0);
	}
}
@media (max-width:767px) {
	.slider-area h2 {
		font-size: 30px;
	}
	.wrapper {
		width: 95%;
		border-radius: 0;
		padding: 0;
		margin-top: 20px;
	}
}