.screen-reader-content h2 {
   padding: 20px 0px;
   color: var(--text-color-black-2);
   font-weight: 500;
   font-size: 1rem;
 }

 .details-sa .free-comm, .details-sa .sr-name {
   width: 20%;
 }

 .dg-msg-content h2 {
   font-size: 1rem;
   font-weight: 400;
   padding: 20px;
   color: var(--text-color-black);
 }

 .dg-msg-img {
   width: 120px;
   float: left;
 }

 .proceedings-content h2 {
   font-weight: 500;
   font-size: 1rem;
   padding-top: 30px;
   color: var(--text-color-black);
 }

 .proceedings-content>p {
   padding-left: 30px;
 }

 .proceedings-content>p>a {
   color: var(--text-color-black-2);

 }

 .proceedings-content>p>a>i {
   color: var(--text-color-bg-blue);
   font-size: 1rem;

 }

 .presentations-content h3 {
   color: var(--text-color-black-2);
   font-weight: 500;
   font-size: 0.9rem;
   padding: 10px;
 }

 .presentations-content .pr-content h4 {
   margin-left: 20px;
   font-weight: normal;
   font-size: 0.8rem;
   padding: 10px;
   color: var(--text-color-bg-blue);
 }

 .presentations-content .pr-content>a {
   display: block;
   margin-left: 50px;
   font-size: 0.8rem;
   color: var(--text-color-black-2);
   padding: 5px;
 }

 .presentations-content h3>a {
   color: var(--text-color-black-2);
   font-weight: 500;
   font-size: 0.9rem;

 }

 .presentations-content>h2 {
   color: var(--text-color-black-2);
   font-weight: 500;
   font-size: 1.2rem;
 }

 .presentations-content a>i {
   color: var(--text-color-bg-blue);
   font-size: 1rem;
   margin-left: 10px;

 }

 .bulletin-content>a {
   color: var(--text-color-black-2);
   font-size: 0.9rem;
   display: block;
   padding: 10px;
 }

 .bulletin-content>a>i {
   margin-right: 5px;
   vertical-align: middle;
   color: var(--text-color-bg-blue);
 }

 .bulletin-content>a>i.fa-file-pdf {
   font-size: 1rem;
 }

 .bulletin-content>a>.update-details {
   color: var(--text-color-bg-blue);
   font-size: 0.7rem;
 }

 .a-r-content table tr>td>a>i, .a-r-content table .accordionar-content i {
   color: var(--text-color-bg-blue);
   font-size: 1rem;
   vertical-align: middle;
 }


 .a-r-content table {
   counter-reset: serial-number;
   /* Set the serial number counter to 0 */
 }

 .a-r-content table tbody tr td:first-child::before {
   counter-increment: serial-number;
   /* Increment the serial number counter for each row */
   content: counter(serial-number);
   /* Display the counter value */
 }


 .accordionar {
   max-width: 600px;
   /* margin: 1em auto; */
   font-family: Arial, sans-serif;
 }

 .accordionitcell {
   max-width: unset;
   margin: 1em auto;
   font-family: Arial, sans-serif;
 }

 .accordionar-input {
   display: none;
   /* Hide the checkbox visually */
 }

 .accordionar-label {
   display: block;
   cursor: pointer;
   /* padding: 1em; */
   /* background-color: #1976d2; */
   color: var(--text-color-black-2);
   font-weight: 400;
   /* border-radius: 6px; */
   user-select: none;
   /* font-size: 1.1rem; */
   transition: background-color 0.3s;
   background: var(--bg-color-5);
   border: 1px solid var(--border-color-1);
   padding: 5px 15px;
   border-radius: 5px;
   background: var(--bg-color-white-1);
   padding: 6px;
   border: 1px solid var(--border-color-3);
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   font-size: 0.8rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .accordionitcell .accordionar-label {
   font-size: 0.8rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 /*  .accordionar-label:hover,
 .accordionar-label:focus {
   background-color: #145ea8;
   outline: none;
 } */

 .accordionar-content {
   max-height: 0;
   overflow-y: scroll;
   padding: 0 1em;

   border-radius: 0 0 6px 6px;
   transition: max-height 0.35s ease, padding 0.35s ease;

   line-height: 1.4;
 }

 .accordionitcell .accordionar-content {
   height: auto;
 }

 .accordionar-content>a {
   font-size: 0.7rem;
   display: block;
   color: var(--text-color-black-3);
   padding: 10px;
   border-bottom: 1px solid var(--border-color-1);
 }

 /* Show content when checked */
 .accordionar-input:checked~.accordionar-content {
   max-height: 500px;
   /* Adjust max-height to fit content */
   padding: 1em;
 }

 /* Plus/minus icon */
 .accordionar-label::after {
   content: '+';
   float: right;
   /* font-weight: bold; */
   transition: transform 0.3s ease;
   font-size: 1.5rem;
 }

 .accordionar-input:checked+.accordionar-label::after {
   content: '-';
 }

 .e-gov-content {
   display: flex;
   padding: 10px;
 }

 .e-gov-content .e-gov-desc {
   padding: 0px 10px;
 }

 .e-gov-desc p {
   padding: 10px;
 }

 .e-gov-content ul {
   padding: 5px 10px;
   font-size: 0.8rem;
   color: var(--text-color-black-2);
 }

 .e-gov-content ul li {
   margin: 10px;
 }

 .e-gov-img>.server-room {
   width: 330px;
   border-radius: 5px;
 }

 .training-itcell-content {
   flex-direction: column;
 }

 .training-itcell-content .e-gov-img img {
   margin: 5px;
 }

 .mou-with-ext-org-ep th.sl-num {
   width: 50px;
 }

 .mou-with-ext-org-ep th.logoth {
   width: 200px;
 }

 .text-content h2, .inst-content h2 {
   font-size: 1.2rem;
   font-weight: 500;
   padding: 10px;
   color: var(--text-color-black-2);
 }

 .inst-content p {
   font-family: unset !important;
   color: var(--text-color-black-2) !important;
 }

 .projects-links {
   margin: 20px;
 }

 .projects-links a {
   color: var(--text-color-black-2);
   font-size: 0.8rem;
   padding: 5px 10px;
   background: var(--bg-color-white-2);
   border: 1px solid var(--border-color-1);
   margin-top: 10px;
 }

 .projects-links>a .fa-link {
   color: var(--text-color-bg-blue);
 }

 .details-link-inst a {
   color: var(--text-color-black-2) !important;
 }

 .inst-img {
   width: 100%;
   max-width: 600px;
 }

 .dg-mes-content h2 {
   font-size: 0.9rem;
   padding: 10px 0px;
   font-weight: 500;
   color: var(--text-color-bg-blue);
 }

 .books-inner-content h2 {
   font-size: 0.9rem;
   padding: 10px 0px;
   font-weight: 500;
   color: var(--text-color-bg-blue);
 }

 .tech-desc p {
   font-size: 0.7rem;
 }

 .dir-main-division>li {
   padding: 20px 5px;
 }

 .dir-main-division>li>a {
   color: var(--text-color-black-2);
   margin-left: 10px;
   text-decoration: underline;
 }

 .dir-main-division>li>i {
   color: var(--text-color-bg-blue);
   vertical-align: middle;

 }

 .dir-sub-division>li {
   padding: 5px;
 }

 .dir-sub-division>li>a {
   color: var(--text-color-black-2);
   margin-left: 30px;
   font-size: 0.8rem;
   text-decoration: underline;

 }

 .dir-main-division li i {
   margin-left: 5px;
 }

 .old-archive-content h2 {
   font-size: 1rem;
   font-weight: 500;
   color: var(--text-color-black);
   margin-left: 10px;
   padding: 20px 0px;
 }

 .old-archive-content ul li {
   padding: 10px;
 }

 .old-archive-content ul li>a {
   color: var(--text-color-black-2);
   font-size: 0.9rem;
   margin-left: 30px;
   text-decoration: underline;
 }

 .policy-para p {
   font-size: 0.8rem;
   padding: 20px;
 }

 .website-policies-content .accordionar-content h3 {
   font-size: 0.9rem;
   color: var(--text-color-bg-blue);
   font-weight: 500;
   padding: 5px;
 }


 .website-policies-content .accordionar-content h4 {
   font-size: 0.8rem;
   color: var(--text-color-black-2);
   font-weight: 400;
   padding: 5px;
 }

 .website-policies-content .accordionar-content p {
   padding: 10px 20px;
 }

 .website-policies-content .accordionar-content .content-inner-sub p {
   padding: 10px 20px;
   font-size: 0.75rem;
 }

 .website-policies-content .accordionar-content .content-inner-sub p a {
   text-decoration: underline;
   color: var(--text-color-black-2);
 }

 .web-policy-other-text {
   padding: 20px 0px;
   font-size: 0.9rem;
   color: var(--text-color-black);
 }

 .web-policy-other-text>a {
   text-decoration: underline !important;
   color: var(--text-color-bg-blue);
 }

 .accordionar-content>.content-inner-with-link {

   text-align: center;

 }

 .accordionar-content>.content-inner>a {
   text-align: center;
   text-decoration: underline;
   color: var(--text-color-black);
 }

 /* Responsive enhancements */
 @media (max-width: 480px) {
   .accordionar-label {
     font-size: 1rem;
     padding: 0.5rem 0.5rem;
   }

   .accordionar-content {
     font-size: 0.95rem;
     padding: 0 0.75em;
   }

   .accordionar-input:checked~.accordionar-content {
     max-height: 400px;
     padding: 0.75em 1em;
   }

   .accordionar-label::after {
     font-size: 1.2rem;
   }
 }

 @media screen and (max-width: 600px) {

   .books-inner-content .skip-data-label {
     display: none;
   }

   .projects-links {
     margin: 5px;
   }

   .projects-links a {
     font-size: 0.6rem;
   }

   .e-gov-content {
     flex-direction: column;
   }

   .accordionitcell img {
     width: 100%;
   }

   .e-gov-img>.server-room {
     width: 100%;
   }

   .table-header {
     display: none;
   }

   table tr {
     border-bottom: unset;
   }

   table td:last-child {
     border-bottom: 1px solid var(--border-color-2);
   }

   .a-r-content table tbody tr td:first-child {
     display: none;
   }

   .training-img {
     width: 100%;
   }

   .museum-img {
     width: 100%;
   }
 }