html {
	scroll-behavior: smooth;
}

.error {
	color: #f46a6a;
}
.parsley-error {
	border-color: #f46a6a;
}
.parsley-errors-list {
	display: none;
	margin: 0;
	padding: 0;
}
.parsley-errors-list.filled {
	display: block;
}
.parsley-errors-list > li {
	font-size: 12px;
	list-style: none;
	color: #f46a6a;
	margin-top: 5px;
}

input.error {
	border: 2px solid red !important;
}

label.error {
	color: red !important;
}

/* faq */
.Accordion {
	/* padding-top: 60px;
	padding-bottom: 60px; */
}
.Accordion__tabs {
	/* max-width: 600px;
	list-style: none; */
}
.Accordion__tab {
	/* width: 100%; */
}
.Accordion__tab__headline {
	/* display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(66, 11, 11, 0.5);
	transition: 0.2s ease all;
	padding: 20px 15px;
	cursor: pointer;
	font-weight: 400; */
}
.Accordion__tab__headline:hover {
	/* background-color: #607bba; */
}
.Accordion__tab__headline > h4 {
	/* user-select: none;
	text-transform: uppercase;
	margin: 0; */
}
.Accordion__tab__headline .icon {
	display: flex;
	width: 30px;
	height: 30px;
	/* margin-top: .5rem; */
	/* border: 1px solid;
	border-radius: 22px; */
	position: relative;
}
.Accordion__tab__headline .icon::before {
	display: block;
	position: absolute;
	content: "";
	top: 10px;
	left: 6px;
	width: 20px;
	height: 4px;
	--tw-bg-opacity: 1;
	background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
	border-radius: 0.25rem;
	/* background: currentColor; */
}
.Accordion__tab__headline .icon::after {
	display: block;
	position: absolute;
	content: "";
	top: 2px;
	left: 14px;
	width: 4px;
	height: 20px;
	--tw-bg-opacity: 1;
	background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
	border-radius: 0.25rem;
	/* background: currentColor; */
	transition: 0.2s ease all;
}
.Accordion__tab__content {
	overflow: hidden;
	/* padding: 0px 15px; */
	box-sizing: border-box;
	height: 100%;
	max-height: 0;
	transition: 0.4s ease all;
}
.Accordion__tab--open .Accordion__tab__headline .icon::after {
	transform: scaleY(0);
}

@media (min-width: 1024px) {
	::-webkit-scrollbar-track {
		border-radius: 5px;
		background-color: #fff;
	}

	::-webkit-scrollbar {
		width: 4px;
		background-color: #f5f5f5;
	}

	::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #e5e7eb;
	}
}

.last_step {
	opacity: 0;
}

.aadhaar_no {
	opacity: 0;
}

.header {
	animation: header 7s linear infinite;
}

g.last_step {
	animation: lastStep 7s linear infinite;
}

.aadhaar_no {
	animation: aadhar 7s linear infinite;
}

g.first_step {
	animation: firstStep 7s linear infinite;
}

g.submit_btn {
	animation: submitBtn 7s linear infinite;
	transform-origin: center;
	transform-box: fill-box;
}

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

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

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

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

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