.loader-wrapper{height:100vh;display:flex;justify-content:center;align-items:center}.loader{width:50px;aspect-ratio:1;--_c: no-repeat radial-gradient(farthest-side, #25b09b 92%, #0000);background:var(--_c) top,var(--_c) left,var(--_c) right,var(--_c) bottom;background-size:12px 12px;animation:l7 1s infinite}@keyframes l7{to{transform:rotate(.5turn)}}.banner-slide-wrapper{display:flex;justify-content:center;align-items:center;height:55vh;overflow:hidden}.banner-caption{background:#0009;padding:10px 20px;border-radius:10px;animation:fadeInUp 1s ease-in-out}.banner-caption h5{color:#fff;font-weight:700;font-size:1.8rem}.banner-caption p{color:#eee;font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.banner-caption h5{font-size:1.2rem}.banner-caption p{font-size:.9rem}.banner-slide-wrapper{height:27vh}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.passwordUpdate{display:flex;justify-content:center;align-items:center;height:100vh}.login{width:100%;max-width:400px}.main{width:100%;height:100%;display:grid;margin:auto}.center{width:40%;margin:auto auto 300px}@media (max-width:991px){.center{width:90%}}.notfound-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#020711,#2a5298);color:#fff;text-align:center;padding:2rem}.notfound-img{max-width:300px;margin-bottom:30px;animation:float 3s ease-in-out infinite}.notfound-title{font-size:8rem;font-weight:700;margin:0;animation:pulse 2s infinite}.notfound-message{font-size:1.5rem;margin:20px 0}.home-link{margin-top:20px;padding:10px 20px;background:#fff2;border:1px solid #fff;border-radius:5px;color:#fff;text-decoration:none;transition:.3s ease}.home-link:hover{background:#fff;color:#2a5298}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.orderBox{box-shadow:#00000059 0 5px 15px;padding:10px;border-radius:10px;margin-bottom:10px}.orderBox .qty{margin:auto}.orderBox p{font-size:1rem;color:#333}.orderBox input,.orderBox .MuiAutocomplete-root{max-width:100px}.bg-white{background-color:#fff}.customBtn{width:160px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin:20px;height:55px;text-align:center;border:none;background-size:300% 100%;border-radius:50px;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.customBtn:hover{background-position:100% 0;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.customBtn:focus{outline:none}.customBtn.bn25{background-image:linear-gradient(to right,#29323c,#485563,#2b5876,#4e4376);box-shadow:0 4px 15px #2d3641bf}.viewOrderDetails{font-size:20px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;border-radius:50%;width:30px;height:30px;text-align:center}.viewOrderDetails a{color:#00083e!important}.deleteOrderDetails{font-size:20px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;border-radius:50%;width:30px;height:30px;text-align:center}.deleteOrderDetails a{color:#df4e05!important}.viewOrderDetails:hover,.deleteOrderDetails:hover{box-shadow:#64646f 0 7px 29px}#addwallet12-container{max-width:500px;margin:20px auto;padding:15px;box-sizing:border-box}#addwallet12-balance-box{background-color:#e5eff8;padding:12px 16px;margin-bottom:20px;border-left:5px solid #0053ac;border-radius:8px;font-size:18px;font-weight:500}#addwallet12-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 8px #0000001a}#addwallet12-back{background:none;border:none;font-size:16px;color:#007bff;margin-bottom:10px;cursor:pointer}#addwallet12-title{margin-bottom:20px;text-align:center;color:#001831;font-weight:600}.addwallet12-form-group{margin-bottom:15px}.addwallet12-form-group label{display:block;margin-bottom:6px;font-weight:500}.addwallet12-form-group input,.addwallet12-form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}#addwallet12-submit{background-color:#007bff;color:#fff;padding:12px;width:100%;border:none;border-radius:6px;font-size:16px;cursor:pointer;margin-top:10px}#addwallet12-submit:hover{background-color:#0056b3}.bn632-hover{width:160px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin:20px;height:55px;text-align:center;border:none;background-size:300% 100%;border-radius:50px;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.bn632-hover:hover{background-position:100% 0;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.bn632-hover:focus{outline:none}.bn632-hover.bn24{background-image:linear-gradient(to right,#6253e1,#852d91,#a3a1ff,#f24645);box-shadow:0 4px 15px #7e34a1bf}.payment-option-card{border:2px solid #ddd;border-radius:10px;padding:14px 18px;text-align:center;cursor:pointer;flex:1 1 45%;display:flex;align-items:center;gap:12px;background-color:#f8f9fa;transition:.3s ease}.payment-option-card img{width:32px;height:32px}.payment-option-card span{font-weight:600;font-size:16px}.payment-option-card.selected{border-color:#007bff;background-color:#eaf4ff;box-shadow:0 4px 10px #007bff1a}.method-display{background:#f1f1f1;padding:12px;margin-bottom:10px;border-radius:6px;font-size:14px;line-height:1.5}.payment-option-card{border:2px solid #dee2e6;border-radius:10px;padding:12px 16px;background-color:#f8f9fa;cursor:pointer;transition:.3s ease;display:flex;align-items:center}.payment-option-card:hover{background-color:#e9ecef}.payment-option-card.selected{border-color:#0d6efd;background-color:#e0f0ff;box-shadow:0 4px 12px #0d6efd1a}.paymentsIcons{font-size:25px;color:green}@media (max-width: 768px){.payment-option-card{flex:1 1 100%}}@media (max-width: 600px){#addwallet12-card{padding:15px}#addwallet12-balance-box{font-size:14px}}.deviceList-container{max-width:600px;margin:auto}.deviceList-search input{border-radius:8px;font-size:14px}.deviceList-filters .btn{font-size:13px;padding:6px 12px;border-radius:20px}.deviceList-card{border-radius:12px;background:#f8f9fa}.deviceList-card .badge{font-size:12px;padding:5px 10px}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.disconnect-alert{background-color:red;color:#fff;border-radius:6px;padding:12px 16px;margin-bottom:16px;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;animation:blink 1.5s infinite;box-shadow:0 0 10px #ff4d4d99;transition:all .3s ease-in-out}.disconnect-alert .disconnect-text{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.disconnect-alert .disconnect-icon{font-size:18px}.disconnect-alert .disconnect-timer{font-weight:700;font-family:monospace;background:#fff3;padding:4px 8px;border-radius:4px}@media screen and (max-width: 576px){.disconnect-alert{font-size:14px;padding:10px 12px}.disconnect-alert .disconnect-text{flex-direction:column;gap:6px}.disconnect-alert .disconnect-timer{font-size:13px}}.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;margin-bottom:20px}.info-card h5{margin-bottom:15px;font-weight:600;color:#343a40}.info-card ul{list-style:none;padding-left:0;margin:0}.info-card ul li{margin-bottom:8px;font-size:15px;color:#555}.order-stepper-container{position:relative;display:flex;justify-content:space-between;margin:40px 10px 60px}.stepper-step{position:relative;text-align:center;width:100%;z-index:1}.stepper-step .step-icon{width:36px;height:36px;background:#ccc;color:#fff;font-weight:700;border-radius:50%;margin:auto;line-height:36px;z-index:2;position:relative;transition:all .3s ease}.stepper-step.active .step-icon{background:#28a745}.stepper-step .step-label{font-size:13px;margin-top:8px;color:#666;font-weight:500}.stepper-step.active .step-label{color:#28a745;font-weight:600}.stepper-line{position:absolute;top:18px;left:18px;height:3px;background:#28a745;z-index:0;transition:width .4s ease}.order-stepper-container{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:40px;padding:0 10px}.stepper-line-background{position:absolute;top:18px;left:0;height:3px;width:100%;background:#ccc;z-index:0}.stepper-line-filled{position:absolute;top:18px;left:0;height:3px;background:#28a745;z-index:1;transition:width .3s ease}.stepper-step{position:relative;text-align:center;flex:1;z-index:2}.step-icon{width:36px;height:36px;margin:auto;border-radius:50%;background-color:#ccc;color:#fff;line-height:36px;font-weight:700;transition:background-color .3s}.step-icon.active{background-color:#28a745}.step-label{margin-top:6px;font-size:13px;color:#666}.step-label.active{color:#28a745;font-weight:600}.modal-backdrop-custom{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1050}.modal-content-custom{position:relative;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:40vw;max-height:40vh;overflow:hidden;text-align:center}.modal-content-custom img{max-width:40vw;max-height:40vh;border-radius:10px;object-fit:contain}.close-button{position:absolute;top:10px;right:10px;background:#dc3545;border:none;color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;width:35px;height:35px;cursor:pointer;line-height:1;display:flex;justify-content:center;align-items:center;transition:background .2s ease-in-out}.close-button:hover{background:#c82333}.termcondition-header{background-color:#f9f9f9;border-bottom:1px solid #ddd}.termcondition-header h2{text-align:center}.termcondition-content{background-color:#fff}.termcondition-container{padding:20px;border:1px solid #eee;border-radius:8px;background-color:#fafafa}.termcondition-section ol{padding-left:20px}.termcondition-section ul{padding-left:20px;list-style:disc}@media (max-width:576px){.termcondition-header h2{font-size:25px!important}}
