.instantrechargeinputcomponent{background:linear-gradient(180deg,rgba(87,85,147,1) 0,rgba(84,46,137,1) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center}
.recharge-container{display:flex;padding:40px;align-items:center;width:85%;flex-direction:column}
.custom-select-mobile{width:100%;display:flex;justify-content:space-between;padding-bottom:24px;align-items:center}
.recharge-overlay{display:none !important}
@media only screen and (max-width:649px){.custom-select-mobile{flex-direction:column;align-items:start;padding-bottom:16px}
}
.card-below-input{padding-top:30px;display:flex;align-items:center;width:90% !important;margin:0 auto;background:#f5f5f5;display:none}
.active{border-radius:2px;text-align:center;padding:2px 12px;background:#bfede4;color:#4cc0ab;font-size:12px;font-weight:600;line-height:18px}
@media(min-width:831px) and (max-width:1040px){.recharge-container{width:90%}
}
@media only screen and (max-width:830px){.recharge-container{display:block;width:90%;padding:20px 0}
.card-below-input{padding-inline:25px;padding:15px 0;width:90% !important;padding-top:40px;padding-bottom:24px}
.form-card img{max-width:94px;max-height:30px}
.amount-card{margin-top:16px}
}
.main-heading{font-size:22px;font-weight:500;line-height:40px;letter-spacing:.44px;margin-left:10px}
@media only screen and (max-width:649px){.main-heading{font-size:20px;line-height:32px}
}
.select-mobile{width:390px;border:1.5px solid #e4e4e4;height:60px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:50px;border-radius:7px;color:#444;font-size:20px;font-weight:500;line-height:24px;cursor:pointer}
.custom-select-mobile-container{position:relative}
.custom-select-mobile-container:after{content:"";position:absolute;height:0;width:0;right:20px;top:41%;pointer-events:none;height:10px;width:10px;border-style:solid;border-color:#000;border-width:0 2px 2px 0;transform:rotate(45deg)}
.custom-select{position:relative}
.profile-icon{position:absolute;top:22px;left:20px;width:17px;height:17px}
.details-card-mobile{display:flex;border:1px solid rgba(255,255,255,0.2);padding:20px;border-radius:5px;width:100%}
.details-row-mobile{display:flex;justify-content:space-between;width:100%}
.each-details-mobile{display:flex;height:60px;border-right:1px solid #5a5555}
.amount-image{margin-top:0;height:16px;width:16px}
.monthly-recharge-container{position:relative;display:none}
.monthly-recharge-text{visibility:hidden;width:190px;background-color:rgba(255,226,154,1) !important;color:#111;text-align:center;border-radius:6px;padding:5px 5px;position:absolute;z-index:1;right:5%;font-size:14px;opacity:0;transition:opacity .3s}
.monthly-recharge-container:hover .monthly-recharge-text{visibility:visible;opacity:1 !important}
@media(min-width:660px) and (max-width:1040px){.details-row-mobile{flex-wrap:wrap;gap:20px}
.each-details-mobile{border-right:0}
.moredetails{border-right:none !important}
}
.each-details-mobile:last-child{border:0}
.moredetails{border-right:1px solid #5a5555}
.moredetails:last-child{border-right:0}
.recharge-component{width:260px;margin-left:20px;display:flex;flex-direction:column;justify-content:space-between}
@media(min-width:660px) and (max-width:1040px){.recharge-component{width:auto}
}
.each-details-mobile h4{all:unset;font-size:14px;font-weight:500;line-height:21px;color:#fff;opacity:.6;text-transform:uppercase}
.each-details-mobile p{all:unset;font-size:22px;font-weight:600;line-height:26.4px;color:#fff}
@media(min-width:650px) and (max-width:1024px){.each-details-mobile h4{font-size:15px}
.each-details-mobile p{font-size:18px}
}
@media(min-width:650px) and (max-width:821px){}
@media only screen and (max-width:649px){.details-card-mobile{width:100%;margin-left:0;flex-direction:column;padding:10px 20px}
.custom-select-mobile-container{width:100%}
.custom-select-mobile-container:after{top:52%}
.select-mobile{width:100%;height:45px;font-size:16px;line-height:18.75px}
.details-row-mobile{width:100%;display:flex;justify-content:space-between;flex-direction:column}
.each-details-mobile h4{font-size:14px;font-weight:500;line-height:16.8px;color:#fff;opacity:.6;text-transform:uppercase;margin-bottom:6px}
.each-details-mobile p{font-size:16px;font-weight:600;line-height:19.2px;color:#fff}
.profile-icon{position:relative;top:32px;left:15px;width:17px;height:17px}
.each-details-mobile{border:0;margin-bottom:20px;height:40px}
}
@media only screen and (max-width:649px){select{padding:13px 4em 15px 3.2em;height:45px}
}
@media only screen and (max-width:649px){.select-none{display:block}
.instantrechargeinputcomponent .recharge-container{padding:0 !important}
}
.userNameIR-container{padding-bottom:6px}
.userNameIR-container,.userRMNir-container{display:flex;align-items:center}
.userNameIR-label{all:unset;color:#fff;font-size:20px;font-weight:600;line-height:24px;opacity:.6}
.userRMNir-label{all:unset;color:#fff;font-size:16px;font-weight:400;line-height:20.8px;opacity:.8}
.userNameIR{color:#fff;font-size:20px;font-weight:600;line-height:24px;margin-left:12px}
.userRMNir{color:#fff;font-size:16px;font-weight:400;line-height:20.8px;opacity:.8;margin-left:12px}
.showless-button{display:none}
@media only screen and (max-width:649px){.userNameIR{font-size:16px;font-weight:600;line-height:20px}
.userNameIR-label{font-size:16px;font-weight:400;line-height:20px}
.moredetails{display:none;border:0}
.showless-button{display:block;font-size:14px;font-weight:500;line-height:16.8px;border:0;background:transparent;position:relative;color:#fff;text-align:left}
.arrow{content:"";position:absolute;height:0;width:0;pointer-events:none;margin-left:16px;top:1px;pointer-events:none;box-sizing:border-box;height:10px;width:10px;border-style:solid;border-color:#fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.up-arrow{transform:rotate(225deg);margin-top:6px}
.amount-image{margin-top:0}
.monthly-recharge-container{position:relative;display:block}
.link{text-decoration:underline}
.monthly-recharge-text{visibility:hidden;width:200px;background-color:rgba(255,226,154,1) !important;color:#111;text-align:center;border-radius:6px;padding:5px 5px;position:absolute;z-index:1;right:5%;font-size:14px;opacity:0;transition:opacity .3s}
.monthly-recharge-container:hover .monthly-recharge-text{visibility:visible;opacity:1}
}
.custom-select-mobile-container .select-mobile{background:#fff !important}