div#add_main_hero_svg #pan_bg {
	animation: panBg 7s linear infinite;
}

div#add_main_hero_svg #aadhar_bg {
	animation: aadharBg 7s linear infinite;
}

div#add_main_hero_svg #voter_bg {
	animation: voterBg 7s linear infinite;
}

div#add_main_hero_svg #check-mark_2 {
	animation: checkMark2 15s linear infinite;
}
div#add_main_hero_svg #check-mark_3 {
	animation: checkMark3 15s linear infinite;
}
div#add_main_hero_svg #check-mark_4 {
	animation: checkMark4 15s linear infinite;
}
div#add_main_hero_svg #check-mark_5 {
	animation: checkMark5 15s linear infinite;
}
div#add_main_hero_svg #check-mark_6 {
	animation: checkMark6 15s linear infinite;
}

div#add_main_hero_svg #aadhar_btn {
	animation: aadharBtn 15s linear infinite;
	transform-origin: center;
	transform-box: fill-box;
}

div#add_main_hero_svg #pan_btn {
	animation: panBtn 15s linear infinite;
	transform-origin: center;
	transform-box: fill-box;
}

div#add_main_hero_svg #sign_btn {
	animation: signBtn 15s linear infinite;
	transform-origin: center;
	transform-box: fill-box;
}

div#add_main_hero_svg #bank_btn {
	animation: bankBtn 15s linear infinite;
	transform-origin: center;
	transform-box: fill-box;
}

div#add_main_hero_svg #aadhar {
	animation: aadharSection 15s linear infinite;
}

div#add_main_hero_svg #pan {
	animation: panSection 15s linear infinite;
}

div#add_main_hero_svg #credit_msg {
	animation: bankSection 15s linear infinite;
	/* transform: translateY(-7rem); */
}

div#add_main_hero_svg #voter {
	animation: voterSection 15s linear infinite;
}

div#add_main_hero_svg #draw_popup {
	animation: draw_popup 15s linear infinite;
}

div#add_main_hero_svg #sign {
	animation: sign 15s linear infinite;
}

div#add_main_hero_svg #sign_details {
	animation: sign_details 15s linear infinite;
}

div#add_main_hero_svg #sign_b {
  stroke-dasharray: 8400;
  stroke-dashoffset: 8400;
  animation: sign_b 15s ease infinite;
}

div#add_main_hero_svg #aadhar_no {
	animation: aadharNo 15s linear infinite;
}

div#add_main_hero_svg #pan_no {
	animation: panNo 15s linear infinite;
}

div#add_main_hero_svg #bank_no {
	animation: bankNo 15s linear infinite;
}

div#add_main_hero_svg #ifsc_code {
	animation: ifscNo 15s linear infinite;
}

div#add_main_hero_svg #sign_text {
	animation: sign_text 15s linear infinite;
}

@keyframes aadharNo {
	0%, 6% {
		opacity: 0;
	}
	8%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes panNo {
	0%, 8% {
		opacity: 0;
	}
	10%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes bankNo {
	0%, 10% {
		opacity: 0;
	}
	12%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes ifscNo {
	0%, 12% {
		opacity: 0;
	}
	14%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes sign_text {
	0%, 14% {
		opacity: 0;
	}
	16%, 54% {
		opacity: 1;
	}
	56%, 100% {
		opacity: 0;
	}
}

@keyframes aadharBtn {
	0%, 8% {
		opacity: 0;
	}
	10%, 16% {
		opacity: 1;
	}
	18% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	19% {
		opacity: 1;
		transform: scaleX(0.8) scaleY(0.8);
	}
	20% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	22%, 52% {
		opacity: 1;
	}
	54%, 100% {
		opacity: 0;
	}
}
@keyframes panBtn {
	0%, 10% {
		opacity: 0;
	}
	12%, 20% {
		opacity: 1;
	}
	22% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	23% {
		opacity: 1;
		transform: scaleX(0.8) scaleY(0.8);
	}
	24% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	26%, 54% {
		opacity: 1;
	}
	56%, 100% {
		opacity: 0;
	}
}

@keyframes bankBtn {
	0%, 12% {
		opacity: 0;
	}
	14%, 24% {
		opacity: 1;
	}
	26% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	27% {
		opacity: 1;
		transform: scaleX(0.8) scaleY(0.8);
	}
	28% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	30%, 56% {
		opacity: 1;
	}
	58%, 100% {
		opacity: 0;
	}
}

@keyframes signBtn {
	0%, 14% {
		opacity: 0;
	}
	16%, 26% {
		opacity: 1;
	}
	28% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	29% {
		opacity: 1;
		transform: scaleX(0.8) scaleY(0.8);
	}
	30% {
		opacity: 1;
		transform: scaleX(1) scaleY(1);
	}
	31%, 57% {
		opacity: 1;
	}
	58%, 100% {
		opacity: 0;
	}
}

@keyframes aadharSection {
	0%, 32% {
		opacity: 0;
	}
	34%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes panSection {
	0%, 38% {
		opacity: 0;
	}
	40%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes bankSection {
	0%, 42% {
		opacity: 0;
	}
	44%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes voterSection {
	0%, 48% {
		opacity: 0;
	}
	50%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes draw_popup {
	0%, 50% {
		opacity: 0;
    }
	51%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes sign {
	0%, 56% {
		opacity: 0;
    }
	57%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes sign_details {
	0%, 60% {
		opacity: 0;
    }
	62%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes sign_b {
  0% {
    stroke-dashoffset: 8400;
    opacity: 0;
  }
  51% {
    stroke-dashoffset: 8400;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes checkMark5 {
	0%, 60% {
		opacity: 0;
	}
	62%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes checkMark6 {
	0%, 68% {
		opacity: 0;
	}
	70%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes checkMark2 {
	0%, 62% {
		opacity: 0;
	}
	64%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes checkMark3 {
	0%, 64% {
		opacity: 0;
	}
	66%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes checkMark4 {
	0%, 66% {
		opacity: 0;
	}
	68%, 98% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}