.QBblackoverlay{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background:rgba(17,23,42,0.88);z-index:999}
.QBpostQuery .modal-content{padding:50px 30px 40px 30px;border-radius:20px;border:0 solid transparent}
.QBpostQuery .modal-content .btn-close{right:40px;top:40px;outline:0;position:absolute;cursor:pointer !important;z-index:9999}
.QBpostQuery .modal-content .btn-close:focus{outline:0;box-shadow:none}
.QBpostQuery .modal-dialog{box-shadow:0 0 24px rgba(49,37,98,0.4);border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;margin-top:0 !important;margin-bottom:0 !important;overflow:hidden;max-width:820px;width:97%}
.QBpostQuery .modal-content .QBMODworkare{display:flex;width:100%}
.QBMODworkare .QBmod_visual{width:254px;height:250px;margin-right:30px;margin-left:-30px}
.QBMODworkare .QBmod-rightsec{width:calc(100% - 270px)}
.inputholder{clear:both;display:block;padding:0 0 30px 0}
.inputholder textarea{border:1px solid #e7ecff;width:100%;height:120px;display:block;padding-left:22px;padding-right:22px;resize:none;font-size:14px;line-height:21px;font-weight:400;color:#453e3c;padding-top:20px}
.inputholder textarea::-webkit-scrollbar{width:4px}
.inputholder textarea::-webkit-scrollbar-track{background:#f1f1f1}
.inputholder textarea::-webkit-scrollbar-thumb{background:#aeadad;border-radius:15px}
.inputholder textarea::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
.inputholder textarea:focus{outline:0}
.inputholder textarea:focus+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.inputholder textarea:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.NoOfchar{font-size:14px;line-height:21px;font-weight:400;color:#6a6563;padding-top:10px}
.modalPaQuery{font-size:32px;line-height:48px;font-weight:600;color:#fff;padding-bottom:24px;text-align:center}
#queryscreen4 .qbthanksHolder{padding:40px 0 50px 0}
.qbthanksHolder{max-width:526px;margin:0 auto}
.qbthanks{font-size:32px;line-height:48px;font-weight:400;color:#453e3c;text-align:center;border-bottom:1px solid #eaedf6;padding-bottom:18px;margin-top:15px;margin-bottom:27px}
.qbthanks+p{font-size:16px;line-height:26px;font-weight:400;color:#6a6563;text-align:center}
.getNote{display:flex;width:100%;justify-content:center;align-items:start;margin-top:45px}
.getNote .inputholder{max-width:320px;margin-right:12px}
.getNote .inputholder+button{width:150px;height:50px;background:#2d459d;box-shadow:0 10px 25px rgba(45,69,157,0.15);border-radius:8px;font-size:14px;line-height:21px;font-weight:500;color:#fff;margin-top:0;padding-top:15px;border:0}
.getnotbtn{display:none}
.successModalclose{display:none}
.QBmodalclose,.successModalclose{position:absolute;right:20px;top:20px;width:40px;height:40px;background:url(../../../../../../content/dam/hdfcklarifylife/query-board/close-icon-white.svg) no-repeat 0 0}
@media only screen and (max-device-height:1000px) and (orientation:portrait){.QBpostQuery .modal-content{overflow-y:scroll;max-height:500px}
}
@media only screen and (max-device-width:900px) and (orientation:landscape){.getNote .inputholder{max-width:unset !important;width:396px}
.QBpostQuery .modal-content{height:260px}
.QBpostQuery .modal-content .modal-body{overflow-y:scroll}
.QBpostQuery .modal-content{padding:36px 16px 36px 16px}
}
@media screen and (max-width:767px){#postQuery .modal-dialog{position:absolute;bottom:0;top:auto !important;transform:none !important;overflow-y:scroll;width:100%;margin:0}
#postQuery .modal-content{padding:40px 10px 40px 10px;border-radius:unset;border-top-left-radius:20px;border-top-right-radius:20px}
.QBblackoverlay .modal-dialog{margin:0;width:90%}
.QBpostQuery .modal-content .QBMODworkare{display:block}
.QBMODworkare .QBmod-rightsec{width:100%}
.QBpostQuery .modal-content{padding:36px 16px 36px 16px}
.QBpostQuery .modal-content .modal-body{padding:0}
.modalPaQuery{font-size:28px;line-height:36px;text-align:left}
.NoOfchar{font-size:10px;line-height:16px;font-weight:500;color:#6a6563}
.qbthanksHolder .succImg{width:58px;height:58px}
.qbthanksHolder .qbthanks{font-size:18px;line-height:24px;font-weight:400;color:#453e3c}
.qbthanksHolder .qbthanks+p{font-size:14px;line-height:22px;font-weight:400;color:#6a6563}
.getNote{flex-direction:column;justify-content:center;align-items:center}
.getNote .inputholder+button{padding-top:0}
.getNote .inputholder{margin:0 auto}
.getnotbtn{display:block}
.QBMODworkare .QBmod_visual{margin:0 auto;display:block;margin-right:0;margin-bottom:40px}
.inputholder textarea{height:100px}
.QBmod-rightsec .inputholder{padding:0 0 20px 0}
}
@media screen and (max-width:360px){.getNote .inputholder{max-width:unset !important;width:100%}
}
.inputholder{clear:both;display:block;padding:0 0 30px 0}
.inputholder .legtext{opacity:.5;font-size:12px;line-height:20px;color:#6a6563 !important;font-weight:normal}
.inputholder label{position:relative;display:inline-block;width:100%}
.inputholder span{pointer-events:none;position:absolute;left:15px;top:14px;transition:.2s;transition-timing-function:ease;transition-timing-function:cubic-bezier(0.25,0.1,0.25,1);opacity:.5;font-size:16px;line-height:20px;color:#6a6563 !important;font-weight:normal}
.inputholder span small{background:#fff}
.inputholder input[type="password"]{letter-spacing:2px;padding-right:36px}
.inputholder input{border:1px solid #e7ecff;border-radius:4px;width:100%;height:50px;display:block;padding-left:22px;padding-right:22px;font-size:14px;line-height:21px;font-weight:400;color:#453e3c}
.inputholder input:focus{outline:0}
.inputholder input:focus+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.inputholder input:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.inputholder textarea:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.inputholder textarea:focus{outline:0}
.inputholder textarea:focus+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.inputholder textarea:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.notifyPopup .notifyCircleLoader{padding:100px 0}
.notifycall_section{display:flex;justify-content:space-evenly;align-items:center}
.notifycall_section .notifycalltitle{font-size:16px;font-weight:400;line-height:27px;color:#6a6563}
.notifyCallBtn_sec .qbnotifypopup_callBtn{background:#28dba7;box-shadow:0 4px 14px rgb(8 55 41 / 20%);border-radius:8px;padding:14px 20px;max-width:300px;display:block;margin:auto;text-align:center}
.notifyCallBtn_sec .qbnotifypopup_callBtn a{text-decoration:none;font-weight:600;font-size:14px;line-height:21px;color:#fff}
.callBtn_mrgn{margin-top:15px}
.notifyCallBtn_sec .qbnotifypopup_callBtn img{margin-right:5px}
.notifyCallBtn_sec .notifyCallBtn_mob{display:none}
@media screen and (max-width:767px){.notifycall_section{flex-direction:column}
.notifyPopup .inputholder.Email{max-width:unset !important;width:100% !important;margin:unset}
#notifyPopup .getNotBtn{width:100% !important}
.notifyCallBtn_sec{margin-top:10px;width:100%}
.notifyCallBtn_sec .qbnotifypopup_callBtn{max-width:100%}
.notifyCallBtn_sec .notifyCallBtn_desk{display:none}
.notifyCallBtn_sec .notifyCallBtn_mob{display:block}
}