/* ----- RESET & BASE ----- */
 * {
   box-sizing: border-box;
 }

 body {
   font-family: 'Roboto', sans-serif;
   background: #fcfcfc;
 }

 div,
 ul,
 li,
 a,
 span,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   padding: 0;
   margin: 0;
   list-style: none;
 }

 a:hover {
   text-decoration: none;
 }

 img {
   max-width: 100%;
 }

 /* ----- FIXED FOOTER LAYOUT ----- */
 .fixed-ftr-body {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
 }

 .fixed-footer {
   flex: 1 0 auto;
 }

 .verify-footer {
   flex-shrink: 0;
 }

 /* ----- HEADER / NAVBAR ----- */
 .navbar.custom-verify-header {
   background: #fff;
   padding: 10px 0 0 0;
   border-top: 10px solid #25984e;
   border-bottom: 0;
 }

 .custom-verify-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #e7e7e7;
   padding: 20px 0;
   width: 100%;
 }
 .custom-verify-inner h6{
  color: #25984e;
  font-size: 20px;
 }

 .navbar-brand {
   padding: 0;
 }

 .mob-none {
   display: block;
 }

 .desk-none {
   display: none;
 }

 /* ----- PAGE CONTAINER & WIDTH ----- */
 .fixed-ftr-body .container-fluid,
 .document-dt-wrapper .container-fluid {
   max-width: 1320px;
   padding-left: 15px;
   padding-right: 15px;
 }

 .container.body-content {
   max-width: 100%;
   padding: 0;
 }

 /* ----- VERIFY MESSAGE (optional) ----- */
 .verify-msg-inner-wrapper {
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: 40px 20px;
   max-width: 380px;
   margin: 30px auto;
 }

 /* ----- DOCUMENT DETAILS SIDEBAR ----- */
 .document-dt-wrapper {
   margin-top: 30px;
 }

 .bs-callout {
   padding: 15px;
   border-left: 4px solid #25984e;
   font-size: 16px;
   line-height: 1.5;
 }

 .document-dt-wrapper .bs-callout {
   margin-bottom: 30px;
 }

 .bs-callout.bs-callout-info {
   background: #f0f7f3;
   color: #000;
 }

 .bs-callout.bs-callout-info span {
   font-weight: 700;
 }

 .document-dt-list-wrapper {
   border-left: 2px solid #e6e6e6;
   padding: 20px;
   padding-right: 7px;
 }

 .document-dt-list-wrapper h3 {
   font-size: 20px;
   font-weight: 700;
   color: #25984e;
   line-height: 1.2;
   margin: 0 0 30px 0;
   text-transform: uppercase;
 }

 .document-list {
   margin-bottom: 20px;
   font-size: 16px;
   color: #000;
   word-break: break-all;
 }

 .document-list .list-label {
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 7px;
   font-size: 14px;
 }

 .document-list .action-wrapper {
   margin-top: 20px;
 }

 /* ----- DETAIL TABLE (certificates) ----- */
 .details-table {
   border: none;
 }

 .details-table thead tr th {
   background-color: #25984e;
   color: #fff;
   border-color: #25984e;
 }

 .details-table .table {
   color: #000;
   margin-bottom: 0;
 }

 .details-table td {
   border-color: #e6e6e6;
 }

 /* ----- BUTTONS & LINKS ----- */
 .gradient-btn {
   color: #fff;
   background: #25984e;
   border: none;
   padding: 10px 25px !important;
   font-size: 16px !important;
   line-height: normal !important;
   text-align: inherit;
   min-width: 100px !important;
   font-weight: 400 !important;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   transition: 0.3s;
   border-radius: 0;
   height: auto !important;
   gap: 5px;
 }

 .gradient-btn i {
   margin-right: 5px;
 }

 .gradient-btn:hover {
   background: #176939;
   color: #fff;
 }

 .verify-btn {
   display: flex;
   align-items: center;
 }

 .verify-btn img {
   margin-right: 5px;
 }

 .evt_verify {
   display: inline-block;
   color: #fff;
   background: #25984e;
   border: none;
   padding: 10px 35px;
   font-size: 13px;
   text-transform: capitalize;
   transition: 0.3s;
   border-radius: 0;
   min-width: 78px;
   text-decoration: none;
   white-space: nowrap;
 }

 .evt_verify:hover {
   background: #176939;
   color: #fff;
   text-decoration: none;
 }

 .document-list .list-desc a {
   color: #25984e;
   font-size: 14px;
 }

 .event-links-list li a {
   color: #25984e !important;
   padding: 0 8px;
   cursor: pointer;
 }

 /* ----- IFRAME & DOWNLOAD ----- */
 .download-preview-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
 }

 .download-preview-wrapper p {
   margin: 0;
   font-size: 16px;
   color: #58595a;
   font-style: italic;
   line-height: 1.2;
 }

 .download-preview-wrapper .gradient-btn {
   min-width: initial !important;
   padding: 10px 25px !important;
 }

 @media screen and (min-width: 768px) {
   .download-preview-wrapper .gradient-btn {
     margin-left: 30px;
   }
 }

 .document-dt-wrapper iframe {
   width: 100%;
   min-height: 1196px;
   border: 1px solid #ddd;
   background: #fff;
 }

 /* ----- EVENT TABLE (generic) ----- */
 .event-list-wrapper {
   margin-top: 60px;
 }

 .event-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 25px;
 }

 .event-header h3 {
   margin: 0;
   font-size: 20px;
   font-weight: 700;
   color: #25984e;
   text-transform: uppercase;
 }


 .event-links-wrapper {
   display: flex;
   align-items: center;
   font-size: 16px;
 }

 .event-links-list {
   display: flex;
   align-items: center;
   padding: 0;
   margin: 0;
 }

 .event-links-list li {
   position: relative;
 }

 .event-links-list li:before {
   content: "";
   background: #acacac;
   width: 1px;
   height: 70%;
   position: absolute;
   left: 0;
   top: 4px;
 }

 .event-links-list li:first-child:before {
   display: none;
 }

 .event-list-wrapper .table {
   min-width: 1200px;
   table-layout: fixed;
   max-width: 100% !important;
   margin-bottom: 0;
 }

 .event-list-wrapper .table thead tr {
   border: 0;
 }

 .event-list-wrapper .table th:first-child {
   padding-left: 18px;
 }

 .event-list-wrapper table thead tr th:nth-of-type(2),
 .event-list-wrapper table tbody tr td:nth-of-type(2) {
   width: 25%;
   word-break: break-all;
 }

 .event-list-wrapper table thead tr th:nth-of-type(3),
 .event-list-wrapper table tbody tr td:nth-of-type(3) {
   width: 25%;
 }

 .event-list-wrapper table thead tr th:first-of-type,
 .event-list-wrapper table tbody tr td:first-of-type {
   width: 20%;
 }

 .event-list-wrapper table thead tr th:nth-of-type(4),
 .event-list-wrapper table tbody tr td:nth-of-type(4) {
   width: 17%;
 }

 .event-list-wrapper .table>thead>tr>th {
   border-bottom: 1px solid #e6e6e6;
   background: #fff;
   color: #000;
   font-weight: 700;
   font-size: 16px;
   padding: 10px 10px;
   height: 50px;
   vertical-align: middle;
 }

 .event-list-wrapper .table td {
   font-size: 16px;
   vertical-align: middle;
   padding: 10px 10px;
   line-height: normal;
   border-bottom: 1px solid #e6e6e6;
 }

 .table-striped>tbody>tr:nth-of-type(odd) {
   background: #f9f9f9;
 }

 .table-responsive.details-table {
   border: none;
 }

 .table-responsive::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
   background-color: #F5F5F5;
 }

 .table-responsive::-webkit-scrollbar {
   width: 50px;
   height: 4px;
   background-color: #F5F5F5;
 }

 .table-responsive::-webkit-scrollbar-thumb {
   background-color: #24984d;
 }

 /* ----- FOOTER ----- */
 .verify-footer .verify-ftr-inner {
   margin-top: 50px;
   padding: 50px 0;
   border-top: 1px solid #ccc;
 }

 .ftr-logo-sign {
   margin-bottom: 7px;
 }

 .ftr-logo-sign p {
   background: linear-gradient(to right, #087b38 0%, #59b246 51%, #59b246 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin: 0;
   font-size: 24px;
   font-weight: 600;
   font-style: italic;
   line-height: 24px;
 }

 .verify-ftr-copy {
   font-size: 15px;
   color: #666;
 }

 .verify-ftr-col .ftr-link {
   font-size: 16px;
   line-height: 24px;
   color: #666;
   font-style: italic;
   text-align: center;
 }

 .verify-ftr-col .ftr-link a {
   color: #666;
   text-decoration: none;
   font-style: italic;
 }

 .ftr-btm-verify {
   font-weight: 700;
 }

 .ftr-btm-verify a span {
   color: #25984e;
 }

 .verify-ftr-right {
   text-align: right;
 }

 .ftr-contact {
   font-size: 16px;
   line-height: 24px;
 }

 .ques-ftr {
   font-weight: 700;
   color: #25984e;
 }

 .ftr-mail a {
   color: #666;
   text-decoration: none;
 }

 .events-table .table thead th {
   border-bottom: 0 !important;
 }

 .events-table .table thead th:last-child {
   width: 15%;
 }

 .events-table .table tbody tr:nth-child(odd) {
   background-color: #f9f9f9;
 }

 .events-table .table thead tr th:nth-child(4) {
   width: 16%;
 }
.events-table .table tbody tr td{
  vertical-align: middle;
}
 .events-table .table tbody tr td:nth-child(1),
 .events-table .table thead tr th:nth-child(1) {
   border-left: 1px solid #dee2e6;
 }

 .events-table .table tbody tr td:last-of-type,
 .events-table .table thead tr th:last-of-type {
   border-right: 1px solid #dee2e6;
 }
 .events-table .table tbody tr td:nth-child(4) a{
   color: #25984e;
   font-weight: 500;
 }
 .events-table .table tbody tr:last-of-type {
   border-bottom: 1px solid #dee2e6;
 }

 .loan-record-table {
   width: 100%;
   border-collapse: collapse;
 }

 .loan-record-table .title {
   font-size: 20px;
   font-weight: 700;
   color: #25984e;
   text-transform: uppercase;
   padding-bottom: 10px;
   text-align: left;
 }

 .loan-record-table tr td:first-of-type {
   width: 53%;
 }

 .loan-record-table .label {
   font-size: 14px;
   font-weight: 700;
   color: #000;
   text-transform: uppercase;
   padding: 8px 0px 4px 0;
   vertical-align: bottom;
 }

 .loan-record-table .value {
   font-size: 14px;
   font-weight: 400;
   color: #555;
   padding: 0 0px 14px 0;
   vertical-align: top;
   line-height: 1.4;
 }



 /* ==========================
   Accordion
========================== */

 .accordion {
   width: 100%;
   margin: 0 auto;
 }

 .accordion-item {
   border: 1px solid #dcdcdc;
   margin-bottom: 20px;
   background: #fff;
   overflow: hidden;
 }

 .accordion-header:focus {
   outline: none;
 }

 .accordion-header {
   width: 100%;
   height: 42px;
   background: #259648;
   color: #fff;
   border: 0;
   outline: 0;
   cursor: pointer; 
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 14px;
   font-size: 16px;
   font-weight: 400;
   text-align: left;
 }

 /* Remove button styles */
 .accordion-header::-moz-focus-inner {
   border: 0;
 }

 .accordion-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   transition: transform .35s ease;
   flex-shrink: 0;
 }

 .accordion-icon i {
   color: #259648;
   font-size: 8px;
   transition: .35s;
 }

 .accordion-item.active .accordion-icon {
   transform: rotate(180deg);
 }

 /* ==========================
   Slide Animation
========================== */

.accordion-content{
    overflow: hidden;
    max-height: 0;
    transition: max-height .4s ease-in-out;
    will-change: max-height;
}

 .accordion-body {
   padding: 16px 14px;
 }

 /* ==========================
   Table
========================== */

 .item-table {
   width: 100%;
   border-collapse: collapse;
   margin-bottom: 16px;
 }

 .item-table tr td,
 .item-table tr th {
   padding: 6px 0;
   vertical-align: top;
 }

 .item-table th {
   width: 53%;
   font-size: 14px;
   font-weight: 700;
   color: #000;
   text-align: left;
 }

 .item-table td {
   width: 47%;
   font-size: 14px;
   color: #000;
   text-align: left;
   font-weight: 400;
 }

 /* ==========================
   Image Box
========================== */

 .item-image {
   margin-top: 10px;
   border: 1px solid #dddddd;
   background: #fff;
   padding: 14px;
   text-align: center;
 }

 .item-image img {
   display: block;
   margin: auto;
   max-width: 100%;
   width: 220px;
   height: auto;
 }

 /* Aadhaar Card */
 .item-image img.card {
   width: 170px;
 }

 /* Ring */
 .item-image img.ring {
   width: 220px;
 }

 /* ==========================
   Hover
========================== */

 .accordion-header:hover {
   background: #21853f;
 }

 /* ==========================
   Responsive
========================== */

 @media (max-width:600px) {

   .accordion-header {
     height: 40px;
     font-size: 13px;
   }

   .item-table th,
   .item-table td {
     font-size: 12px;
   }

   .item-image img {
     width: 180px;
   }
 }

 /* ----- RESPONSIVE TWEAKS ----- */
 @media screen and (max-width: 991px) {


   .mob-none {
     display: none;
   }

   .desk-none {
     display: block;
   }

   .header-right-section.desk-none {
     filter: drop-shadow(0px 7px 8px #C4C4C4);
     max-width: 550px;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     margin: 0 auto 40px auto;
   }

   .document-dt-row {
     display: flex;
     flex-direction: column-reverse;
   }

   .custom-visible-xs {
     display: flex !important;
   }

   .download-preview-wrapper {
     flex-direction: column;
     margin: 0 0 30px 0;
     padding-bottom: 30px;
   }

   .download-preview-wrapper p {
     margin-bottom: 20px;
     text-align: center;
     line-height: 1.5;
   }

   .download-preview-wrapper .gradient-btn {
     margin-left: 0 !important;
     min-width: initial !important;
   }

   .navbar-header {
     width: 100%;
     text-align: center;
   }

   .document-list .action-wrapper {
     text-align: center;
   }

   .verify-ftr-col {
     text-align: center;
   }

   .verify-ftr-col .ftr-link {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     margin: 20px auto;
     font-size: 16px;
     line-height: 24px;
   }

   .verify-ftr-right {
     text-align: center;
   }
   .loan-record-table .title{
    padding-top: 30px;
   }
 }

 @media (max-width: 640px) {
   .document-dt-wrapper iframe {
     min-height: 860px;
   }
 }

 @media only screen and (min-width: 992px) {
   .table {
     table-layout: fixed;
     max-width: 100% !important;
   }
 }

 /* ----- UTILITY (kept from original) ----- */
 .pl-18 {
   padding-left: 18px !important;
 }

 .blockchain-url input[type="hidden"] {
   display: none;
 }

 .document-dt-wrapper .fas {
   margin-right: 5px;
 }

 .event-list-wrapper .download_btn {
   font-weight: 700;
   color: #25984e;
 }