.instant-below-recharge-container{width:40%}
@media only screen and (max-width:649px){.instant-below-recharge-container{flex-direction:column;padding-bottom:2rem}
}
.amount-card{margin-top:10px}
@media screen and (max-width:767px){.amount-card{margin-top:0}
}
.amount-text{color:#666;font-size:14px;font-weight:400;line-height:22px}
.below-text{padding-top:15px;color:#878787;font-size:14px;font-weight:400;letter-spacing:.28px;position:relative}
.info-card-mobile{width:100%;background:rgba(255,226,154,0.6);padding:12px;opacity:1;padding-right:20px;border-radius:4px}
.sub-para-mobile{color:#111;font-size:14px;font-weight:400;line-height:19.69px}
@media screen and (max-width:767px){.info-card-mobile{width:100%;margin-top:10px;margin-left:0}
}
.below-text-recharge{padding-top:10px;color:#878787;font-size:14px;font-weight:400;line-height:175.781%;letter-spacing:.56px}
.below-text::before{margin-top:8px;content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid #ebebeb;margin-left:1px}
.tooltip-container{position:relative}
.tooltip-text{visibility:hidden;width:200px;background-color:rgba(255,226,154,1);color:#444;text-align:center;border-radius:4px;padding:5px 5px;position:absolute;z-index:9;right:-40%;bottom:42px;font-size:14px;opacity:0;transition:opacity .3s}
.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}
.info-icon-mobile{width:16px;height:16px;margin-right:10px;display:none}
@media screen and (max-width:767px){.info-icon-mobile{width:14px;height:14px;margin-right:10px;margin-top:-2px}
.tooltip-text{visibility:hidden;width:200px;background-color:rgba(255,226,154,0.6);color:#444;text-align:center;border-radius:4px;padding:5px 5px;position:absolute;z-index:1;right:5%;bottom:10px;font-size:14px;opacity:0;transition:opacity .3s}
}
.quick-recharge-below-container{background:#fff;width:330px;min-height:328px;padding:28px;border:2px solid #5c258d;border-radius:6px;-webkit-box-shadow:0 1px 15px 1px hsla(0,2%,58%,0.2);box-shadow:0 1px 15px 1px hsla(0,2%,58%,0.2)}
@media(min-width:650px) and (max-width:1035px){.quick-recharge-below-container{width:450px}
}
.text-wrap{position:relative;margin-top:20px;margin-bottom:32px;border-bottom:1px solid #e4e4e4;width:100%;cursor:pointer}
.text-wrap:hover{border-bottom:2px solid #615d5d}
.text-wrap:focus{border-bottom:2px solid #615d5d}
.dotted-line-width{width:100%}
.top-text{color:#111;font-size:24px;font-weight:500;letter-spacing:.48px;text-align:center;margin-top:7px;margin-bottom:12px;display:none}
@media screen and (max-width:767px){.quick-recharge-below-container{padding:25px 0;margin:20px 40px 6rem 20px;margin-top:0;padding-top:0;width:auto}
.top-text{margin-bottom:20px;text-align:CENTER;font-size:18px;font-weight:500;color:#111;text-align:left;display:none}
.text-wrap{width:100%;display:flex;justify-content:start;margin:0 auto;color:#4f4f4f;font-size:18px;font-weight:400;letter-spacing:.72px;margin-top:0}
}
.enter-text{font-size:20px;font-weight:500;line-height:23.44px;color:#111}
@media screen and (max-width:767px){.enter-text{font-size:18px;font-weight:500;letter-spacing:.28px;margin-left:0;margin-bottom:0}
}
.rupee-text{padding-bottom:12px;color:#444;font-size:20px;font-weight:500}
.rupee-text-input{color:#444;font-size:20px;font-weight:500;padding-bottom:12px;border:0;cursor:pointer;width:90%}
.rupee-text-input::placeholder{color:#444 !important}
.info-image{position:absolute;bottom:20px;right:10px;height:16px;width:16px;cursor:pointer}
@media screen and (max-width:767px){.rupee-text-input{margin-bottom:6px;padding-top:20px;width:320px;font-size:20px;font-weight:500;letter-spacing:.72px;margin-left:0;padding-left:10px}
.info-image{position:unset;margin-top:25px}
}
.rupee-text-input::after{content:"";border-bottom:1px solid lightgray;width:38%;margin-left:-45px}
@media screen and (max-width:767px){.rupee-text{margin-top:20px;margin-left:0}
.rupee-text-input::after{width:90%}
}
.profile-icon{position:relative;top:32px;left:20px;width:17px;height:17px}
.switch-text{color:#111;font-size:16px;font-weight:400;line-height:140.625%;letter-spacing:.32px;margin-top:10px}
.switch-text-white{color:#fff;opacity:.5}
@media only screen and (max-width:649px){.switch-text{font-size:12px;letter-spacing:.24px;margin-left:0}
.switch-text-white{color:#fff;opacity:.5}
}
.switch-text span{font-size:12px;font-weight:500;line-height:140.625%;letter-spacing:.28px;margin-left:8px}
@media only screen and (max-width:649px){.switch-text-recharge,.switch-text-recharge span{color:#b6b6b6;font-size:16px;font-weight:400;letter-spacing:.24px;opacity:.8}
.switch-text span{font-weight:500;letter-spacing:.24px}
}
.payment-card{position:absolute;bottom:0;right:0;left:0}
.proceed-card{display:flex;justify-content:space-between;border-top-left-radius:10px;border-top-right-radius:10px;position:absolute;width:100%;padding:25px 35px 25px 90px;flex-shrink:0;height:520px;bottom:-58%;background:radial-gradient(67.39% 112.69% at 38.31% 70.83%,rgba(105,113,125,0.42) 0,rgba(47,86,103,0) 100%),#2a2b2d}
.proceed-heading{color:#fff;font-size:20px;font-weight:500;letter-spacing:.4px}
.proceed-amount{margin-left:8px}
.proceed-text{color:#5c258d;font-size:14px;font-weight:500;line-height:40px;letter-spacing:.7px;text-transform:uppercase}
.proceed-btn-mobile{background:#5c258d;color:#fff;text-align:center;font-size:14px;font-weight:700;letter-spacing:.28px;text-transform:uppercase;outline:0;border:0;border-radius:84px;width:100%;height:50px;cursor:pointer;margin-bottom:20px}
.proceed-later-mobile{background:#fff;color:#5c258d;text-align:center;font-size:14px;font-weight:700;letter-spacing:.28px;text-transform:uppercase;outline:0;border:1px solid #5c258d;border-radius:84px;width:100%;height:50px;cursor:pointer;margin-bottom:20px}
@media(min-width:650px) and (max-width:1024px){.proceed-btn-mobile{left:55%}
.enter-text{font-size:22px}
.info-card-mobile{width:auto}
}
.popup-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:rgba(0,0,0,.4)}
.popup-recharge-modal{position:absolute;top:38%;left:50%;background:#f5f5f5;padding:25px;border-radius:5px;width:430px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateX(-50%)}
.modal-heading{font-size:14px;color:#666;line-height:20px;text-align:center}
.button-container{width:100%;display:flex;justify-content:space-between;margin-top:20px}
.modal-close-button{color:#5c258d;font-size:16px;width:48%;font-weight:600;height:40px;background:transparent;border:0;border-radius:5px;text-transform:uppercase;border:1px solid #cfcfcf;cursor:pointer}
.proceed-button{color:#fff;font-size:16px;width:48%;font-weight:600;height:40px;background:#5c258d;border:0;border-radius:5px;text-transform:uppercase;cursor:pointer}
@media only screen and (max-width:649px){.popup-recharge-modal{width:320px;left:50%;transform:translateX(-50%)}
.proceed-card{padding:20px;bottom:0;height:112px;padding-bottom:14rem;display:block}
.proceed-heading{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:500;letter-spacing:.36px}
.proceed-amount{font-size:24px}
.proceed-btn-mobile{font-size:14px;letter-spacing:.28px;left:unset;margin:0 auto;margin-top:25px;top:40%;width:90%}
.info-container-mobile{position:absolute;top:70%;left:unset}
.instant-below-recharge-container .proceed-later-mobile{margin-top:24px}
}