@keyframes react-spinners-BarLoader-long { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } }@keyframes react-spinners-BarLoader-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } }.css-1q85uro { padding-top: calc(104px); -webkit-box-flex: 1; flex-grow: 1; } .css-9l3uo3 { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; letter-spacing: 0.00938em; } .css-1qgm345 { display: flex; -webkit-box-align: center; align-items: center; background-color: white; border-radius: 8px; overflow: hidden; max-width: 400px; width: 100%; margin-top: 0px; } .css-feqhe6 { display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; width: 100%; } .css-1bp1ao6 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; position: relative; border-radius: 4px; } .css-1bp1ao6.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } .css-1bp1ao6:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { .css-1bp1ao6:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } .css-1bp1ao6.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(25, 118, 210); border-width: 2px; } .css-1bp1ao6.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(211, 47, 47); } .css-1bp1ao6.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } .css-1x5jdmq { font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px; } .css-1x5jdmq::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); } .css-1x5jdmq:focus { outline: 0px; } .css-1x5jdmq:invalid { box-shadow: none; } .css-1x5jdmq::-webkit-search-decoration { appearance: none; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1x5jdmq::-webkit-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1x5jdmq:focus::-webkit-input-placeholder { opacity: 0.42; } .css-1x5jdmq.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); } .css-1x5jdmq:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; } .css-1x5jdmq:-webkit-autofill { border-radius: inherit; } .css-19w1uun { border-color: rgba(0, 0, 0, 0.23); } .css-igs3ac { text-align: left; position: absolute; inset: -5px 0px 0px; margin: 0px; padding: 0px 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(0, 0, 0, 0.23); } .css-ihdtdm { float: unset; width: auto; overflow: hidden; padding: 0px; line-height: 11px; transition: width 150ms cubic-bezier(0, 0, 0.2, 1); }@keyframes rzp-rot { 100% { transform: rotate(360deg); } } @-webkit-keyframes rzp-rot { 100% { transform: rotate(360deg); } } .razorpay-container > iframe { min-height: 100% !important; } .razorpay-checkout-frame.razorpay-mobile-layout { max-width: 450px !important; height: 90vh !important; min-height: 0px !important; max-height: 900px !important; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; border-radius: 16px !important; overflow: hidden !important; } @media (max-width: 450px) { .razorpay-checkout-frame.razorpay-mobile-layout { max-width: 100% !important; width: 100% !important; height: 100% !important; max-height: 100% !important; top: 0px !important; left: 0px !important; transform: none !important; border-radius: 0px !important; } }

🌐Select Language:

Error Loading Component

Cannot read properties of undefined (reading 'id')

Test Mode