/*====Loader css started here====*/

.contain {
	width: 1280px;
	height: auto;
	padding-top: 20px;
	gap: 8px;
	display: flex;
}

.cards {
	background: #2E323F;
	width: 360px;
	height: 225px;

}

.headcards {
	width: 120px;
	height: 20px;
	background: #2E323F;
}

#card1 {
	animation: shimm 1s infinite;
	animation-delay: 288ms;
	animation-direction: alternate;

}

#card2 {
	animation: shimm 1s infinite;
	animation-delay: 388ms;
	animation-direction: alternate;

}

#card3 {
	animation: shimm 1s infinite;
	animation-delay: 488ms;
	animation-direction: alternate;
}

#card4 {
	animation: shimm 1s infinite;
	animation-delay: 588ms;
	animation-direction: alternate;
}

#card5 {
	animation: shimm 1s infinite;
	animation-delay: 688ms;
	animation-direction: alternate;
}

#card6 {
	animation: shimm 1s infinite;
	animation-delay: 788ms;
	animation-direction: alternate;
}

#card7 {
	animation: shimm 1s infinite;
	animation-delay: 888ms;
	animation-direction: alternate;
}

#card8 {
	animation: shimm 1s infinite;
	/* animation-delay: 888ms; */
	animation-direction: alternate;
}

.loader {
	width: 100%;
	height: auto;
	padding: 65px 88px 88px 8px;
}

@keyframes shimm {
	from {
		opacity: .5;
	}

	to {
		opacity: 1;
	}
}

/*====Loader css ends here====*/