.main-container {
     padding: 0px;
 }

 .main-content {
     background: var(--background-color-2);
     max-width: 1200px;
     margin: auto;
     padding: 10px 20px 30px;
     min-height: 800px;
 }

 .page-header {
     border-bottom: 1px solid var(--border-color-1);
     color: white;
     padding: 20px 0px;
 }

 /* FLEX LAYOUT */
 .header-content {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 /* LEFT SIDE */
 .header-left h1 {
     color: var(--primary);
     margin: 0;
     font-size: 2.2rem;
     font-weight: 500;
 }

 .header-left p {
     color: var(--primary);
     font-size: 1rem;
 }

 .heading-tagline {
     font-size: 1rem;
     margin-top: 5px;
     opacity: 0.9;
     color: #2e7d32;
 }

 /* RIGHT BUTTON */
 .back-btn {
     background: white;
     color: var(--primary);
     padding: 8px 14px;
     border-radius: 6px;
     text-decoration: none;
     font-size: 0.75rem;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-weight: 500;
     transition: 0.3s;
 }

 .back-btn:hover {

     color: var(--text-color-2);

 }


 .heading {
     font-size: 1.75rem;
     font-weight: 500;
 }

 .back-link {
     text-decoration: none;
     font-size: 14px;
     color: #2e7d32;
 }

 .heading {
     font-size: 20px;
     font-weight: 500;
     color: #2c3e50;
     padding-bottom: 8px;
     border-bottom: 2px solid var(--primary-light);
     display: inline-block;
 }




 p {
     margin-bottom: 18px;
     text-align: justify;
 }

 .highlight {
     background: var(--background-color-1);

     padding: 12px 15px;
     border-left: 4px solid var(--primary-grad-100);
     margin: 20px 0;
 }

 .img-section {
     text-align: center;
 }

 .img-section .img-desc {
     font-size: 1rem;
     font-weight: 500;
     border-top: 1px solid var(--border-color-1);
 }


 .text-item-card {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     background: white;

     border-radius: 4px;

     margin-bottom: 15px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
     transition: 0.3s;
 }



 .text-item-title a {
     font-size: 0.9rem;

     color: var(--primary);
     color: var(--text-color-black-2);
     font-weight: 500;

 }

 .text-item-title a:hover {

     text-decoration: underline;
 }

 /* SUB DETAILS */
 .sub-details {
     display: flex;
     gap: 10px;
     flex-wrap: wrap;
     margin-top: 5px;
     padding: 10px;

     border-top: 1px solid var(--border-color-2);
 }

 .sub-details i {
     font-size: 1.2rem;
     color: var(--primary-grad-100);
 }

 .text-item-title {
     padding: 20px;
 }

 .sub-details .badge {
     /*   background: #eef3f8; */
     color: #333;
     font-size: 12px;
     padding: 5px 8px;
     border-radius: 5px;
     /*   border: 1px solid #ddd; */
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .source-link {
     border: 1px solid var(--border-color-2);
 }

 .source-link a {
     text-decoration: none;
     color: var(--primary);
     font-weight: 500;
 }

 .source-link a i {
     vertical-align: middle;
     font-size: 0.8rem;
 }

 .add-link-section {
     text-align: right;
     margin: 20px
 }

 .last-updated-section {
     text-align: right;
     color: var(--primary);
     font-size: 0.9rem;
     margin: 20px;
     font-weight: 500;
 }

 .no-content-box {
     width: 100%;
     max-width: 600px;
     height: 300px;
     margin: 20px auto;
     padding: 25px 15px;
     text-align: center;
     /* border: 1px solid var(--border-color-2); */
     border-radius: 10px;
     /*  background: var(--bg-color-white-1); */
     color: var(--text-color-1);
     transition: all 0.3s ease;
     text-align: center;
     align-items: center;
     display: flex;
     justify-content: center;
     flex-direction: column;
 }

 .no-content-box i {
     font-size: 3rem;
     margin-bottom: 10px;
     color: var(--accent-1);
 }

 .no-content-box p {
     font-size: 1.5rem;
     margin: 0;
     font-weight: 500;
 }

 .item-title {
     padding: 10px 20px;
 }





 /* Heading */


 .page-tagline {
     font-size: 14px;
     color: #666;
     margin-bottom: 30px;
 }

 /* Grid */
 .thrust-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     gap: 20px;
 }

 /* Card */
 .thrust-card {
     background: var(--bg-color-white-1);
     padding: 20px;
     border-radius: 12px;
     border: 1px solid var(--border-color-2);
     text-align: center;
     transition: 0.3s ease;
     position: relative;
 }

 /* Icon */
 .thrust-card i {
     font-size: 28px;
     color: var(--accent-1);
     margin-bottom: 12px;
 }

 /* Text */
 .thrust-card p {
     font-size: 14px;
     color: #444;
     line-height: 1.5;
 }

 /* Hover */
 .thrust-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     border-color: var(--accent-1);
 }

 .max-width-150 {
     max-width: 150px;
 }

 .max-height-120 {
     max-height: 120px;
 }

 .max-width-350 {
     max-width: 350px;
 }

 .max-height-250 {
     max-height: 250px;
 }

 .ul li {
     padding: 10px;
 }

 .view-all-section {

     padding: 10px;
     /* background: white; */
     border-radius: 4px;
     margin-bottom: 15px;


 }

 .view-all-section a {
     /* text-decoration: underline; */
     color: var(--primar-hover-black);
     margin: 10px;
     color: var(--primary);
     border: 1px solid var(--border-color-2);
     padding: 5px 10px;
     border-radius: 5px;
     font-size: 0.8rem;
     background: var(--background-color-1);
     font-weight: 500;
 }

 .user-info {
     padding: 20px;
 }

 .user-info h2 {
     font-weight: 500;
 }

 .user-info .user-details {
     padding: 10px;
 }

 .user-details i {
     color: var(--primary);
 }

 .help-section .help-section-heading {
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     padding: 14px 18px;
     font-size: 1rem;
     font-weight: 500;
     text-align: left;
     background: var(--bg-color-white-1);
     border: 1px solid var(--border-color-1);
     border-radius: 5px;
     margin: 10px;
 }

 .help-details-content {
     display: none;
     padding: 15px 30px;
 }

 .feedback-container-2 {
     padding: 20px;
 }

 .feedback-container-2 h1 {
     font-weight: 500;
     color: var(--primary);
 }

 .feedback-container-2 .user-info a {
     text-decoration: underline;
     color: var(--text);
 }

 .ac-heading {
     color: var(--primar-hover-black);
     font-weight: 500;
     font-size: 1rem;
     padding: 10px 0px;
 }

 .sub-heading-about-us {
     font-size: 1.2rem;
     font-weight: 500;
 }

 .vg-heading {
     font-size: 1.1rem;
     font-weight: 500;
 }

 .content-inner h3 {
     font-size: 1rem;
     font-weight: 500;
     padding: 10px 0px;
     color: var(--text);
 }

 .content-inner-sub h4 {
     font-size: 0.9rem;
     font-weight: 500;
     padding: 10px 0px;
     color: var(--text);
 }

 .content-inner-with-link {
     text-align: center;
 }

 .feedback-form-link,
 .web-policy-other-text a,
 .content-inner-with-link a,
 .download-link-atag {
     text-decoration: underline !important;
     color: var(--primary);
 }

 .web-policy-other-text {
     padding: 20px 40px;
     font-size: 0.8rem;
 }


 .main-links {
     background: var(--background-color-1);
 }

 .site-map ul.main-links li {
     padding-left: 20px;
     font-size: 1rem;
     padding-top: 10px;
     color: var(--text-color-black-3);
 }

 .site-map ul.main-links li a {
     padding-left: 20px;
     font-size: 1rem;
     padding-top: 10px;
     color: var(--text-color-black-3);
 }

 .site-map ul.sub-links li {
     padding-left: 40px;
     padding-top: 10px;
     font-size: 0.8rem;
     color: var(--text-color-black-2);
 }


 .site-map ul.sub-links li a {
     color: var(--text-color-1);
     text-decoration: none;
 }


 .site-map ul.main-links span {
     border-bottom: 1px solid var(--border-color-1);
     display: block;
     padding: 10px 0px;
 }

 .site-map ul.sub-links li a i {
     margin-left: 10px;
 }

 .menu-toggle-pg {
     font-size: 12px !important;
 }

 .p-s-r {
     font-size: 0.9rem;
 }

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

 .accordion-content-w-p p {
     font-size: 0.8rem;
 }

 .section-tariff {
     border-bottom: none;
 }

 .last-updated-section-home {
     text-align: right;
     background: var(--background-color-2);
     padding: 10px;
     font-size: 0.8rem;
 }

 /* MOBILE */
 @media(max-width: 600px) {
     .header-content {
         /*  flex-direction: column; */

         gap: 10px;
         align-items: center;
     }

     .back-btn {
         align-self: flex-end;
         padding: 3px 9px;
     }

     .header-left h1 {
         font-size: 1.2rem;
     }

     .main-content {
         padding: 10px 10px 30px;
     }
 }