#QBQuery{cursor:pointer}
.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)}
.queryPopup-inp{clear:both;display:block;padding:0 0 30px 0}
.queryPopup-inp 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}
.queryPopup-inp textarea::-webkit-scrollbar{width:4px}
.queryPopup-inp textarea::-webkit-scrollbar-track{background:#f1f1f1}
.queryPopup-inp textarea::-webkit-scrollbar-thumb{background:#aeadad;border-radius:15px}
.queryPopup-inp textarea::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
.queryPopup-inp textarea:focus{outline:0}
.queryPopup-inp textarea:focus+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.queryPopup-inp 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 .queryPopup-inp{max-width:320px;margin-right:12px}
.getNote .queryPopup-inp+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 .queryPopup-inp{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 .queryPopup-inp+button{padding-top:0}
.getNote .queryPopup-inp{margin:0 auto}
.getnotbtn{display:block}
.QBMODworkare .QBmod_visual{margin:0 auto;display:block;margin-right:0;margin-bottom:40px}
.queryPopup-inp textarea{height:100px}
.QBmod-rightsec .queryPopup-inp{padding:0 0 20px 0}
}
@media screen and (max-width:360px){.getNote .queryPopup-inp{max-width:unset !important;width:100%}
}
.queryPopup-inp{clear:both;display:block;padding:0 0 30px 0}
.queryPopup-inp .legtext{opacity:.5;font-size:12px;line-height:20px;color:#6a6563 !important;font-weight:normal}
.queryPopup-inp label{position:relative;display:inline-block;width:100%}
.queryPopup-inp 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}
.queryPopup-inp span small{background:#fff}
.queryPopup-inp input[type="password"]{letter-spacing:2px;padding-right:36px}
.queryPopup-inp 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}
.queryPopup-inp input:focus{outline:0}
.queryPopup-inp input:focus+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.queryPopup-inp input:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.queryPopup-inp textarea:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.queryPopup-inp textarea:focus{outline:0}
.queryPopup-inp textarea:focus+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.queryPopup-inp textarea:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.commonwhitebutton.commonwhite.queryPopupBtn{position:static !important;margin-left:20px;margin-right:20px;width:198px;height:54px}
.QBmod-rightsec .error{align-items:flex-start}
.queryBoardPopup .popupCircleLoader{padding:100px 0}
.query-board-popup .inputholder input:focus+span{opacity:1;transform:scale(0.75) translateY(-230%) translateX(-34px)}
.query-board-popup .inputholder input:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-230%) translateX(-34px)}
.query-board-popup .inputholder textarea:focus+span{opacity:1;transform:scale(0.75) translateY(-230%) translateX(-34px)}
.query-board-popup .inputholder textarea:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-230%) translateX(-34px)}
.query-board-popup .inputholder textarea{height:125px;padding-top:10px;padding-bottom:10px}
@media screen and (max-width:767px){.query-board-popup .inputholder textarea{height:105px}
}
.call_section{display:flex;justify-content:space-evenly;align-items:center}
.call_section .calltitle{font-size:16px;font-weight:400;line-height:27px;color:#6a6563}
.popupCallBtn_sec .qbpopup_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}
.popupCallBtn_sec .qbpopup_callBtn a{text-decoration:none;font-weight:600;font-size:14px;line-height:21px;color:#fff}
.callBtn_mrgn{margin-top:15px}
.popupCallBtn_sec .qbpopup_callBtn img{margin-right:5px}
.popupCallBtn_sec .popupCallBtn_mob{display:none}
@media screen and (max-width:767px){.call_section{flex-direction:column}
#queryscreen3 .inputholder.queryPopup-inp{max-width:unset !important;width:100% !important;margin:unset}
#queryscreen3 .getNotBtn{width:100% !important}
.popupCallBtn_sec{margin-top:10px;width:100%}
.popupCallBtn_sec .qbpopup_callBtn{max-width:100%}
.popupCallBtn_sec .popupCallBtn_desk{display:none}
.popupCallBtn_sec .popupCallBtn_mob{display:block}
}