@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body { margin: 0; font-family: "Inter", sans-serif !important; }
:root {
    --primary-color: #2925F4;
    --primary-HoverColor: #1f1bf7;
    --themeBlackcolor: #272a34;
    --primaryLight-color: #edecf9;
    --textPrimaryColor: #058472;
    --lightBGgradient: linear-gradient(135deg, #f8fcfb 0%, #ffffff 100%);
    --bgGradient: linear-gradient(135deg, #E6F7F5 0%, #D1F2ED 100%)
}
/* ------------- Login and Forgot Page Css --------------*/
.custom-checkbox { position: relative; cursor: pointer; color: #8c8c9a; padding: 2px 0 0 22px; font-weight: 500; font-size: 13px; line-height: 100%; }
.custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; left: 0; top: 1px; height: 15px; width: 15px; border-radius: 4px; border: 1px solid #95929E; }
.custom-checkbox input:checked ~ .checkmark { background-color: var(--primary-color); border-color: var(--primary-color); }
.checkmark:after { content: ""; position: absolute; display: none; }
.custom-checkbox input:checked ~ .checkmark:after { display: block; }
.custom-checkbox .checkmark:after { left: 4px; top: 1.5px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.Login-page { background: url(../images/login-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 100vh; display: flex; }
.login-container { width: 100%; max-width: 900px; border-radius: 15px; margin: auto; padding: 0 15px; }
.inner-login { display: flex; justify-content: space-between; background: #fff; border-radius: 10px; }
.logo-box { width: 370px; box-sizing: border-box; }
.login-details { flex: 1; box-sizing: border-box; padding: 80px 50px; }
.g-recaptcha { margin-top: 15px; }
.login-heading h1 { font-weight: 600; font-size: 27px; line-height: 100%; margin: 0; color: var(--themeBlackcolor); padding: 0 0 3px; }
.login-heading span { font-weight: 400; font-size: 14px; color: #AAA3A0; }
.login-heading { padding: 0 0 20px; text-align: center; }
.form-group label { font-weight: 500; font-size: 14px; line-height: 100%; color: #475467; padding: 0 0 8px; display: block; display: flex; justify-content: space-between; }
.form-group label a { color: var(--primary-color); text-decoration: none; }
.input-box { position: relative; }
.input-box input { width: 100%; border: 1px solid var(--borderColor, #CED4DA); padding: 10px 40px; border-radius: 4px; box-sizing: border-box; font-family: "Inter", sans-serif; outline: none; }
.svg-box { position: absolute; top: 8px; left: 10px; }
.space-box { margin: 20px 0 0; }
.eye-svg { left: auto; right: 10px; }
.checkbox-sec { padding: 10px 0 0; }
.login-btn { margin: 20px 0 0; }
.login-btn .btn { background-color: var(--primary-color); width: 100%; border-radius: 4px; padding: 7px 14px; display: flex; justify-content: center; align-items: center; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; gap: 4px; line-height: 26px; box-sizing: border-box; border: 0; cursor: pointer; }
.login-btn .btn svg { position: relative; top: 1px; }
.logo-box { position: relative; text-align: center; display: flex; border-radius: 10px 0px 0px 10px; background-color: #b3c9c7; }
.logo-box img { z-index: 9; position: relative; width: 100%; max-width: 262px; margin: auto; height: auto; }
.navbar {background: #ffffff !important;}
body .header-select {color: #333333 !important;}
/* ------------- Forgot Page Css --------------*/
.forgot-page .login-heading h1 { padding: 0 0 10px; }
.back-btn { display: flex; align-items: center; }
.back-btn a { font-weight: 600; font-size: 12px; text-decoration: none; color: var(--primary-color); display: flex; align-items: center; gap: 10px; width: 100%; justify-content: center; padding: 15px 0 0; }
.back-btn a svg { top: 1px; position: relative; }
.error_msg {font-size: 12px;}
.svg-box i {position: relative;top: 2px;}
/* ------------- Forgot Page Css --------------*/

.modal-header { background: var( --primary-color);}
.btn-primary:hover, .btn-primary:focus {background-color: var(--primary-HoverColor);border-color: var(--primary-HoverColor);} 
.btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); }

.webClientPackOuter .pdf-logo { max-width: 280px !important; }
.webClientPackOuter h3 { font-weight: 700; font-size: 15px; margin-bottom: 5px; }
.webClientPackOuter h3.counter-name { font-size: 22px; margin-bottom: 8px; }
.webClientPackOuter p { font-size: 14px; }
.webClientPackOuter table td { font-size: 14px; }
.webClientPackOuter .custm-outerBorder p { font-size: 14px !important; }
.custm-outerBorder table td { font-size: 13px; }
.webClientPackOuter .pdf-tittle { font-size: 15px !important; }
.webClientPackOuter .smallFont { font-size: 12px !important; }
.webClientPackOuter #imgHand { padding: 0 !important; top: 0 !important;max-height: 30px; }
.webClientPackOuter #submittedSignatureContainer { display: flex; align-items: center; }
.sign_doc { background: red; background-color: #eddb4d; font-family: Arial, Gotham, sans-serif; width: 55px; padding: 3px 7px; border-radius: 0px 5px 5px 0px; text-align: center; margin-left: 20px; position: relative; }
.sign_doc:before { position: absolute; width: 20px; left: -11px; content: ""; height: 20px; background: #eddb4d; top: 4px; transform: rotate(45deg); }
#anchorSign_inner { color: rgb(187, 60, 56); font-weight: 600; position: relative; font-size: 14px; }
.applicable-tittle { padding-left: 50px !important; white-space: nowrap;padding-right: 10px;text-align: right;}
.AggrievedParty { padding-left: 40px !important; }
.sigDate { padding-right: 15px; }
.Property_address {width: 131px !important;}
#authModal .modal-dialog {width: 100%;max-width: 990px;}
#authModal .modal-dialog .modal-body {padding: 20px 60px;}
.webClientPackOuter {font-family: "Open Sans", sans-serif;}
@media only screen and (max-width: 1024px) {
.webClientPackOuter {min-width: 855px;}
.document-outer-container {overflow-y: auto;}
#goToSignature {display: none;}
}
@media (max-width: 767px) {
    .logo-box, .login-details { width: 100%; }
    .inner-login { flex-wrap: wrap; max-width: 90%; margin: 0 auto; }
    .logo-box { padding: 70px 0; border-radius: 10px 10px 0 0; }
    .login-details { padding: 30px; }
    .logo-box:before { border-radius: 10px 10px 0 0; }
}
/* ------------- Login and Forgotpage Css End --------------*/
.dropdown-item.active, .dropdown-item:active {
    background: var(--primary-color);
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.section-title::after {
    background: var(--primary-color);
}

.section-title {
    border-bottom: 2px solid var(--primaryLight-color);
}

.profile-page-container {
    background: var(--lightBGgradient);
}

.profile-status-badge {
    background: var(--bgGradient);
    color: var(--textPrimaryColor);
    border: 1px solid rgba(5, 132, 114, 0.2);
}

.profile-avatar-large {
    background: var(--bgGradient);
    color: var(--textPrimaryColor);
    box-shadow: 0 8px 25px rgba(5, 132, 114, 0.15);
}

.info-icon {
    background: var(--bgGradient);
    color: var(--textPrimaryColor);
}

.input-group-text {
    background: linear-gradient(135deg, #f8fcfb 0%, #e6f7f5 100%);
    border: 2px solid #e9ecef;
}

.input-group:focus-within .input-group-text {
    color: var(--textPrimaryColor);
    background: var(--bgGradient);
}

.profile-info-card {
    box-shadow: 0 4px 20px rgba(5, 132, 114, 0.08);
}


.profile-form-card {
    border: 1px solid rgba(5, 132, 114, 0.1);
    box-shadow: 0 4px 20px rgba(5, 132, 114, 0.08);
}

.profile-info-card:hover {
    box-shadow: 0 8px 30px rgba(5, 132, 114, 0.12);
}

.profile-info-card {
    border: 1px solid rgba(5, 132, 114, 0.1);
}

.input-group:focus-within .form-control {
    color: var(--textPrimaryColor);
    box-shadow: 0 0 0 0.2rem rgba(5, 132, 114, 0.15);
}