.rechargemodal{position:fixed;z-index:999;display:none}
@media only screen and (max-width:768px){body{top:0;left:0;position:relative}
}
.modal{font-family:Roboto;display:flex;flex-direction:column;width:360px;max-height:442px;padding:30px;background-color:white;border:1px solid #ddd;border-radius:5px;overflow:auto;position:fixed;top:50%;z-index:1;left:50%;transform:translate(-50%,-50%);justify-content:space-between}
.multivc-popup-background{position:fixed;width:100%;height:100%;background:black;display:block;top:0;left:0;opacity:.689}
.multi-vc-close-btn{position:absolute;height:28px;width:28px;right:6px;top:6px;cursor:pointer}
@media only screen and (max-width:768px){.modal{padding:33px 23px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:15px;border-top-right-radius:15px;width:100%;max-height:350px;position:fixed;bottom:0;left:0;background:linear-gradient(134deg,#FFF 0,#FFF 100%);filter:drop-shadow(0 2px 10px rgba(0,0,0,0.08));top:unset;transform:unset}
}
.main-heading{color:#454545;font-size:22px;font-weight:500;line-height:40px;letter-spacing:.44px}
@media only screen and (max-width:768px){.main-heading{color:#444;line-height:20px}
}
.form-card-modal{padding-top:30px;display:flex;flex-direction:column}
.styled-checkbox{position:absolute;visibility:hidden}
.styled-checkbox+label{position:relative;cursor:pointer;padding:0}
.styled-checkbox+label:before{content:'';margin-right:15px;display:inline-block;vertical-align:text-top;border:1px solid #cecece;width:22px;height:22px;background:white;border-radius:4px}
@media only screen and (max-width:768px){.styled-checkbox+label:before{width:22px;height:22px;border-radius:5px}
}
.styled-checkbox:checked+label:before{background:#4cc0ab}
.styled-checkbox:disabled+label{color:#b8b8b8;cursor:auto}
.styled-checkbox:disabled+label:before{box-shadow:none;background:#ddd}
.styled-checkbox:checked+label:after{content:'';position:absolute;left:6px;top:9px;background:white;width:2px;height:2px;box-shadow:2px 0 0 white,4px 0 0 white,4px -2px 0 white,4px -4px 0 white,4px -6px 0 white,4px -8px 0 white;transform:rotate(45deg)}
@media only screen and (max-width:768px){.styled-checkbox:checked+label:after{left:7px;top:10px}
}
.input-label-modal{color:#444;font-size:20px;font-weight:500;line-height:175.781%;letter-spacing:.8px}
@media only screen and (max-width:768px){.input-label-modal{color:#4f4f4f;font-size:22px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:2.2px}
}
.line-border{opacity:.3;margin:10px 0}
.input-para{margin-left:40px;color:#878787;font-size:14px;font-weight:400;line-height:175.781%;letter-spacing:.56px}
@media only screen and (max-width:768px){.input-para{margin-left:46px;color:rgba(57,62,68,0.50);font-weight:500;letter-spacing:.28px}
}
button{cursor:pointer;border:0;font-weight:600}
.proceed-btn{margin-top:25px;display:inline-block;padding:12px;background-color:#f04c23;color:#FFF;text-align:center;font-size:14px;font-weight:700;letter-spacing:.28px;text-transform:uppercase;text-decoration:none;filter:drop-shadow(0 4px 12px rgba(56,56,56,0.20))}
@media only screen and (max-width:768px){.proceed-btn{padding:17px;border-radius:5px}
}
@media only screen and (max-width:768px){.modal .proceed-btn{margin-top:0 !important}
}