body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#2b1966;--text-color:#060606;--text-secondary:#737272;--success-color:green;--shadow-light:0px 0px 37px -26px #42445a;--shadow-medium:8px 8px 19px -11px #42445a}*{margin:0;padding:0}body{font-family:sans-serif}.app-container{box-shadow:8px 8px 19px -11px #42445a;box-shadow:var(--shadow-medium);padding-top:20px;width:350px}@media only screen and (max-width:455px){.app-container{padding-top:20px;width:100%}}.MarName{font-size:15px;margin:0 100px 0 0}.ShopIcon{margin:14px;width:35px}.Amountwrapper{color:green;color:var(--success-color);font-size:20px;margin-left:-50px;margin-right:23px;padding-top:18px}.middle-box{background-color:#fff;border-radius:10px;box-shadow:0 0 37px -26px #42445a;box-shadow:var(--shadow-light);color:#060606;color:var(--text-color);display:flex;font-size:12px;height:160px;margin:20px 15px;padding-top:0;text-align:center}.upiappwrapper{display:flex;justify-content:space-between;margin:-100px 30px 25px}.UserLogo{flex:1 1}.Amount{margin:-10px 40px 0 0;padding:4px 0 0}.marName{margin:0;padding:0;text-align:left}.UserLogoIcon{height:50px;margin:50px -8px 0 0;width:50px}.middle-box h1{font-size:40px;font-weight:400;padding:30px 0}.middle-box h1 span{bottom:12px;font-size:20px;margin-left:5px;position:relative}.paybox{display:flex}.icon{flex:1 1}.UpiIcon{height:25px;margin:11px;width:25px}.LinkIcon,.QrIcon,.RequestIcon{height:30px;margin:14px;width:30px}.title{margin:10px 90px 0 0;padding:4px 0 0}.upiTitle{font-size:14px;margin:0;padding:0;text-align:left}.upiSubtitle{margin-top:5px;padding:0;text-align:left}.otherBox,.upiSubtitle{color:#060606;color:var(--text-color);font-size:12px}.otherBox{background-color:#fff;border-radius:10px;box-shadow:0 0 37px -26px #42445a;box-shadow:var(--shadow-light);margin:20px 15px;padding-top:0;text-align:center}.othertitle{font-size:12px;margin:0 0 0 13px;padding:16px 5px 5px;text-align:left}.methodWrapper{display:flex;padding:15px 0 9px}.UPIMethod{height:17px;margin-left:0;padding:6px;width:17px}.titlewrapper{color:#969494;flex:5 1;margin-left:0;text-align:left}.loading{display:inline-block;height:64px;position:relative;width:64px}.loading div{animation:loading 1.4s cubic-bezier(0,.2,.8,1) infinite;background:#2b1966;background:var(--primary-color);border-radius:50%;opacity:1;position:absolute}.loading div:nth-child(2){animation-delay:-.7s}@keyframes loading{0%{height:0;left:28px;opacity:1;top:28px;width:0}to{height:58px;left:-1px;opacity:0;top:-1px;width:58px}}.ShopLogo{color:#060606;float:left;height:40px;margin-left:30px;width:40px}@media only screen and (max-width:455px){.left-icon{padding-bottom:0}}.right-icon{float:right;margin-right:30px}.payption{color:grey;margin-left:30px}.optionBox{background-image:linear-gradient(#fff,#fdfaff);border-radius:10px;box-shadow:8px 8px 23px -19px #42445a;color:#343232;font-size:12px;height:60px;margin:10px 30px;padding:3px;text-align:left}.optSubtitle,.opttitle{margin:0;padding:0}.optSubtitle{color:#919191}.payment-option-btn{background-color:#763bec;border:none;border-radius:10px;color:#fff;cursor:pointer;height:50px;margin:5px 30px;width:290px}.otheroption,.powered{font-size:12px}.powered{display:flex}.powredwrapper{align-items:center;flex:1 1;text-align:center}.poweredlogowrapper,.poweredlogowrapper1{flex:1 1}.logo{height:70px;margin:-30px 15px 15px -78px;width:225px}.Yesbank{height:50px;margin:15px}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}body{background-color:#f5f5f5;height:100vh}.container{margin:30px auto;max-width:380px;overflow:hidden}.printer-top{background:#333;border:6px solid #666;border-bottom:0;border-radius:6px 6px 0 0;height:6px;z-index:1}.printer-bottom{background:#333;border:6px solid #666;border-radius:0 0 6px 6px;border-top:0;height:6px;z-index:0}.paper-container{height:550px;overflow:hidden;position:relative}.paper{animation:print 1.8s cubic-bezier(.68,-.55,.265,.9);-moz-animation:print 1.8s cubic-bezier(.68,-.55,.265,.9);background:#fff;border:#c3c3c3;border-style:solid;border-top-left-radius:8px;border-top-right-radius:8px;margin:-12px 12px 0;position:absolute;width:93.5%;z-index:2}.main-contents{margin:0 12px;padding:24px}.jagged-edge{height:20px;margin-top:-1px;position:relative;width:100%}.jagged-edge:after{background:linear-gradient(45deg,#0000 33.333%,#fff 0,#fff 66.667%,#0000 0),linear-gradient(-45deg,#0000 33.333%,#fff 0,#fff 66.667%,#0000 0);background-position:0 -20px;background-size:16px 40px;content:"";display:block;height:20px;left:0;position:absolute;right:0}.success-icon{background:#359d00}.fail-icon,.success-icon{border-radius:50%;color:#fff;font-size:48px;height:72px;margin:18px auto;width:72px}.fail-icon{background:#444}.success-title{color:#666;font-size:22px;font-weight:700;margin-bottom:16px;text-align:center}.success-description{color:#5b5b5b;font-size:15px;line-height:21px;margin-bottom:24px;text-align:center}.order-details{color:#333;.order-number-label{color:#359d00;font-size:35px;font-weight:bolder;margin-bottom:8px}.order-number{border-bottom:1px solid #ccc;border-top:1px solid #ccc;color:#5b5b5b;font-size:14px;line-height:48px;margin-bottom:24px;padding:8px 0}}.order-details,.order-footer{font-weight:700;text-align:center}.order-footer{color:#999;font-size:18px;line-height:18px;margin-bottom:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.redirect-section{margin-bottom:24px;text-align:center}.redirect-text{color:#333;font-size:18px;font-weight:700;margin-bottom:8px}.redirect-subtext{color:#666;font-size:14px;margin-bottom:20px}.progress-container{background-color:#e0e0e0;border-radius:3px;height:6px;margin:0 auto}.progress-bar{animation:shimmer 2s infinite;border-radius:3px}.continue-button{background-color:#2b1966;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:5px;padding:12px 24px;transition:background-color .3s ease}.continue-button:hover{background-color:#1a0f4a}.LogoIcon{height:75px;width:260px}@keyframes print{0%{transform:translateY(-90%)}to{transform:translateY(0)}}.redirect-page{align-items:center;background-color:#f5f5f5;display:flex;font-family:sans-serif;justify-content:center;min-height:100vh}.redirect-container{margin:0 auto;max-width:450px;padding:20px;width:90%}.redirect-content{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:40px 30px;text-align:center}.redirect-status{margin-bottom:40px}.redirect-icon{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.redirect-icon svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.redirect-title{color:#333;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 12px}.redirect-subtitle{color:#666;font-size:16px;font-weight:400;margin:0}.progress-section{margin-bottom:40px}.progress-container{background-color:#e8e8e8;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#6a4c93,#9a208c,#e83f5b);border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .1s ease-out}.progress-bar:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-text{color:#666;font-size:14px;font-weight:500;margin:0}.redirect-footer{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:20px}@media (max-width:480px){.redirect-content{padding:30px 20px}.redirect-title{font-size:20px}.redirect-subtitle{font-size:14px}.redirect-icon svg{height:50px;width:50px}}