.QBholder-Search{max-width:714px;margin:0 auto;position:relative;margin-top:-65px;margin-bottom:30px}
.QBholder{max-width:714px;width:100%;margin:0 auto}
.QBTabHolder{display:flex;max-width:714px;width:100%;margin:0 auto;align-items:center;padding-top:18px}
.QBTabHolderLeft{width:65%}
.QBtabformobBLog{position:relative}
.QBTabHolderLeft ul{max-width:334px;display:flex;height:42px;border-radius:100px;border:1px solid #eaedf6;align-items:center;overflow:hidden}
.QBTabHolderLeft ul li{width:50%}
.QBTabHolderLeft ul li:last-child a{border-right:0 solid #eaedf6}
.QBTabHolderLeft ul li a{width:100%;display:block;text-decoration:none;text-align:center;height:40px;padding-left:10px;padding-right:10px;border-right:1px solid #eaedf6;padding-top:6px;font-size:16px;line-height:26px;font-weight:400;color:#453e3c}
.QBTabHolderLeft ul li a:hover{color:#fff;font-weight:600;background:#2d459d}
.QBTabHolderLeft ul li a.active{color:#fff;font-weight:600;background:#2d459d}
.QBTabHolderLeft .custcheck{position:relative;margin:20px 0 20px 0}
.QBTabHolderLeft .custcheck input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.QBTabHolderLeft .custcheck label{padding-left:25px;font-size:12px;line-height:18px;font-weight:500;color:#453e3c}
.QBTabHolderLeft .custcheck .checkmark{position:absolute;top:30px;left:22px;height:25px;width:25px;background-color:#fff;border:1px solid #dee3f9;border-radius:2px}
.QBTabHolderRight.sort-box{width:50%;top:0}
.QBTabHolderRight.show-box{width:50%;right:-352px}
.QBTabHolderLeft .custcheck .checkmark:after{content:"";position:absolute;display:none}
.QBTabHolderLeft .custcheck .checkmark:after{left:9px;top:2px;width:7px;height:15px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.QBTabHolderLeft .custcheck input:checked ~ .checkmark::after{display:block}
.QBTabHolderLeft .custcheck input:checked ~ .checkmark{background-color:#28dba7}
.QBTabHolderRight{width:100%;position:relative;top:-34px}
.queryBListHolder{background:#fff;border:1px solid #eaedf6;position:relative;border-radius:10px;padding:24px;margin-bottom:16px}
.queryBprofileBox{display:flex;width:100%;position:relative;padding-top:5px}
.queryBprofileBox .queryBprofileBoxLeft{width:50px;height:50px;margin-right:18px;position:relative;margin-top:15px}
.queryBprofileBoxLeft .profsmallpic{width:100%;border-radius:50%;height:100%}
.queryBprofileBoxLeft .alarm{width:16px;height:16px;position:absolute;right:2px;bottom:2px}
.queryBprofileBox .queryBprofileBoxRight{width:calc(100% - 68px);text-align:left;word-break:break-all}
.queryBprofileBoxRight .namewithdate p{display:inline-block;font-size:14px;line-height:24px;font-weight:600;color:#453e3c;padding-bottom:3px}
.queryBprofileBoxRight .namewithdate span{display:inline-block;margin-left:10px;font-size:12px;line-height:18px;font-weight:600;color:#6a6563}
@media screen and (max-width:768px){.queryBprofileBoxRight .namewithdate p{display:block}
.queryBprofileBoxRight .namewithdate span{display:block;margin-left:unset}
}
.queryBprofileBoxRight h3{font-size:24px;line-height:36px;font-weight:600;color:#2d459d;padding-bottom:5px;word-break:break-word}
.queryBprofileBoxRight p{font-size:14px;line-height:24px;font-weight:400;color:#6a6563}
.QBklstampHolder{display:flex;width:100%;align-items:center;padding:13px;background:#fff;border:1px solid #eaedf6;border-radius:10px;margin:15px 0 25px 0;max-width:530px}
.QBklstampHolder .queryanswerdiv,.QBklstampHolder .queryanswerdiv h1,.QBklstampHolder .queryanswerdiv h2,.QBklstampHolder .queryanswerdiv h3,.QBklstampHolder .queryanswerdiv h4,.QBklstampHolder .queryanswerdiv h5,.QBklstampHolder .queryanswerdiv h6,.QBklstampHolder .queryanswerdiv p{display:block;margin:auto 0;font-style:normal;font-size:14px !important;line-height:24px !important;font-weight:400 !important;color:#6a6563 !important;word-break:break-word}
.QBklstampHolder .queryanswerdiv a{font-size:14px !important;line-height:22px !important;font-weight:600 !important;color:#2d459d !important;text-decoration:none !important;cursor:pointer}
@media screen and (max-width:767px){.QBklstampHolder .queryanswerdiv,.QBklstampHolder .queryanswerdiv h1,.QBklstampHolder .queryanswerdiv h2,.QBklstampHolder .queryanswerdiv h3,.QBklstampHolder .queryanswerdiv h4,.QBklstampHolder .queryanswerdiv h5,.QBklstampHolder .queryanswerdiv h6,.QBklstampHolder .queryanswerdiv p{font-size:12px !important;line-height:20px !important}
.QBklstampHolder .queryanswerdiv a{font-size:12px !important;line-height:20px !important;font-weight:600 !important}
}
.QBklstampHolder .queryanswerdiv ol{list-style:decimal !important;margin-left:15px}
.QBklstampHolder .queryanswerdiv ol li{list-style:decimal !important}
.QBklstampHolder .queryanswerdiv ul{list-style-type:circle !important;margin-left:15px}
.QBklstampHolder .queryanswerdiv ul li{list-style-type:circle !important}
.QBklstampHolder img{width:34px;height:34px;margin-right:10px}
.queryBprofileBoxRight p a{font-size:14px;line-height:22px;font-weight:600;color:#2d459d;text-decoration:none}
.queryBprofileBoxRight .shareimage a{margin-right:0 !important}
.queryBListHolder .Rmore{display:none}
.queryBstatus{width:fit-content;display:flex;align-items:center;background:#eafcf7;border-radius:80px;height:18px;right:0;top:0;position:absolute}
.queryBstatus img{margin-right:4px}
.queryBstatus p{font-size:11px;line-height:20px;font-weight:400;color:#453e3c;padding:0 8px 0 0}
.QBholder .socialSection .notifyme{display:inline-block;width:112px;height:28px;background:#fff;font-size:14px;line-height:21px;font-weight:400;color:#453e3c;box-shadow:0 5px 25px rgba(45,69,157,0.12);border-radius:6px;text-align:center;padding-top:3px;margin-left:12px}
.QBholder .socialSection .notifyme1{display:none;height:28px;font-size:14px;line-height:21px;font-weight:400;color:#453e3c;padding-top:3px;margin-left:12px}
#UQ .QBTabHolder .QBTabHolderRight .filderBox .filterSelect{width:150px !important;margin-left:5px !important;outline:0}
.doiNeedHoldertoppadding{margin-bottom:25px}
@media screen and (max-width:420px){.QBTabHolder{display:block;padding-bottom:20px}
.QBTabHolder .QBTabHolderLeft{width:100%}
.QBTabHolder .QBTabHolderRight{width:100%;text-align:right;margin-top:10px}
}
.shareimageact:before{position:absolute;content:" ";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;top:24px;left:44px}
.shareimage{position:relative;color:#fff;text-decoration:none;float:right}
.shareimage a,.shareimage a:hover{color:#fff;text-decoration:none}
.sharesec{display:none;position:absolute;width:375px !important;right:0;top:34px;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 8px 18px rgba(45,69,157,0.16);width:100%;z-index:99999;padding:40px 32px 30px 32px}
.sharesec .share-close{position:absolute;right:18px;top:22px;cursor:pointer}
.shareactive{display:block !important}
.shareactive .shareh3{font-size:24px;line-height:36px;font-weight:600;text-align:center;color:#453e3c;display:block;padding-bottom:10px}
.shareactive .shareh6{font-size:14px;line-height:22px;font-weight:500;text-align:center;color:#453e3c;display:block;padding-bottom:13px}
.shareactive .copybox{overflow:hidden;width:100%;height:50px;border-radius:10px;border:1px solid #e7ecff;padding:2px 4px 2px 2px;display:flex;align-items:center;margin-bottom:21px}
.copybox .copy{display:block;background:#2d459d;border-radius:5px;border:0;font-size:14px;line-height:21px;font-weight:500;color:#fff;float:right;padding:12px 14px 12px 14px;min-width:71px}
.copybox input{font-size:14px;width:calc(100% - 103px);border:0;outline:0;display:inline-block;line-height:22px;font-weight:500;color:#453e3c;margin:0}
.copybox img{margin:8px 8px 0 7px}
.shareh7{display:block;text-align:center;padding:4px 0 0 0}
.shareh7 a{display:inline-block;margin:0 7px 0 7px}
.shareh7 a img{margin:0 !important}
.socialSection{width:100%;margin-top:10px}
.socialSection a{display:inline-block;font-size:14px;line-height:24px;font-weight:400;color:#453e3c;text-decoration:none;font-style:normal}
.socialSection a.likeicons{width:44px;margin-right:0 !important}
.socialSection a:hover{color:#453e3c}
.socialSection a img{position:relative;top:-2px}
.socialSection a:first-child{margin-right:0}
.socialSection span.rightshare{float:right !important}
.filderBox .filterSelect{display:inline-block;width:90px;height:30px;border-radius:50px;background:url(../../../../../../content/dam/hdfcklarifylife/query-board/selectarrow.svg) no-repeat right 15px center #f6f5f5;margin-left:10px;padding-top:5px;position:relative;cursor:pointer}
.filderBox .filteract{display:block !important}
.filderBox .nav-link.dropdown-toggle{font-size:12px;text-decoration:none;line-height:20px;font-weight:500;color:#453e3c;text-align:left;padding-top:0}
.filderBox .nav-link.dropdown-toggle:after{display:none}
.filderBox .filterSelect ul{border:1px solid #eaedf6;box-shadow:0 8px 18px rgba(45,69,157,0.16);border-radius:10px;padding:10px 14px 10px 14px;min-width:100px}
.filderBox .filterSelect ul li{border-bottom:1px solid #eaedf6;margin-bottom:5px}
.filderBox .filterSelect ul li:last-child{border-bottom:0 solid #eaedf6;margin-bottom:0;padding-bottom:0}
.filderBox .filterSelect ul li a{display:block;padding-bottom:5px;font-size:12px;text-decoration:none;line-height:18px;font-weight:500;color:#453e3c;text-align:left}
.filderBox.fieldshow{font-size:12px;line-height:18px;font-weight:500;color:#453e3c;justify-content:right;align-items:center}
.filderBox .filterSelect{display:inline-block;width:90px;height:30px;border-radius:50px;background:url(../../../../../../content/dam/hdfcklarifylife/query-board/selectarrow.svg) no-repeat right 15px center #f6f5f5;margin-left:10px;padding-top:5px;position:relative;cursor:pointer}
.signcol .inputholder textarea:focus+span,textarea:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.signcol .inputholder input:focus+span,input:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-34px)}
.decisionHideBox{clear:both;overflow:unset;width:100%;display:none;text-align:center}
.decisionHideBox .socialSection{text-align:left}
.decisionBoxactive{display:block}
.dec-moreless,.dec-moreless1,.dec-moreless2,.dec-moreless3{clear:both;overflow:hidden;bottom:-40px;display:block;text-align:center;width:110px;margin:0 auto;color:#453e3c;font-size:14px;line-height:21px;font-weight:500;cursor:pointer;position:relative}
.dec-moreless a,.dec-moreless1 a,.dec-moreless2 a,.dec-moreless3 a{color:#453e3c;text-decoration:none;position:relative;padding-right:25px}
.dec-moreless a:hover,.dec-moreless2 a:hover,.dec-moreless3 a:hover{color:#453e3c;text-decoration:none}
.decision-1 .infoholder{margin-bottom:25px}
.dec-moreless.arrowact img{transform:rotate(180deg)}
#anonymousQuery{display:none}
#anonymousQuery li{pointer-events:none;width:unset}
.QBtabformobBLog #anonymousQuery{width:50%}
.queryBstatus.rejected{width:fit-content;display:flex;align-items:center;background:#fceaea;border-radius:80px;height:18px;right:0;top:0;position:absolute;color:#dc3545}
.queryBstatus.rejected p{color:#dc3545;padding:0 8px 0 0}
.queryBstatus.rejected img{width:12px;margin:0 4px 0 6px}
.filderBox .filterSelect-two{display:inline-block;width:150px;height:30px;border-radius:50px;background:url(../../../../../../content/dam/hdfcklarifylife/query-board/selectarrow.svg) no-repeat right 15px center #f6f5f5;margin-left:10px;padding-top:5px;position:relative;cursor:pointer}
.filderBox .filterSelect-two ul{border:1px solid #eaedf6;box-shadow:0 8px 18px rgb(45 69 157 / 16%);border-radius:10px;padding:10px 14px 10px 14px;min-width:100px}
.filderBox .filterSelect-two ul li a{display:block;padding-bottom:5px;font-size:12px;text-decoration:none;line-height:18px;font-weight:500;color:#453e3c;text-align:left}
.filderBox .filterSelect-two ul li:not(:last-child){border-bottom:1px solid #eaedf6;margin-bottom:5px}
@media screen and (max-width:767px){.blogHolder .rightshare{float:right !important}
.QBTabHolderLeft .custcheck{width:80%;float:left;margin-bottom:-13px}
.QBTabHolderLeft .custcheck .checkmark{top:36px}
.QBholder-Search{margin-top:0}
.queryBprofileBox{display:block;width:100%}
.queryBprofileBox .queryBprofileBoxLeft{width:40px;height:40px;margin-right:18px;position:relative;margin-top:15px}
.queryBprofileBox .queryBprofileBoxRight{width:100%}
.namewithdate{padding-top:5px}
.queryBprofileBoxRight h3{font-size:16px;line-height:24px;font-weight:600;color:#2d459d;padding-bottom:5px}
.queryBprofileBoxRight p{font-size:12px;line-height:20px;font-weight:400;color:#6a6563}
.queryListHolder{padding:16px}
.queryBstatus{top:30px !important}
.filderHolder{padding-top:24px}
.QBholder .socialSection .notifyme1{display:inline-block}
.queryBprofileBoxRight p a{font-size:12px !important;line-height:20px !important;font-weight:600 !important}
.QBTabHolderRight{top:0}
#UQ .QBTabHolder .QBTabHolderLeft{width:47%;display:inline-block}
#UQ .QBTabHolder .QBTabHolderRight{width:50%;display:inline-block;top:0}
#UQ .QBTabHolder .QBTabHolderRight .filderBox{text-align:left !important}
#UQ .QBTabHolder .QBTabHolderRight .filderBox .filterSelect{width:100% !important;margin-left:0 !important}
.QBTabHolderRight.show-box{right:0}
.QBTabHolderLeft ul{max-width:100%}
.shareactive{display:none !important}
}