body,html{width:100%;height:100%;background-color:#f5f6fa;margin:0px;padding:0px}.app{font-family:Avenir,Helvetica,Arial,sans-serif;width:100%;height:100%;background-color:#f5f6fa}.app .header{padding:44px 0 20px;background:#3c71ce;box-shadow:0 5px 60px 1px rgba(132,126,126,.05);border-radius:0 0 0 0;opacity:1;position:relative}.header_content{display:flex;flex-direction:column;align-items:center}.header_content img{width:100px}.header_content p{margin-top:10px;font-size:14px;font-weight:700;color:#fff}.header_content .price{margin:10px 0;font-size:36px;font-weight:700;color:#ffda00}.upi{padding:16px}.upi .pay_card{border-radius:10px;width:100%;padding:16px;box-sizing:border-box;background:#fff;margin-bottom:16px}.pay_card .title{font-size:16px;font-weight:700;margin-bottom:10px}.pay_card .fast_pay{display:flex;flex-direction:row;justify-content:space-between;width:100%;flex-wrap:wrap}.fast_pay .fast_pay_item{display:flex;align-items:center;margin-bottom:10px;width:43%;background:#f9f9f9;border-radius:5px 5px 5px 5px;height:80px;padding:0 3%}.fast_pay_item img{width:51px;height:51px;margin-right:10px}.fast_pay_item p{font-size:16px;font-weight:700}.other_btn{font-size:12px;margin:16px;display:flex;align-items:center;justify-content:center}.qrcode_utr{border-radius:10px;width:100%;padding:16px;box-sizing:border-box;background:#fff;margin-bottom:16px}.qrcode_utr .title{font-size:16px;font-weight:700;margin-bottom:10px}.qrcode_utr .qrcode{display:flex;flex-direction:column;justify-content:center;align-items:center}.qrcode .tips{font-size:14px}.qrcode .tips p{margin-top:8px;font-weight:700;line-height:18px}.qrcode_utr .line{height:1px;width:100%;background:#ececf0;margin:16px 0}.upi_pay .title{font-size:16px;font-weight:700;margin-bottom:10px}.upi_cell{display:flex;justify-content:space-between;margin-bottom:8px}.upi_cell .label{color:#696f79;font-size:14px;font-weight:500}.upi_cell .value{color:#333;font-size:12px}.upi_cell .value_imp{color:#3c71ce;font-weight:700}.upi_tips{font-size:12px;margin-top:12px;padding:12px 9px;background:#f5f5f7;border-radius:4px;line-height:1.5}.upi_submit_tips{margin:16px;font-size:14px;color:#333;text-align:center}.upi_input{margin:10px auto}.upi_input input{width:100%;height:55px;background:#f5f5f7;opacity:1;font-size:16px;text-align:center;font-weight:700;color:#333;border-radius:30px;outline:0 none;border:none;line-height:1.5;font-family:tahoma,arial,Hiragino Sans GB,simsun,sans-serif}.upi_input input::placeholder{color:#3c71ce}.upi_btn{width:100%;height:50px;background:#3c71ce;text-align:center;line-height:50px;font-weight:700;border-radius:30px;color:#fff;font-size:16px;padding:0 15px;border:1px solid #ebedf0;position:relative;display:inline-block;box-sizing:border-box;margin:0;cursor:pointer;transition:opacity .2s;outline:0 none;font-family:tahoma,arial,Hiragino Sans GB,simsun,sans-serif}.upi_btn:active{background:#1f50a6}@keyframes loading{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.loading div{position:absolute;width:12px;height:12px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:loading 1s linear infinite;box-sizing:content-box}.img-qr-svg{width:94%;display:flex;margin:auto;margin-bottom:20px}.img-p2{gap:40px}.img-p2 img.bhim-svg{width:calc(58% - 20px)}.img-p2 img.upi-svg{width:calc(42% - 20px)}.img-p3{gap:30px}.img-p3 img{width:calc(26%)}.qrcode{margin-bottom:30px}html{font-size:100px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,0.1);border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}