/* CSS Animations - Start
================================================== */

.decoration-wrapper {
	z-index: 1;
	position: relative;
	.shape-item {
		z-index: -1;
		position: absolute;
	}
}

@keyframes moveUpDown {
	// animation: moveUpDown 1s infinite  alternate;
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-30px);
	}
}

@keyframes spin {
	// animation: spin 4s infinite linear;
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes zoomInZoomOut {
	// animation: zoomInZoomOut 1s ease infinite;
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes pulse {
	// animation: pulse 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
	0% {
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(2.5);
	}
}

.pulse-effect {
	z-index: 1;
	position: relative;
	&:before,
	&:after {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		content: '';
		display: block;
		position: absolute;
		border-radius: 100%;
		border: 1px solid #ECECEC;
	}
	&:before {
		animation: pulse 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
	}
	&:after {
		animation: pulse 2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
	}
}

/* CSS Animations - End
================================================== */