@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: #0D6536;
    --primaryLight-color: #e6f7f5;
    --primary-HoverColor: #075a2e;
    --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(--primary-color); 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: 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: 9px; left: 10px; }
.svg-box i {position: relative;top: 2px;}
.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: var(--primary-color); }
.logo-box img { z-index: 9; position: relative; width: 100%; max-width: 262px; margin: auto; height: auto; }
/* ------------- 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;}

.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); } 
/*document CSS Start here*/
  #authModal .modal-dialog{width:100%;max-width:920px;}
    .retainer-header{font-weight:700;font-size:16px;text-align:center;}
    .retainer-header span{display:block;text-decoration:underline;line-height:normal;}
    .justify-text{text-align:justify;}
    .ptax-form{border:1px solid #000;padding:5px 10px;display:block;width:100%;color:#000;font-weight:700;float:left;}
    .ptax-form .fieldset{margin-bottom:15px;clear:both;}
    .ptax-form .form-group{display:inline-block;}
    .ptax-form span.input{border:none;border-bottom:2px solid #000;outline:0!important;font-weight:500;color:#000;padding:0;display:inline-block;vertical-align:bottom;}
    .petioner-inner-div {border-bottom: 2px solid #000000;max-width: 655px;}
    .ptax-form label{display:inline-block!important;max-width:100%;}
    .nassau-desg-form .form-group span,.nassau-desg-form .form-group label{vertical-align:baseline;}
    .pRelative{position:relative;}
    .mr-40{margin-left:40px;}
    .tickImage-outer{position:absolute;left:-41px;top:-15px;max-width:25px;}
    .pdf-text.form-group.tax-year.w415{margin-right:35px!important;}
    .document-lower-text{clear:both;}
    .webClientPackOuter .form-group label{font-size:16px;color:#000000;padding:0 5px 0 0;}
    .pRelative{position:relative;}
    .flex-one{flex:1;}
    .w100{width:100%;}
    .align-center{align-items:center;}
    .d-flex{display:inline-block;}
    .d-flex-inline{display:inline-block;}
    .label-normal{font-weight:normal;}
    .gap20{gap:20px;}
    .ml-30{margin-left:30px;}
.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);
}
.sign_doc {
    background-color: #eddb4d;
    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: 18px;
    left: -9px;
    content: "";
    height: 18px;
    background: #eddb4d;
    top: 4px;
    transform: rotate(45deg);
}

.sign_doc a{color: rgb(187, 60, 56);font-weight: 600;position: relative;font-size: 14px;}
/*document CSS End here*/
/* ------------- Forgot Page Css --------------*/
@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 --------------*/

.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);
}