div#add_upi_svg .loading {
	animation: upiLoading 10s linear infinite;
	transform-origin: center;
	transform-box: fill-box;
}

div#add_upi_svg .last_step {
	opacity: 1;
}

div#add_upi_svg .aadhar_no {
	opacity: 1;
}

div#add_upi_svg path.header {
	animation: upiHeader 10s linear infinite;
}

div#add_upi_svg g.last_step {
	animation: upiLastStep 10s linear infinite;
}

div#add_upi_svg g.success_noti {
	animation: upiSuccessNotification 10s linear infinite;
}

div#add_upi_svg .aadhar_no {
	animation: upiAadhar 10s linear infinite;
}

div#add_upi_svg g.first_step {
	animation: upiFirstStep 10s linear infinite;
}

div#add_upi_svg g.submit_btn {
	animation: upiSubmitBtn 10s linear infinite;
	transform-origin: center;
	transform-box: fill-box;
}

@keyframes upiSubmitBtn {
	0% {
		opacity: 1;
	}
	5% {
		opacity: 1;
	}
	10% {
		opacity: 1;
	}
	20% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	22% {
		opacity: 1;
		transform: scaleX(0.9) scaleY(0.9);
	}
	25% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	30% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	45% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes upiAadhar {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	20% {
		opacity: 1;
	}
	30% {
		opacity: 1;
	}
	35% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	45% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes upiFirstStep {
	0% {
		opacity: 1;
	}
	10% {
		opacity: 1;
	}
	20% {
		opacity: 1;
	}
	30% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes upiLastStep {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	35% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	55% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes upiSuccessNotification {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	35% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	55% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes upiHeader {
	0% {
		opacity: 1;
	}
	10% {
		opacity: 1;
	}
	20% {
		opacity: 1;
	}
	30% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	55% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes upiLoading {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	35% {
		opacity: 0;
		transform: rotate(0deg);
	}
	40% {
		opacity: 1;
		transform: rotate(360deg);
	}
	45% {
		opacity: 1;
		transform: rotate(720deg);
	}
	50% {
		opacity: 0;
	}
	52% {
	}
	55% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}