h2{
	margin-bottom: unset;
	line-height: 30px;;margin-top: 18px;
}
.mt-20 {
	margin-top: 20px;
}

.mt-10 {
	margin-top: 10px;
	font-size: 20px;
}


.main_pay {
	margin: auto;
	margin-top: 15px;
	margin-bottom: 50px;
	/* position: absolute; */
	border-radius: 10px;
	/* top: 50%; */
	/* left: 50%; */
	/* transform: translate(-50%, -50%); */
	width: 450px;
	height: 670px;
	background-color: #fff;

}

.head {
	border-radius: 10px 10px 0 0;
	height: 80px;

	background: linear-gradient(105deg, #293042 0%, #293042 100%);
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.logo {
	height: 50px;
	border-radius: 7px;
	;

}

.shop_name {
	color: #fff;
	margin-left: 15px;
	;
	
}

.shop_verified {
	color: #fff;
	align-items: center;
	margin-left: 15px;
	;
}

.shop_verified>img {
	height: 20px;
}

.shop_verified>span {
	font-size: 15px;
}

.qrCode {
	margin-top: 10px;
	width: 200px;
	border: 1px solid #efefef;
}

.small_img {
	width: 70px;
}

/********************************/
.upi_app_logo {
	padding: 10px;
	height: 60px;
	border: 1px solid #efefef;
}

.apps {
	justify-content: center;
}

#timer {
	color: red
}


/* HTML: <div class="loader"></div> */
.loader {
	width: 50px;
	height: calc(50px*0.866);
	background: #9472ee;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	--c: at 50% 66%, #000 60deg, #0000 0;
	-webkit-mask:
		conic-gradient(from 30deg var(--c)) right,
		conic-gradient(from 150deg var(--c)) bottom,
		conic-gradient(from -90deg var(--c)) left,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	-webkit-mask-repeat: no-repeat;
	animation: l9 1.5s infinite;
}

@keyframes l9 {
	0% {
		-webkit-mask-size: 0 0, 0 0, 0 0, auto
	}

	13.33% {
		-webkit-mask-size: 100% 100%, 0 0, 0 0, auto
	}

	26.67% {
		-webkit-mask-size: 100% 100%, 100% 100%, 0 0, auto
	}

	40%,
	60% {
		-webkit-mask-size: 100% 100%, 100% 100%, 100% 100%, auto
	}

	73.33% {
		-webkit-mask-size: 0 0, 100% 100%, 100% 100%, auto
	}

	86.67% {
		-webkit-mask-size: 0 0, 0 0, 100% 100%, auto
	}

	100% {
		-webkit-mask-size: 0 0, 0 0, 0 0, auto
	}
}


@media only screen and (max-width: 500px) {
	.main_pay {
		/* position: fixed; */
		/* top: 0; */
		/* left: 0; */
		/* transform: unset; */
		border-radius: 0;
		width: 100%;
		min-height: 100vh;
		max-height: 100%;
		margin-top: 0;
		margin-bottom: 0;
	}

	.head {
		border-radius: 0;
	}
}