.dashboard-without-login .dashboard-greeting-container .i-icon-dashboard,.dashboard-without-login .dashboard-greeting-container .tempDeactive-red-info-icon{display:none}
.dashboard-without-login .desktopmessageoffer #obtbnotavail{display:none}
.banner{background:#ff5722;padding:20px;border-radius:4px;max-width:600px;margin:20px auto;font-family:Arial,sans-serif}
.title{color:white;font-size:8px;font-weight:bold;margin-bottom:4px}
.subtitle{color:white;font-size:5px;margin-bottom:6px}
.progress-container{position:relative;height:12px;margin-top:16px}
.progress-bg{position:absolute;width:100%;height:100%;background:white;border-radius:20px}
.progress-bar{position:absolute;height:100%;width:50%;background:#63c625;border-radius:20px;transition:width .5s ease}
.progress-handle{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:30px;height:22px;background:#63c625;border-radius:36%;display:flex;align-items:center;justify-content:center;font-weight:bold;color:white;font-size:12px}
.monthly-recharge-text{display:none;width:190px;background-color:#111;color:#fff;text-align:center;border-radius:6px;padding:5px 5px;position:absolute;z-index:1;right:5%;font-size:12px;transition:display .3s}
@media(min-width:320px) and (max-width:700px){.dashboard-view-profile-btn-container{position:absolute;top:0;right:20px}
.dashboard-greeting-text{margin-bottom:50px}
.banner{margin:8px auto;padding:12px}
}
@media(min-width:768px){.banner{padding:20px;max-width:600px;margin:20px auto}
.title{font-size:18px;font-weight:bold;margin-bottom:8px}
.subtitle{font-size:15px;margin-bottom:10px}
.progress-container{position:relative;height:30px;margin-top:20px}
.progress-bg{position:absolute;width:100%;height:100%;border-radius:20px}
.progress-bar{position:absolute;height:100%;width:50%;background:#63c625;border-radius:20px;transition:width .5s ease}
.progress-handle{position:absolute;right:-20px;top:50%;width:50px;height:38px;background:#63c625;border-radius:30%}
.monthly-recharge-text{width:200px;background-color:#111;color:#fff;text-align:center;border-radius:6px;padding:5px 5px;position:absolute;z-index:1;right:5%;font-size:12px;transition:display .3s}
}
.dash-paid-content-info{cursor:pointer;display:inline-flex;align-items:center;position:relative;margin-left:4px}
.dash-paid-info-icon{width:16px;height:16px}
.dash-paid-content-tooltip{display:none;background:#202020;border:0;border-radius:6px;padding:12px 16px;box-shadow:0 4px 12px rgba(0,0,0,0.4);position:absolute;top:24px;left:0;z-index:10;white-space:nowrap;flex-direction:column;min-width:230px}
.dash-tooltip-heading{display:block;font-size:14px;font-weight:700;color:#fff;padding-bottom:8px}
.dash-tooltip-row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px;color:#fff;gap:16px;white-space:nowrap}
.dash-tooltip-date{font-weight:600}
.dash-paid-content-tooltip .dash-tooltip-date.dash-tooltip-date--paid{color:#1ba94c !important}
.dash-paid-content-tooltip .dash-tooltip-date.dash-tooltip-date--fta{color:#e53935 !important}
@media screen and (max-width:650px){.dashboard-greeting-label-text{position:relative;overflow:visible}
.dash-paid-content-info{position:static}
.dash-paid-content-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;min-width:220px;z-index:99999;margin-top:0}
}