.instant-below-recharge-container{width:100%}
.rechargecomponent{width:35%}
@media only screen and (max-width:649px){.instant-below-recharge-container{flex-direction:column;padding-bottom:2rem}
.rechargecomponent{width:100%}
}
.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%;opacity:1}
.sub-para-mobile{color:#fff;font-size:10px;font-weight:600;line-height:19.69px;text-transform:uppercase}
@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}
@media screen and (max-width:650px){.tooltip-container{position:unset}
}
.tooltip-text{visibility:hidden;width:200px;background-color:#202020;color:#fff;text-align:center;border-radius:4px;padding:5px 5px;position:absolute;z-index:1;right:-22%;bottom:30px;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:#202020;color:#fff;text-align:center;border-radius:4px;padding:5px 5px;z-index:1;right:5%;bottom:10px;font-size:14px;opacity:0;transition:opacity .3s;position:fixed;bottom:unset;top:26%}
}
.quick-recharge-below-container{width:100%}
@media(min-width:650px) and (max-width:1035px){.quick-recharge-below-container{width:450px}
}
.text-wrap{position:relative;margin-top:20px;margin-bottom:23px;width:100%;cursor:pointer;border-bottom:1px dashed transparent;border-image:repeating-linear-gradient(to right,#fff 0 10px,transparent 10px 16px) 1}
.text-wrap:hover{border-bottom:2px solid #615d5d}
.text-wrap:focus{border-bottom:2px solid #615d5d}
.dotted-line-width{width:100%}
.instant-recharge-dish-text-wrap{position:relative}
@media screen and (max-width:650px){.dotted-line-width{text-align:center}
.instant-recharge-dish-text-wrap{align-items:center;justify-content:center !important;overflow:hidden}
.instant-recharge-dish-text-wrap>.rupee-text{margin-left:65%;opacity:.6;font-size:36px !important;margin-top:13px;margin-top:0 !important;padding-bottom:0 !important}
.instant-recharge-dish-text-wrap>.rupee-text-input{font-size:36px !important;padding-top:0 !important;padding-bottom:0 !important}
}
.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:24px;font-weight:400;line-height:23.44px;color:#fff}
@media screen and (max-width:767px){.enter-text{font-size:15px;font-weight:500;letter-spacing:.28px;margin-left:0;margin-bottom:0}
}
.rupee-text{padding-bottom:12px;color:#fff;font-size:32px;font-weight:500}
.rupee-text-input{color:#fff;font-size:32px;font-weight:500;padding-bottom:12px;border:0;cursor:pointer;background:transparent}
.rupee-text-input::placeholder{color:#fff !important}
.info-image{position:absolute;bottom:12px;right:10px;height:16px;width:16px;cursor:pointer}
.tooltip-container .info-image{filter:invert(1)}
@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:absolute;margin-top:0;top:45%}
}
.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:#f04c23;font-size:14px;font-weight:500;line-height:40px;letter-spacing:.7px;text-transform:uppercase}
.proceed-btn-mobile{background:#fff;color:#f04c23;text-align:center;font-size:14px;font-weight:700;letter-spacing:.28px;text-transform:uppercase;outline:0;border:0;border-radius:4px;width:70%;height:50px;cursor:pointer;margin-bottom:20px}
.dishtv-zing-user .proceed-btn-mobile{background:#224898;color:#fff}
@media(min-width:650px) and (max-width:1024px){.proceed-btn-mobile{left:55%}
.enter-text{font-size:18px}
.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:#f04c23;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:#f04c23;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}
}