.personalDetailsPopupOverlay{position:fixed;display:none;top:100px;left:0;width:100%;height:calc(100% - 100px);background:rgba(255,255,255,0.3);backdrop-filter:blur(10px);z-index:99}
.personalDetailsDiv .modal-content{padding:15px 0 30px;border-radius:20px;border:0}
.personalDetailsDiv .modal-dialog{box-shadow:0 0 24px rgba(49,37,98,0.4);border:1px solid #186cf2;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:550px;max-height:600px;width:97%}
.personalDetailsPopup{max-width:400px;display:flex;flex-direction:column;align-items:center;margin:0 auto}
.personalDetailsPopup .formDiv{margin-top:15px}
.personalDetailsPopup .pd_icon{max-width:28px;max-height:28px;object-fit:cover}
.pdTitle{padding:6px 0;font-size:24px;font-weight:600}
.pdDesc{width:85%;padding:2px 0;text-align:center;color:#6a6563;font-size:12px}
.addDesc{width:90%;text-align:left;color:#6a6563;font-size:10px;margin-top:25px}
.nameField,.mobileField{padding-bottom:15px}
#personalDetailsForm label{position:relative;display:inline-block}
#personalDetailsForm input:focus+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-10px)}
#personalDetailsForm input:not(:placeholder-shown)+span{opacity:1;transform:scale(0.75) translateY(-162%) translateX(-10px)}
#personalDetailsForm .inputLabel{font-size:14px;line-height:21px;font-weight:600;color:#453e3c}
#personalDetailsForm input{border:1px solid #453e3c;border-radius:4px;width:100%;height:35px;padding-left:15px;padding-right:15px;font-size:14px;line-height:21px;font-weight:600;color:#453e3c;margin-top:8px}
#personalDetailsForm .form-group .error{display:flex;align-items:center;gap:5px;font-size:12px;line-height:16px;color:#cc150f;font-weight:400;margin-top:5px}
#personalDetailsForm .error-image.active{display:block}
#personalDetailsForm .error-image{display:none;max-width:16px;max-height:16px}
.submit{margin-top:15px}
.submit a{text-decoration:none}
.submit a:hover{text-decoration:none}
.personalDetailsSubmit{display:flex;gap:4px;justify-content:center;justify-self:center;align-items:center;font-size:14px;font-weight:500;line-height:20px;color:#fff;text-align:center;border:1px solid #ed1c24;border-radius:6px;background:#ed1c24;box-shadow:0 1px 2px 0 rgba(177,17,22,0.12);padding:6px 30px;-webkit-animation:linear infinite;-webkit-animation-name:combuttonwhitezigzag;-webkit-animation-duration:2s;font-family:"Poppins",sans-serif;cursor:pointer}
.personalDetailsSubmit:hover{background:#fef1f1;color:#ed1c24}
.personalDetailsSubmit:hover img{filter:brightness(0) invert(27%) sepia(44%) saturate(4026%) hue-rotate(340deg) brightness(110%) contrast(118%)}
.personalDetailsSubmit img{max-width:20px;max-height:20px}
.personalDetailsSubmit:disabled{color:#9ca3af;background:#e5e7eb;box-shadow:0 1px 2px 0 rgba(28,38,51,0.04);border:1px solid #e5e7eb;cursor:not-allowed}
.personalDetailsSubmit:disabled img{filter:brightness(0) saturate(100%) invert(69%) sepia(10%) saturate(337%) hue-rotate(179deg) brightness(93%) contrast(86%)}
.pd_close_icon{width:16px;height:16px;position:absolute;top:20px;right:20px;z-index:1;cursor:pointer}
@media only screen and (max-device-height:1000px) and (orientation:portrait){.personalDetailsDiv .modal-content{overflow-y:scroll}
}
@media only screen and (max-device-width:900px) and (orientation:landscape){.personalDetailsDiv .modal-content{max-height:450px}
.personalDetailsPopup{max-width:100%;width:100%;overflow-y:scroll}
.personalDetailsDiv .modal-content{padding:45px 60px}
}
@media screen and (min-width:768px) and (max-width:1023px){.pdDesc{width:65%}
.addDesc{width:85%}
}
@media screen and (max-width:767px){.personalDetailsPopupOverlay .modal-dialog{margin:0;width:80%;max-height:550px}
.pd_close_icon{width:15px;height:15px;top:20px;right:20px}
.personalDetailsPopup{max-width:100%;padding:0}
.personalDetailsDiv .modal-content{padding:36px}
.personalDetailsPopup .pd_icon{width:40px;height:40px}
.pdTitle{font-size:20px}
.pdDesc{font-size:10px}
.addDesc{width:100%}
.personalDetailsPopup .formDiv{width:100%;margin-top:10px}
#personalDetailsForm .inputLabel{font-size:10px}
#personalDetailsForm input{height:30px;margin-top:2px;font-size:12px}
.nameField,.mobileField{padding-bottom:10px}
#personalDetailsForm .form-group .error{font-size:10px;line-height:16px}
.submit{width:100%}
.personalDetailsSubmit{width:100%;height:40px;font-size:14px;padding:0}
}
@media screen and (max-width:360px){.getNote .queryPopup-inp{max-width:unset !important;width:100%}
}
.personalDetailsPopup .popupCircleLoader{padding:100px 0}
@media screen and (max-width:767px){.query-board-popup .inputholder textarea{height:105px}
}