body.noservicepopup_open{overflow:hidden !important}
#servoverlay{display:none}
.servicepopup_warpper{position:fixed;display:flex;align-items:center;justify-content:center;z-index:1031;top:-100vh;left:0;margin:auto;transition:all .4s linear;right:0;border-radius:10px;bottom:auto}
.servicepopup_warpper.show{top:0;bottom:0}
#servoverlay.show{position:fixed;height:100vh;background-color:#000;z-index:1030;overflow:auto;width:100vw;top:0;opacity:.7;display:block}
.servicepopup_warpper .service_popup{position:absolute;left:0;width:100%;z-index:1031;background-color:#fff;border-radius:16px 16px 0 0;padding:32px 20px;bottom:0}
.servicepopup_warpper .service_close{position:absolute;top:-45px;right:10px;cursor:pointer}
body.serviceVal_popupopen{overflow:auto}
.service_popup button.servalidity_button{background-color:#ee2737;border:0;color:#fff;border-radius:40px;width:100%;height:40px;font-size:16px;font-weight:500;font-family:'ViMedium',"Helvetica","Arial",sans-serif}
.service_popup .validity_button{text-align:center;margin:0 0 16px 0}
.service_popup .serv_check_box{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;position:relative;margin:0 auto}
.servicepopup_warpper .servicepopup_close{top:-20px;right:-18px;width:24px}
img.closeIcon{position:absolute;top:-40px;right:0}
.serv_check_box input[type="checkbox"]{height:100%;width:24px;opacity:0;position:absolute;left:0;z-index:1}
.serv_check_box label:before{background-image:url('../../../../../content/dam/vodafoneideadigital/onlinerecharge/noservicevalimages/Web-uncheck-Box.svg');content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;transition:transform .28s ease;background-repeat:no-repeat !important;background-size:100%}
.serv_check_box input[type="checkbox"]:checked+label::before{background-image:url('../../../../../content/dam/vodafoneideadigital/onlinerecharge/noservicevalimages/emi-check-check.svg');border-radius:0;border:0 solid #2a2747}
.serv_check_box label{font-size:14px;display:block;padding-left:28px;margin-bottom:0;font-weight:normal;position:relative;font-family:'ViRegular',"Helvetica","Arial",sans-serif;color:#737482}
.serv_other_txt{display:flex;flex-direction:column;align-items:center}
.service_popup .serv_other_txt p,.service_popup .serv_other_txt p a{margin:0 0 18px;font-family:'ViMedium',"Helvetica","Arial",sans-serif;font-weight:500;font-size:14px;color:#2f3043;line-height:1.29}
.service_popup .serv_other_txt p a{text-decoration:none;color:inherit;margin:0}
.serv_other_txt p.explore_txt{display:inline-flex;margin:0 0 24px;font-size:14px;line-height:1.2;text-decoration:underline}
.servicepopup_warpper .srvWarningImg{margin:0 auto 12px;display:block}
.servicepopup_warpper .srvHead{font-family:'ViBold',"Helvetica","Arial",sans-serif;font-size:20px;font-weight:bold;line-height:1.2;color:#2f3043;text-align:center;margin:0 0 12px}
.servicepopup_warpper .srvSubhead{font-family:'ViMedium',"Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:1.2;text-align:center;color:#595969;margin:0 0 20px;padding:0 28px}
.servicepopup_warpper .srvSubhead span{margin:0}
@media all and (min-width:768px){.servicepopup_warpper .service_popup{width:504px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:24px;bottom:unset}
.serv_check_box label{font-size:16px;padding-left:30px}
.service_popup button.servalidity_button{height:50px;width:335px}
.service_popup .validity_button{margin:0 0 20px 0}
.serv_other_txt p.explore_txt{margin:0 0 32px;font-size:16px;line-height:1}
.servicepopup_warpper .srvHead{font-size:24px}
.servicepopup_warpper .srvSubhead{padding:0 98px;font-size:16px}
}