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