.instantrechargeinputcomponent{background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}
.recharge-container{display:flex !important;padding:40px 0;align-items:flex-start;width:90%;flex-direction:column;padding-bottom:20px}
.custom-select-mobile{width:100%;display:flex;justify-content:space-between;padding-bottom:35px;align-items:center}
@media only screen and (max-width:649px){.custom-select-mobile{flex-direction:column;align-items:start;padding-bottom:4px}
}
.card-below-input{padding-top:30px;display:flex;align-items:center;width:90% !important;margin:0 auto;background:#f5f5f5;display:none}
.recharge-component-first .active{border-radius:2px;text-align:center;padding:2px 12px;background:#bfede4;color:#4cc0ab;font-size:12px;font-weight:600;line-height:18px;position:absolute;top:-30px;left:0}
@media screen and (max-width:650px){.recharge-component-first .active{right:0;left:unset}
}
@media(min-width:831px) and (max-width:1040px){.recharge-container{width:90%}
}
@media only screen and (max-width:830px){.recharge-container{display:block !important;width:90%;padding:10px 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:232px;border:1px solid #f04c23;height:35px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:10px;border-radius:30px;color:#0f194a;font-size:16px;font-weight:500;line-height:24px;cursor:pointer}
.dishtv-zing-user .select-mobile{border:1px solid #224898}
.custom-select-mobile-container{position:relative}
.custom-select-mobile-container:after{content:"\276F";position:absolute;height:20px;width:20px;right:10px;top:50%;pointer-events:none;transform:rotate(90deg) translatex(-50%);color:#fff;background:#f04c23;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:50%}
.dishtv-zing-user .custom-select-mobile-container:after{background:#224898}
.custom-select{position:relative}
.profile-icon{position:absolute;top:50%;left:20px;width:17px;height:17px;transform:translateY(-50%)}
.details-card-mobile{display:flex;padding:0;border-radius:5px;position:relative}
.details-row-mobile{display:flex;justify-content:space-between;width:100%}
.each-details-mobile{display:flex}
.amount-image{margin-top:0;height:16px;width:16px;cursor:pointer}
.monthly-recharge-container{position:relative;display:flex}
.monthly-recharge-text{display:none;width:190px;background-color:#202020;color:#fff;text-align:center;border-radius:6px;padding:10px 10px;position:absolute;z-index:1;left:0;font-size:14px;transition:display .3s}
.monthly-recharge-text a{color:#f04c23 !important}
@media(min-width:660px) and (max-width:1040px){.details-row-mobile{flex-wrap:wrap;gap:20px}
.each-details-mobile{border-right:0}
}
.each-details-mobile:last-child{border:0}
.recharge-component{padding:0 20px;display:flex;flex-direction:column;justify-content:space-between}
.recharge-component-middle{border-left:1.5px solid #f04c23;border-right:1.5px solid #f04c23}
.dishtv-zing-user .recharge-component-middle{border-left:1.5px solid #224898;border-right:1.5px solid #224898}
.recharge-component-first{padding-left:0 !important}
.recharge-component-first h4{display:flex}
@media screen and (max-width:650px){.recharge-component-first h4{flex-direction:column}
.dishtv-zing-user .recharge-component-middle{border:0}
}
.recharge-component-last{padding-right:7px}
@media(min-width:660px) and (max-width:1040px){.recharge-component{width:auto}
}
.each-details-mobile h4{font-size:12px;font-weight:400;line-height:unset;color:#0f194a;opacity:.6}
.each-details-mobile p{font-size:16px;font-weight:700;line-height:unset;color:#0f194a;opacity:.6}
@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}
.custom-select-mobile-container{width:auto}
.custom-select-mobile-container:after{top:52%}
.select-mobile{width:auto;height:auto !important;font-size:14px;border:0;padding-left:0;background:transparent !important;padding-top:5px !important;padding-bottom:5px !important;font-weight:600}
.details-row-mobile{width:100%;display:flex;gap:10px}
.each-details-mobile h4{font-size:12px;font-weight:400;line-height:16.8px;text-transform:uppercase}
.each-details-mobile p{font-size:14px;font-weight:500;white-space:nowrap;opacity:1}
.profile-icon{position:relative;top:32px;left:15px;width:17px;height:17px}
.each-details-mobile{border:0;margin-bottom:0;background:rgba(230,230,230,0.5);border-radius:8px}
.recharge-component-middle{border:0}
}
@media only screen and (max-width:649px){select{padding:13px 4em 15px 3.2em;height:45px}
.recharge-component{padding:10px 18px 10px 10px !important}
}
@media only screen and (max-width:649px){.select-none{display:block}
}
.userNameIR-container{padding-bottom:6px}
.userNameIR-container,.userRMNir-container{display:flex;align-items:center}
.userNameIR-label{color:#000;font-size:20px;font-weight:600;line-height:24px;opacity:1}
.userRMNir-label{color:#000;font-size:16px;font-weight:400;line-height:20.8px;opacity:1}
@media(max-width:650px){.userRMNir-label{font-size:14px;font-weight:600}
}
.userNameIR{color:#f04c23;font-size:20px;font-weight:600;line-height:24px;margin-left:12px}
.dishtv-zing-user .userNameIR{color:#224898}
.userRMNir{color:#000;font-size:15px;font-weight:500;line-height:20.8px;margin-left:12px}
@media(max-width:650px){.userRMNir{font-size:14px}
}
.showless-button{display:none}
@media only screen and (max-width:649px){.userNameIR{font-size:14px;font-weight:600;line-height:20px}
.userNameIR-label{font-size:14px;font-weight:600;line-height:20px}
.showless-button{display:block;font-size:14px;font-weight:500;line-height:16.8px;border:0;background:transparent;position:relative;color:#f04c23;text-align:left}
.arrow{content:"";position:absolute;height:0;width:0;pointer-events:none;margin-left:16px;top:4px;pointer-events:none;box-sizing:border-box;height:10px;width:10px;border-style:solid;border-color:#f04c23;border-width:0 3px 3px 0;transform:rotate(45deg)}
.up-arrow{transform:rotate(225deg);margin-top:5px}
.amount-image{margin-top:0}
.monthly-recharge-container{position:relative;display:block;right:5px}
.link{text-decoration:underline}
.monthly-recharge-text{width:200px;background-color:rgba(32,32,32,0.8);color:#fff;text-align:center;border-radius:6px;padding:10px 10px;position:absolute;z-index:1;left:unset;right:5%;font-size:14px;transition:display .3s}
}
.custom-select-mobile-container.hide-icon{pointer-events:none;.select-mobile{text-align:center;padding-left:0}
}
@media screen and (max-width:650px){.custom-select-mobile-container.hide-icon{.select-mobile{text-align:left}
}
}
.custom-select-mobile-container.hide-icon::after{display:none}