.qn-mainNavContainer{display:flex;justify-content:space-between;align-items:center;padding:18px 15px;font-family:Poppins;background:#fff;margin:20px auto;border-radius:36px;width:80%;position:fixed;z-index:10;left:50%;transform:translate(-50%);box-shadow:0 2px 4px 2px #0000001a}.qn-mainNavContainer div{display:flex;justify-content:center;align-items:center;font-weight:500;width:30%;position:relative;z-index:3}.qn-mainNavContainer div:nth-child(1){justify-content:left}.qn-mainNavContainer div:nth-child(3){justify-content:right}.qn-mainNavContainer div h3{margin:0 8px;cursor:pointer}.logoContainer h3{text-transform:uppercase;font-family:Monoton;transform:scale(1.4)}.qn-mainNavContainer img{height:25px;margin-right:25px}.qn-mainNavContainer button{font-family:Monoton;color:#fff;border-radius:8px 15px 15px 8px;padding:6px 16px;background:url(/assets/btnOverlayW.svg) no-repeat center center / cover,#000;cursor:pointer;letter-spacing:1px}.qn-mainNavContainer button i{margin-left:10px}.qn-mobileNavContainer{background:#fff;position:fixed;width:100%;bottom:0;padding:5px 20px 8px;font-family:Poppins}.qn-mobileNavContainer div{display:flex;justify-content:space-between;width:90%;font-weight:400;font-size:20px;margin:0 20px}.qn-mobileNavContainer button{background:#000;color:#fff;border-radius:8px;padding:4px 16px;width:90%;margin:10px 20px;font-family:Monoton;text-transform:uppercase}.qn-mobileNavContainer button i{margin-left:10px}@media (max-width: 1200px){.qn-mainNavContainer div{display:flex;justify-content:center;align-items:center;font-weight:500;margin:0 auto}.qn-mobileNavContainer button{background:url(/assets/btnOverlayW.svg) no-repeat center center / cover,#000;color:#fff;border-radius:8px;padding:4px 12px;width:82%;margin:5px 20px;font-family:Monoton;text-transform:uppercase;font-size:16px}.qn-mainNavContainer div:nth-child(1){justify-content:left;display:none}.qn-mainNavContainer div:nth-child(3){justify-content:right;display:none}}.userDashboard{display:flex;justify-content:space-around;align-items:center;margin-top:95px}@media (max-width: 1200px){.userDashboard{flex-direction:column-reverse}}.infoHolder{text-align:left;width:70%}.infoHolder h1{font-weight:600;font-size:25px;font-family:Poppins}.infoHolder h1 i{margin-left:10px;cursor:pointer}.uf-Header{display:flex;justify-content:space-between;align-items:center}.cardContainer{width:330px;height:240px;border-radius:30px;box-shadow:0 2px 8px #0000004d;padding:15px;overflow:hidden;position:relative}.cardContainer .blob{width:160px;height:160px;border-radius:50%;background:#2e2e2e;position:absolute;top:0;opacity:.5}.cardContainer .blob-2{width:160px;height:160px;border-radius:50%;background:#2e2e2e;right:0;top:70px;position:absolute;opacity:.5}.cardContainer p{font-size:12px;color:#fff;font-family:Poppins;margin:0 25px;position:relative;z-index:3}.cardContainer h2{color:#fff;font-family:Poppins;padding:6px 10px;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;z-index:3;margin:20px 0 23px;border:2px dashed #fff;border-radius:30px}.cardContainer h2 i{cursor:pointer}.cardContainer button{background-color:#0000004d;color:#fff;border-radius:25px;padding:6px 16px;cursor:pointer;position:relative;z-index:3;left:-2px}.cardContainer button span{text-transform:lowercase}.cardContainer button i{margin-left:5px}.cardContainer .cardInfo-1{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;position:relative;z-index:3;margin-bottom:-3px}.cardContainer .cardInfo-1 h3{color:#fff;font-family:Poppins;padding:15px 8px;text-align:left;position:relative;z-index:3}.cardContainer .cardInfo-2{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;padding:6px 8px}.cardContainer .cardInfo-2 h3{color:#fff;font-family:Poppins;padding:15px 8px;text-align:left}.utilsContainer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.userActionsContainer{width:60%;text-align:left}.userActionsContainer button{width:max-content;height:max-content;background:oklch(72.3% .219 149.579);color:#fff;border-radius:8px;margin:0 10px;padding:8px 15px;font-weight:600;cursor:pointer;font-family:Poppins;border:none;font-size:17px}.userActionsContainer button:nth-child(1) div{display:flex;justify-content:space-evenly;align-items:center}.userActionsContainer button:nth-child(1) i{width:20px;height:20px;margin-left:6px}.userActionsContainer button:nth-child(1) i{transform:rotate(135deg)}.userActionsContainer button i{color:#fff}.userActionsContainer button:nth-child(2){background:oklch(72.3% .219 149.579)}.userActionsContainer button:nth-child(2) i{transform:rotate(-45deg)}.serviceContainer{width:max-content;height:max-content;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.serviceIconContainer{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;border-radius:50%;cursor:pointer}.servicesContainer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;width:60%;font-weight:400}.uf-Header h1{margin-left:40px}.enbTokenHolder{display:flex;justify-content:space-between;align-items:center;position:relative}.enbTokenHolder p{width:100%;display:flex;justify-content:left;align-items:center;cursor:pointer}.enbTokenHolder p:nth-child(2){align-items:center;justify-content:center}.enbTokenHolder p:nth-child(3){align-items:center;justify-content:right;font-weight:600}.enbTokenHolder p i{font-size:22px;margin-left:5px}.batch-n{background:red;border-radius:50%;width:50px;height:50px;color:#fff;display:flex;justify-content:center;align-items:center;transform:scale(.4);position:absolute;left:14px}.refreshIcon{color:#fff;position:relative;left:8px}@media (max-width: 1200px){.infoHolder{width:100%;flex-direction:column}.uf-Header h1{margin-left:0}.utilsContainer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-direction:column}.uf-Header{margin:0 auto;display:flex;justify-content:center;align-items:center}.userActionsContainer div{flex-wrap:wrap}.servicesContainer{width:100%;justify-content:space-evenly}.serviceContainer{margin:0 12px 20px}.userActionsContainer{width:100%;text-align:left;margin:8px auto;max-width:500px}.btnContainer{width:90%;display:flex;justify-content:space-around;align-items:center;margin:20px auto;max-width:500px}.btnContainer button{margin-top:10px;margin-bottom:10px}.cardContainer{width:300px;height:200px;border-radius:30px;padding:15px;overflow:hidden;position:relative}}.overlay-Container{background:#0003;width:100%;height:100%;position:absolute;top:0;display:flex;justify-content:center;align-items:center;z-index:12;position:fixed}.connectForm{width:40%;height:max-content;background:#fff;border-radius:30px;padding:20px 32px;box-shadow:0 2px 4px 2px #0000001a}.connectForm h1{font-family:Poppins;font-weight:800;margin-bottom:10px}.header{font-size:30px;font-weight:200;text-align:center;position:relative;display:flex;justify-content:center;align-items:center}.connectForm p{margin:10px;font-family:Poppins}.connectForm select{width:50%;height:max-content;border-radius:8px;background:#e5e7eb;padding:4px 8px;font-family:Poppins;outline:none;border:none}.connectForm .currency-header{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px;font-family:Poppins;font-weight:800}.connectForm .currency-header i{font-family:Poppins;font-weight:600}.connectForm .txData{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px}.connectForm .txData input{font-family:Poppins;border-radius:3px;border:1px solid #2e2e2e;min-width:50%;padding:4px 8px;border-left:none;border-right:none;border-top:none;outline:none}.connectForm button{background:url(../src/assets/btnOverlayW.svg) no-repeat center center / cover,#000;color:#fff;border-radius:8px;padding:10px 16px;cursor:pointer;width:100%;margin:10px auto 5px;font-family:rowdies}.recWalletAddress{width:100%}.connectForm .recWalletAddress input{width:100%;margin:10px 0;border-radius:5px;background:#e5e7eb;padding:4px 8px;font-family:Poppins;outline:none}.airtime-container input{font-family:Poppins;border:0px solid #2e2e2e;border-radius:8px;width:100%;margin:5px 0;padding:10px 5px;outline:none;background:#f1f5f9}.airtime-container select{width:100%}.data-header select{margin:0 10px}.data-container .data-header{display:flex;justify-content:space-around;align-items:center}.b-btn{position:absolute;right:0;cursor:pointer}.data-container input{font-family:Poppins;border:0px solid #2e2e2e;border-radius:8px;width:100%;margin:20px 0 10px;padding:10px 5px;outline:none;background:#f1f5f9}.connectForm .data-container .plans{width:96.2%;height:max-content;border-radius:5px;background:#e5e7eb;padding:4px 8px;margin:15px auto 0 9.3px;font-family:Poppins;outline:none}.netDetector{width:max-content;height:max-content;font-weight:800;font-family:Poppins;padding:4px 8px;color:#90a1b9;background:#e2e8f0;border-radius:25px;margin:10px 0}.overlays-Container{background:#0003;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;z-index:15;position:fixed}.summaryForm{width:40%;height:max-content;background:#fff;border-radius:30px;padding:16px 18px;box-shadow:0 2px 4px 2px #0000001a}.summaryForm hr{margin:0 auto}.summaryForm h3{font-family:Poppins}.sfHeader{display:flex;justify-content:center;align-items:center;font-family:Poppins}.sfHeader h1{font-size:18px;text-transform:capitalize;font-weight:600;margin-left:10px}.sfHeader img{width:30px;height:30px}.serviceHeader{display:flex;justify-content:space-between;align-items:center}.serviceHeader h1{font-family:Poppins;text-transform:uppercase;font-weight:600;font-size:18px}.serviceDiv{font-family:Poppins}.summaryForm button{background:url(../src/assets/btnOverlay.svg) no-repeat center center / cover,oklch(72.3% .219 149.579);color:#fff;border-radius:8px;padding:6px 16px;cursor:pointer;width:100%;margin:20px auto 5px;font-family:rowdies;text-transform:uppercase}.summaryForm .billInfo div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:10px 0;font-family:Rowdies}.summaryForm .billInfo div h4{font-weight:600;font-family:Poppins}.summaryForm .btn-container{display:flex;justify-content:space-between;align-items:center}.summaryForm .btn-container button i{margin-left:15px}.summaryForm .line{height:3px;width:100%;background:#f1f5f9;margin:8px auto}.meterOwner{padding:4px 8px;margin:4px 0;font-family:Poppins;border:1px solid #2e2e2e;outline:none;background:#7bf1a8;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.batch-btn i{margin-left:10px}@media (max-width: 1200px){.overlay-Container{align-items:center}.connectForm{width:100%;justify-content:left;position:absolute;bottom:0;padding:20px 10px;border-radius:30px 30px 0 0}.overlays-Container{background:#0003;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:end;z-index:15;position:fixed}.summaryForm{width:100%;justify-content:left;border-radius:30px 30px 0 0}.connectForm select{width:100%;height:max-content;padding:10px 8px}.connectForm .currency-header select{width:50%}.connectForm .currency-header{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px;font-family:Poppins;font-weight:800}.connectForm .txData{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px}.connectForm .txData input{width:60%}.connectForm{margin-top:10%}}.loader{display:flex;justify-content:space-between;align-items:center}.loader div{background:#fff;width:20px;height:20px;border-radius:5px;transform:scale(.4);margin:0 5px;animation:animate 1.5s ease-in-out infinite}.loader div:nth-child(1){animation-delay:0s}.loader div:nth-child(2){animation-delay:.2s}.loader div:nth-child(3){animation-delay:.4s}.loader div:nth-child(4){animation-delay:.6s}.loader div:nth-child(5){animation-delay:.8s}.loader div:nth-child(6){animation-delay:1s}.loader div:nth-child(7){animation-delay:1.2s}@keyframes animate{0%,to{transform:scale(.2)}40%{transform:scale(1)}50%{transform:scale(1)}}.splashScreen{width:100%;height:100vh;background:#000;margin:0;padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.splashScreen h3{font-family:Monoton;color:#fff;font-size:40px;font-weight:400}.splashScreen p{color:#fff;font-family:Roboto;margin-top:20px;font-size:25px}.splashScreen .servicesDiv i{margin:50px 15px 20px;color:#fff;font-size:20px}.splashScreen img{width:100%;height:300px;position:absolute;bottom:-60px}.splashScreen .img-2{width:100%;height:300px;position:absolute;top:-60px;transform:rotate(180deg)}.footBar{background:#000;margin-top:20px;min-height:100px;color:#fff;font-family:Poppins;padding:16px 0;font-size:14px}.links{display:flex;justify-content:space-around;align-items:center;text-decoration:underline;flex-wrap:wrap}.links h3{cursor:pointer}.copyrightContainer{display:flex;justify-content:center;align-items:center;font-size:14px}.copyrightContainer h1{margin:20px auto}@media (max-width: 1200px){.footBar{padding-bottom:150px}.links{flex-direction:column}.links h3{margin:10px 0}}.rampOverlay{background:#0003;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;z-index:12;position:fixed}.offRampContainer{width:40%;height:max-content;background:#fff;border-radius:30px;padding:20px 10px;box-shadow:0 2px 4px 2px #0000001a;display:flex;justify-content:center;align-items:center;flex-direction:column}.offRampContainer input{width:80%;border-radius:8px;padding:10px 8px;margin:10px 0;font-family:Poppins;border:1px solid #2e2e2e;outline:none;background:#f1f5f9;text-align:center}.offRampContainer .accountOwner{width:80%;border-radius:8px;padding:10px 8px;margin:10px 0;font-family:Poppins;border:1px solid #2e2e2e;outline:none;background:#7bf1a8;text-align:center}.offRampContainer input[type=number]{width:max-content;border-radius:8px;padding:10px 8px;margin:10px 0;text-align:center;font-family:Poppins;outline:none;font-size:24px;background:transparent;border:none;font-family:Rowdies}.offRampContainer button{background:url(../src/assets/btnOverlayW.svg) no-repeat center center / cover,#000;color:#fff;border-radius:8px;padding:8px 16px;cursor:pointer;width:80%;margin:20px auto 5px;font-family:rowdies;text-transform:uppercase}.offRampContainer .header{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.offRampContainer .header img{width:40px;height:40px}.offRampContainer .header h1{font-family:Monoton;text-transform:uppercase;font-size:28px;margin-left:10px}.amntContainer{display:flex;justify-content:center;align-items:center}.amntContainer h1{font-family:Poppins;font-size:26px;position:relative;left:-80px;font-weight:600}.ratesContainer{width:80%;text-align:left;margin:10px auto}.ratesContainer div{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;margin-left:8px}.ratesContainer div:nth-child(2){width:100%;display:flex;justify-content:left;align-items:center;text-align:center}.ratesContainer span{margin:0 5px}.walletAddressTag{background:#7bf1a8;border-radius:8px;padding:10px 8px;margin:0 auto 5px;font-family:Poppins;border:1px solid #2e2e2e;outline:none;width:70%;font-weight:500}.walletAddressTag p{margin:0 auto}.offRampSummaryOverlay{background:#0003;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;z-index:15;position:fixed}.offRampSummaryOverlay .line{height:3px;width:80%;background:#f1f5f9}.section-1{display:flex;justify-content:space-between;align-items:start;width:80%;margin:10px auto;font-family:Poppins}.section-1 div:nth-child(1) h3{font-weight:800}.section-1 div:nth-child(2){text-align:right}.section-1 div:nth-child(2) p span{margin:0 5px}.offRampSummaryOverlay button{background:url(../src/assets/btnOverlayW.svg) no-repeat center center / cover,#000;color:#fff;border-radius:8px;padding:8px 16px;cursor:pointer;width:80%;margin:20px auto 5px;font-family:rowdies;text-transform:uppercase}.offRampSummaryOverlay button i{margin-left:15px}@media (max-width: 750px){.offRampSummaryOverlay,.rampOverlay{align-items:end}.offRampContainer{width:100%;border-radius:30px 30px 0 0}}.bill-summary{font-family:Poppins;display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px}.bill-summary i{cursor:pointer}.billsContainer{width:40%;height:max-content;background:#fff;border-radius:30px;padding:20px 10px;box-shadow:0 2px 4px 2px #0000001a}.billsContainer h1{font-family:Monoton;font-size:28px;margin:18px auto;width:100%}.billsHeader{width:100%;text-align:center}.billsHeader i{margin-left:10px}.btn-utils{display:flex;justify-content:space-around;align-items:center;font-family:Poppins}.billsOverlay{background:#0003;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;z-index:12;position:fixed}.btn-utils button{border:none;background:url(../src/assets/btnOverlayW.svg) no-repeat center center / cover,#000;color:#fff;border-radius:8px;padding:10px 16px;cursor:pointer;width:100%;margin:10px auto 5px;font-family:rowdies}.line{height:3px;width:100%;background:#f1f5f9;margin:8px auto}@media (max-width: 1200px){.billsOverlay{align-items:end}.billsContainer{width:100%;height:max-content;background:#fff;border-radius:30px 30px 0 0;padding:20px 10px;box-shadow:0 2px 4px 2px #0000001a}}*{padding:0;margin:0}body{background:url(/assets/bgOverlayii-DQQXvC3x.svg) no-repeat center center / cover,#f7f7f7}