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}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-wrapper{align-items:center;display:flex;height:100vh;justify-content:center}.spinner-grow{-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite;background-color:currentColor;border-radius:50%;color:#102787;display:inline-block;height:2rem;vertical-align:text-bottom;width:2rem}.sm{height:1rem;width:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.bottom-navigation{align-items:center;display:flex;justify-content:center;padding-top:1rem}.bottom-navigation .arrow{cursor:pointer;margin:0 .5rem}.bottom-navigation .dot{color:#18349b;cursor:pointer;font-size:10px;font-weight:500;margin:.2rem}.bottom-navigation .active{align-items:center;background:#18349b;border-radius:50%;color:#fff;display:flex;height:1rem;justify-content:center;width:1rem}.link{border-radius:100px;height:30px;margin:2px}.bank-form{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.bank-form .detail{margin-bottom:2rem}.bank-form .form-field{align-self:stretch;display:flex;flex-direction:column;padding:.5rem 0}.bank-form .form-field .field-label{font-size:14px;font-style:normal;font-weight:600;margin-left:1rem}.bank-form .form-field .field-input{background:#f0efef;border:1px solid #f0efef;border-radius:19.5px;outline:#f0efef;padding:.5rem 1rem}.bank-form .form-field .field-error{color:#fff;margin-left:1rem}.bank-form .payment-btn{min-width:15rem}.bank-form .otp-msg-cnt{align-items:baseline;align-self:stretch;display:flex;justify-content:space-between}.bank-form .otp-msg-cnt .enter-otp{align-items:center;display:flex;font-size:12.2143px;font-weight:400;line-height:18px}.bank-form .otp-msg-cnt .otp-counter,.bank-form .otp-resend-cnt{align-items:center;display:flex;font-size:9.5px;font-weight:600;line-height:14px}.bank-form .otp-resend-cnt{padding:4rem 0 1rem}.bank-form .otp-resend-cnt .resend{background:transparent;border:1px solid #fff;border-radius:23px;color:#fff;cursor:pointer;margin:0 .5rem}.bank-form .info{font-weight:600;padding:.5rem 0;text-align:center}.bank-form .info .info-label{font-size:14px}.bank-form .info .info-value{font-size:18px}.progress-bar{align-items:center;display:flex;justify-content:space-between;padding:1rem;width:85%}.progress-bar .circle-line-cnt{align-items:center;display:flex;justify-content:center;width:100%}.progress-bar .circle-line-cnt:first-child{width:0}.progress-bar .circle-cnt{align-items:center;display:flex;justify-content:center;position:relative}.progress-bar .circle-cnt .title{font-size:13.0362px;font-weight:600;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:100%;width:100px}.progress-bar .circle{align-items:center;border:.931159px dashed #f0efef;border-radius:50%;color:hsla(0,3%,94%,.54);display:flex;font-size:11.1739px;height:1.5rem;justify-content:center;margin:.2rem 0;width:1.5rem}.progress-bar .circle.active{background-color:#fff;color:#00a3ba;z-index:1}.progress-bar .circle-line{border:none;flex-grow:1;height:1px;margin:0 .2rem;position:relative;width:100%}.progress-bar .circle-line.active{border:.931159px dashed #f0efef}.progress-bar .title{color:hsla(0,3%,94%,.54);white-space:nowrap}.progress-bar .title.active{color:#fff}.success-wrapper{height:100vh;margin:1rem}.success-wrapper,.success-wrapper .success-card{align-items:center;display:flex;justify-content:center}.success-wrapper .success-card{background:linear-gradient(89.77deg,#0084ad .02%,#00a3ba 46.19%,#00d9b0 99.62%);border-radius:34.218px;box-shadow:1.31608px 5.26431px 19.7411px rgba(0,0,0,.24);color:#fff;flex-direction:column;padding:3rem;width:582px}.success-wrapper .success-card .title{font-size:30px;font-weight:700;line-height:33px;text-align:center}.success-wrapper .success-card .desc{font-size:16px;font-weight:500;line-height:24px;padding:2rem 0;text-align:center}.success-wrapper .success-card .payment-btn{text-decoration:none;width:auto}.success-wrapper .spinner-wrapper{height:0;padding-top:2rem}.circle-imp,.payment-checkout-page .popup_inner .confirmation .circle,.payment-checkout-page .popup_inner .unregistered-phone .circle{background:#00d9b0;border-radius:50%;height:19px;margin:0 .5rem;position:relative;width:19px}.checkmark-imp,.payment-checkout-page .popup_inner .confirmation .checkmark,.payment-checkout-page .popup_inner .unregistered-phone .checkmark{border-bottom:1px solid #fff;border-right:1px solid #fff;height:9.5px;left:27%;position:absolute;top:45%;-webkit-transform:rotate(45deg) translate(-50%,-50%);transform:rotate(45deg) translate(-50%,-50%);width:4.75px}.payment-checkout-page .popup_inner .confirmation .phone,.payment-checkout-page .popup_inner .unregistered-phone .phone,.phone-imp{align-items:center;color:#666;display:flex;font-size:1rem;font-weight:700;margin-top:1rem}.payment-checkout-page{color:#18349b;display:flex;flex-direction:column;height:100vh}.payment-checkout-page .payment-header{align-items:center;background:linear-gradient(180deg,#18349b,#091a72);display:flex;flex-direction:row;justify-content:space-between;padding:2rem 8rem;position:relative}.payment-checkout-page .payment-header .icon-close{color:#fff;cursor:pointer;height:1rem;position:absolute;right:1rem;top:1rem;width:1rem}.payment-checkout-page .payment-header .payment-gateway{width:12rem}.payment-checkout-page .payment-header .vendor-logo{height:4rem}.payment-checkout-page .payment-body{align-items:center;display:flex;justify-content:center}.payment-checkout-page .payment-body .payment-greetings{display:flex;display:none;flex-direction:column;justify-content:center;padding:4rem;width:33rem}.payment-checkout-page .payment-body .payment-greetings .greetings-heading{font-family:Poppins;font-size:35px;font-style:normal;font-weight:500;line-height:38px;padding-bottom:1rem}.payment-checkout-page .payment-body .payment-greetings .qa-wrapper{padding:1rem 0}.payment-checkout-page .payment-body .payment-greetings .qa-wrapper .question{color:#18349b;font-size:19px;font-weight:700}.payment-checkout-page .payment-body .payment-greetings .qa-wrapper .answer{color:#666;font-size:16px}.payment-checkout-page .payment-card-wrapper{padding-top:2rem}.payment-checkout-page .payment-card{align-items:center;background:linear-gradient(180deg,#0084ad .02%,#00a3ba 46.19%,#00d9b0 99.62%);border-radius:34.218px;box-shadow:1.31608px 5.26431px 19.7411px rgba(0,0,0,.24);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:28rem;padding:0 2rem 2rem;width:24rem}@media only screen and (max-width:600px){.payment-checkout-page .payment-card{width:20rem}}.payment-checkout-page .payment-card .dot-wrapper{margin-bottom:2rem}.payment-checkout-page .payment-card .dot{background:hsla(0,0%,100%,.38);border-radius:50%;cursor:pointer;display:inline-block;height:5px;margin:0 .1rem;width:5px}.payment-checkout-page .payment-card .dot.active{background:#fff}.payment-checkout-page .payment-card .body{align-items:center;display:flex;flex-direction:column;width:100%}.payment-checkout-page .payment-card .vendor-name{font-size:31.5858px;font-weight:500;line-height:47px;text-align:center;word-break:break-all}.payment-checkout-page .payment-card .payment-for{padding:1rem 0}.payment-checkout-page .payment-card .payment-for .payment-for-label{font-size:18.4251px;font-weight:600;line-height:28px;text-align:center}.payment-checkout-page .payment-card .payment-for .purchasing-item{font-size:15.7929px;font-weight:400;line-height:24px;text-align:center}.payment-checkout-page .payment-card .payment-wrapper{padding:1rem 0}.payment-checkout-page .payment-card .payment-wrapper .label{font-size:14.4768px;font-weight:600;line-height:22px;text-align:center}.payment-checkout-page .payment-card .payment-wrapper .amount{font-size:47.3787px;font-weight:400;line-height:71px;text-align:center;word-break:break-all}.payment-checkout-page .payment-card .line{border:0;border-top:1.31608px solid hsla(0,3%,94%,.54);margin-bottom:1rem;margin-top:1rem;width:100%}.payment-checkout-page .payment-card .payment-methods-wrapper{height:200px;overflow-y:auto;padding:.5rem 1rem}.payment-checkout-page .payment-card .payment-methods-wrapper .title{font-size:14px;margin-top:-.7rem;padding-bottom:1rem;text-align:center}.payment-checkout-page .payment-card .payment-method-btn{align-items:center;background:#017181;border:none;border-radius:23.6894px;box-shadow:0 5.26431px 7.89646px rgba(0,0,0,.28);color:#fff;display:flex;justify-content:space-between;margin:.3rem 0;padding:.1rem;width:20rem}.payment-checkout-page .payment-card .payment-method-btn:active{box-shadow:none;color:#fff}.payment-checkout-page .payment-card .payment-method-btn .payment-name{padding-left:1rem}.payment-checkout-page .payment-card .payment-method-btn .short-arrow-right{padding-right:1rem}.payment-checkout-page .payment-card .payment-method-btn .left-sec{align-items:center;display:flex}.payment-checkout-page .payment-card .payment-method-btn.default{background:#fff;color:#0084ad;padding:.3rem 1rem}.payment-checkout-page .payment-card .payment-method-btn.default img.link{width:9rem}.payment-checkout-page .payment-card .payment-method-btn.default .left-sec{flex-direction:row-reverse}.payment-checkout-page .payment-card .payment-method-btn.default .payment-name{border-right:1px solid #0084ad;margin-right:1rem;padding-right:.5rem}.payment-checkout-page .payment-card .payment-method-btn.default .short-arrow-right{padding-right:.1rem}@media only screen and (max-width:600px){.payment-checkout-page .payment-card .payment-method-btn{padding:.1rem!important;width:100%}}.payment-checkout-page .payment-card .footer{font-size:9.21253px;font-weight:500;line-height:14px;padding-top:1rem;text-align:center}.payment-checkout-page .payment-card .footer a{color:#18349b}.payment-checkout-page .contact-us{align-items:center;color:#666;display:flex;justify-content:center;padding:1rem 0}.payment-checkout-page .contact-us span{font-size:10px;font-weight:500;line-height:15px;padding-left:.5rem;text-align:center}.payment-checkout-page .contact-us .contact{color:#117ccc}.payment-checkout-page .popup{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;height:100%;justify-content:center;left:0;margin:auto;position:fixed;right:0;top:0;width:100%}.payment-checkout-page .popup_inner{align-items:center;background:#fff;border-radius:23px;color:#666;display:flex;flex-direction:column;margin:auto;padding:1rem 2rem;position:absolute;top:27%;width:475px}.payment-checkout-page .popup_inner .default{width:10rem}.payment-checkout-page .popup_inner .instruction{font-size:16px;font-weight:600;line-height:24px;text-align:center}.payment-checkout-page .popup_inner .input-txt{background:#f0efef;border:1px solid #c4c4c4;border-radius:24px;padding:.5rem .7rem;width:23rem}.payment-checkout-page .popup_inner .input-txt.inpit-error{border:1px solid red}.payment-checkout-page .popup_inner .input-txt:disabled{cursor:not-allowed}.payment-checkout-page .popup_inner .error{padding-left:1rem}.payment-checkout-page .popup_inner .unregistered-phone{align-items:center;display:flex;flex-direction:column}.payment-checkout-page .popup_inner .unregistered-phone .validaiton-wrapper{align-items:flex-start;background:#e9b707;border-radius:.9rem;color:#1c1c1c;display:flex;justify-content:center;margin:1rem 0;padding:.5rem}.payment-checkout-page .popup_inner .unregistered-phone .icon{padding:0 1rem}.payment-checkout-page .popup_inner .unregistered-phone .message{display:flex;flex-direction:column;font-size:12.1918px;font-weight:400;justify-content:center}.payment-checkout-page .popup_inner .unregistered-phone .title{font-size:14.6301px;line-height:22px}.payment-checkout-page .popup_inner .unregistered-phone .content{font-size:12.1918px;font-weight:400}.payment-checkout-page .popup_inner .confirmation{align-items:center;display:flex;flex-direction:column;justify-content:center}.payment-checkout-page .popup_inner .confirmation hr{border-top:.01rem solid #a5a5a5;margin-bottom:1rem;margin-top:1rem;width:100%}.payment-checkout-page .popup_inner .confirmation .title{font-size:16px;font-weight:600;line-height:24px;padding:1rem;text-align:center}.payment-checkout-page .popup_inner .confirmation .form-field{color:#18349b;font-size:14px;font-weight:500;letter-spacing:-.05px;line-height:20px;padding:1rem 0;text-align:center}.payment-checkout-page .popup_inner .confirmation .form-field>div{padding:.5rem 0}.payment-checkout-page .popup_inner .confirmation .form-field input[type=radio]{border:2px solid #18349b;height:25px;margin:1rem;width:25px}.payment-checkout-page .popup_inner .confirmation .form-field.radio-field{align-items:center;display:flex}.payment-checkout-page .popup_inner .confirmation .form-field .error{align-self:flex-start;color:red;display:flex;padding-left:1rem}.payment-checkout-page .popup_inner .confirmation .loading{background-color:rgba(0,0,0,.5);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.payment-checkout-page .popup_inner .confirmation.loading-wheel{-webkit-animation:spin 1s linear infinite;border-radius:50%;border-width:30px;height:20px;left:50%;margin-left:-40px;margin-top:-40px;position:absolute;top:50%;width:20px}.payment-checkout-page .popup_inner .confirmation .style-2 .loading-wheel{border-color:#ccc transparent;border-style:double}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-1turn)}}.payment-checkout-page .popup_inner footer{display:flex;justify-content:space-around;width:100%}@media screen and (max-width:480px){.payment-checkout-page .popup_inner{left:1%;padding:1rem 0;width:98%}}@media screen and (max-width:768px){.payment-checkout-page .payment-header{padding:2rem}.payment-checkout-page .payment-body{flex-direction:column;padding:0}.payment-checkout-page .payment-body .payment-greetings{width:auto}.payment-checkout-page .popup_inner .input-txt{width:15rem}}@media screen and (max-width:1024px){.payment-checkout-page .payment-header{padding:2rem}.payment-checkout-page .payment-body{padding:0}.payment-checkout-page .payment-body .payment-greetings{padding:4rem 2rem}}.payment-btn{align-items:center;background:linear-gradient(90.13deg,#117ccc 17.89%,#00a3ba 84.88%);border:1px solid #00d9b0;border-radius:27px;box-shadow:0 4px 6px rgba(0,0,0,.28);box-shadow:0 5.26431px 7.89646px rgba(0,0,0,.28);color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-size:18px;justify-content:center;line-height:20px;margin:1rem 0;min-width:9rem;padding:.5rem 2rem;width:auto}.payment-btn:active{background-color:#007bff;border-color:#007bff;box-shadow:none;color:#fff}.payment-btn span{font-size:12px;position:relative}.payment-btn .icon{padding-left:2rem;width:3.5rem}.payment-btn.cancle{background:#9f9f9f}.payment-btn:disabled{box-shadow:none;opacity:.7;pointer-events:none}input[type=checkbox]{margin:0 4px}#root{font-family:Poppins;font-size:.86em;height:100vh;width:100%}*,:after,:before{box-sizing:border-box}.app-preview,.payment-checkout-page{background-color:#fff}.app-preview{box-shadow:5px 4px 15px rgba(0,0,0,.3)}.app-preview .payment-header{padding:1rem 3rem}.app-preview .payment-body{align-items:center;background:#fff;display:flex;padding-left:0}.app-preview .payment-body .payment-card-wrapper,.app-preview .payment-body .payment-greetings{padding-top:2rem}.app-preview .payment-checkout-page .payment-body .payment-greetings .qa-wrapper{padding-right:7rem}.system-message{background:red;border-radius:.2rem;color:#fff;display:inline-block;font-family:Poppins;min-width:25rem;padding:1rem;position:absolute;right:10px;top:10px;transition:opacity .6s,visibility .6s;visibility:hidden}.system-message.show{opacity:1;visibility:visible}.system-message .close:after{color:#fff;content:"\2716";cursor:pointer;position:absolute;right:1rem;top:1rem}.system-message.error{background:red}.system-message .title{font-weight:600;text-transform:uppercase}
/*# sourceMappingURL=main.b37bb6a6.css.map*/