/**Details login popup css start here**/
.login-modal .cmn-tabs .nav-tabs { gap: 10px; margin-left: 0; margin-bottom: 20px; }
.login-modal .cmn-tabs .nav-tabs .nav-item .nav-link {  background: var(--light-bg); color: var(--body-font-color); border-radius: 10px; }
.login-modal .cmn-tabs .nav-tabs .nav-item .nav-link.active { background: var(--primary); color: var(--white); }
.login-modal .forgot-paswd-data {  width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.login-modal .forgot-passord-link a { font-size: 14px; color: var(--body-font-color); border-bottom: 1px solid var(--body-font-color); }
.login-modal .forgot-passord-link a:hover { color: var(--primary); border-color: var(--primary); }
.login-modal .forgot-paswd-data .form-check-label { font-size: 14px; cursor: pointer; }
.clicking-txt { font-size: 14px; line-height: 24px; }
.clicking-txt strong { color: var(--secondary); }
.modal-dialog { max-width: 600px; }
.modal-dialog .modal-content { border: none; border-radius: 10px; }
.modal-dialog .modal-header { background: var(--light-bg); border-radius: 10px 10px 0 0; border: none; }
.modal-dialog .modal-title { font-size: 22px; font-weight: var(--font-weight-bold); }
.modal-body .form-group { width: 100%; display: flex; margin-bottom: 15px; align-items: center; }
.form-group .form-label { margin-bottom: 5px; font-size: 14px; width: 150px; }
.form-group .form-control { height: 45px; border-radius: 10px; border-color: var(--border-color); font-size: 14px; }
.form-group textarea.form-control { resize: none; height: 110px; font-size: 14px; }
.form-group small { font-size: 12px; }
.form-group .btn-secondary { height: 50px; font-size: 16px; }
.modal-dialog .modal-footer { border-radius: 0 0 10px 10px; }
/**Details login popup css end here**/