/* ===== BHASHINI REQUIRED ELEMENTS ===== */
	/* Bhashini needs these specific IDs/classes to work properly */
	#bhashini-plugin-container {
	    position: fixed;
	    bottom: 20px;
	    right: 20px;
	    z-index: 9999;
	}

	/* Bhashini accessibility bar - must have this exact structure */
	.bhashini-accessibility-bar {
		display: flex;
		    align-items: center;
		    gap: 10px;
		    padding: 2px 6px;
		    background: #244295;
		    border-radius: 8px;
		    color: #fff;
		    margin: 10px 0;
	}

	.bhashini-accessibility-bar img {
	    width: 30px;
	    height: 30px;
	    cursor: pointer;
	}

	.bhashini-accessibility-bar .bhashini-acc-label {
	    font-size: 14px;
	    font-weight: 500;
	}

	/* Bhashini accessibility dropdown */
	#bhashini-accessbility-dropdown {
	    display: none;
	    position: absolute;
	    top: calc(100% + 8px);
	    right: 0;
	    background: white;
	    border-radius: 12px;
	    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
	    min-width: 280px;
	    z-index: 9998;
	    padding: 0;
	}

	#bhashini-accessbility-dropdown.show {
	    display: block;
	    animation: slideDown 0.3s ease;
	}

	

	.bhashini-acc-list {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 6px;
	    padding: 12px;
	}

	.bhashini-acc-item {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 10px 8px;
	    border: none;
	    background: #f5f7fa;
	    border-radius: 8px;
	    cursor: pointer;
	    transition: all 0.2s ease;
	    font-size: 12px;
	    color: #444;
	    gap: 4px;
	}

	.bhashini-acc-item:hover {
	    background: #e8edff;
	    transform: translateY(-2px);
	}

	.bhashini-acc-footer {
	    padding: 10px 18px;
	    border-top: 1px solid #eee;
	    font-size: 12px;
	    color: #888;
	}

	/* ===== RESPONSIVE ===== */
	@media (max-width: 768px) {
	    .navbar {
	        flex-direction: column;
	        align-items: stretch;
	        padding: 15px 20px;
	    }
	    
	    .navbar-controls {
	        justify-content: center;
	    }
	    
	    .language-selector .selected-language {
	        min-width: 120px;
	        padding: 8px 15px;
	        font-size: 14px;
	    }
	    
	    .content-section {
	        padding: 15px 20px;
	    }
	    
	    .content-section h1 {
	        font-size: 22px;
	    }
	    
	    .bhashini-accessibility-bar {
	        flex-wrap: wrap;
	        justify-content: center;
	    }
	}

	@media (max-width: 480px) {
	    body {
	        padding: 10px;
	    }
	    
	    .navbar {
	        padding: 12px 15px;
	        border-radius: 8px;
	    }
	    
	    .navbar-brand {
	        font-size: 18px;
	    }
	    
	    .content-section {
	        padding: 12px 15px;
	    }
	    
	    .content-section h1 {
	        font-size: 18px;
	    }
	    
	    .bhashini-acc-list {
	        grid-template-columns: repeat(2, 1fr);
	    }
	}


.error {
        color: red;
        font-size: 15px;
        margin-top: -9px;
    }

    .active_menu {
        background: #0c2875 !important;
        color: #fff !important;
        border-radius: 4px;
    }

    .login_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 999;
        backdrop-filter: blur(5px); /* Apply blur */
        -webkit-backdrop-filter: blur(5px); /* For Safari */
    }

    .login_popup {
        background: white;
        width: 90%;
        max-width: 400px;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }

    .top-tabs {
        display: flex;
        height: 50px;
        background: #007bff;
    }

    .top-tabs button {
        flex: 1;
        background: none;
        border: none;
        color: white;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        padding: 12px 0;
        transition: background 0.3s;
    }

    .top-tabs button.active {
        background: #0056b3;
    }

    .login_popup-content {
        padding: 25px;
    }

    .login_popup-content form {
        display: none;
        flex-direction: column;
    }

    .login_popup-content form.active {
        display: flex;
    }

    input, select {
        padding: 10px;
        margin: 10px 0;
        font-size: 16px;
    }

    button.submit-btn {
        padding: 10px;
        background: #007bff;
        color: white;
        border: none;
        cursor: pointer;
    }

    .close-btn {
        position: absolute;
        border: none;
        font-size: 20px;
        cursor: pointer;
        z-index: 1000;
        border-radius: 50%;
        margin-right: -14px;
        margin-top: -10px;
        width: 31px;
        top: 5px;
        right: 13px;
        background: transparent;
    }

    .login_popup-container {
        position: relative;
    }

    .submit__btn {
        padding: 10px;
        background: #007bff;
        color: white;
        border: none;
    }
	.spinner {
	        display: inline-block;
	        width: 100px;
	        height: 100px;
	        border: 3px solid #ccc;
	        border-radius: 50%;
	        border-top: 3px solid #2274a5;
	        animation: spin 1s linear infinite;
	        margin-left: 8px;
	        vertical-align: middle;
	    }

	    @keyframes spin {
	        to {
	            transform: rotate(360deg);
	        }
	    }
		.hidden {
		      display: none;
		  }

		  .h3_tiles_value {
		      color: #0c2875;
		      font-size: 1.5rem;
		      font-weight: 600;
		  }

		  .source {
		      font-size: 10px;
		      color: #999999;
		      margin-top: 10px;
		      font-family: Poppins-medium;
		  }

		  .popup-close {
		      background: #0c2875
		  }

		  #statsslider_bihar {
		      max-height: 170px !important;
		  }

		  .bihar__map {
		      display: flex;
		      justify-content: center;
		      align-items: center;
		      width: 600px;
		      position: absolute;
		      top: 20%;
		      left: 35%;
		      transform: translate(-50%, -50%);
		      animation: zoomLoop 6s infinite ease-in-out;
		      transform-origin: center center;
		  }


		  @keyframes zoomLoop {
		      0% {
		          transform: scale(1);
		      }
		      50% {
		          transform: scale(1.2);
		      }
		      100% {
		          transform: scale(1);
		      }
		  }

		  @media (max-width: 600px) {
		      .bihar__map {
		          width: 263px;
		          top: 24%;
		          left: 13%;
		      }

		      .tabs_state_hight_chart {
		          overflow-x: auto;
		          overflow-y: hidden;
		          white-space: nowrap;
		      }

		      .shs-content {
		          overflow-x: auto;
		          overflow-y: hidden;
		          white-space: nowrap;
		      }

		      .graph-tabs {
		          margin-left: 323px;
		      }
		  }

		  .main-hero-content h1 {
		      font-size: 2.5rem;
		  }
		  @media (max-width: 700px) {
		        .h3_tiles_value {
		            font-size: .75rem;
		        }

		        .yrs {
		            font-size: 8px;
		        }

		        .stat_card {
		            width: 192px !important

		        }

		        .stat-title {
		            font-size: 10px;
		        }

		        .shs-tab {
		            font-size: 9px;
		        }

		        .tabs_state_hight_chart {
		            height: 43px;
		        }

		        .tab-container_state_hight_chart {
		            height: 24px;
		        }

		        .scroll-btn_state_hight_chart {
		            height: 24px;
		            font-size: 8px;
		            padding: 0px 0px;
		        }

		    }

		    .sectoral-grid {
		        display: grid;
		        grid-template-columns: repeat(6, 1fr); /* 10 per row */
		        gap: 10px;
		        padding: 0 30px; /* left-right margin */
				margin-top: 44px;
		    }

		    .sectoral-card:hover {
		        transform: scale(1.05);
		        background-color: #dfeeff;
		    }

		    .sectoral-icon {
		        width: 50px;
		        height: 50px;
		        object-fit: contain;
		        margin-bottom: 10px;
		    }

		    .sectoral-name {
		        font-weight: 600;
		        font-size: 14px;
		        color: #333;
		        word-wrap: break-word;
		        margin-bottom: 10px;
		    }

		    .sectoral-icon {
		        width: 40px;
		        height: 40px;
		        margin-bottom: 10px;
		    }

		    /* Responsive rules */
		    @media (max-width: 1440px) {
		        .sectoral-grid {
		            grid-template-columns: repeat(6, 1fr);
		        }
		    }

		    @media (max-width: 992px) {
		        .sectoral-grid {
		            grid-template-columns: repeat(3, 1fr);
		        }
		    }

		    @media (max-width: 768px) 
			{
		        .sectoral-grid 
				{
		            grid-template-columns: repeat(2, 1fr);
					gap: 0px 100px !important;
					margin-top: 44px  !important;
		        }
		    }

		    @media (max-width: 480px) {
		        .sectoral-grid {
		             grid-template-columns: repeat(2, 1fr);
		        }
		    }


		    @media (max-width: 600px) {
		        .sectoral-grid {
		            margin-left: 0px;
		            gap: 0px 0px;
		            padding: 0 0px;
		        }

		        .short_info_data_lab {
		        }
		    }

		    @media (max-width: 600px) {
		        .report-list {
		            margin-left: -135px;
		            margin-right: 39px;
					margin-top: -57px !important;
					margin-left: 102px !important;
		        }

		        .website_policy {
		            margin-right: 0px;

		        }

		        .footer-main {
		            height: 100px;
		        }

		        .footer_p1 {
		            margin-top: -0.5rem;
		            margin-left: -286px;
		        }

		        .footer_p2 {
		            margin-top: -2.4rem;
		            margin-right: -233px;
		        }
		    }

		    @media (max-width: 768px) {
		        .footer-logos img {
		            height: 33px;
		            margin-top: 10px;
		            margin-right: -4px;
		        }

		        .footer-info {
		            font-size: 8px;
		            margin-top: -27px;;
		        }

		        .footer-logos {
		            margin-top: -44px;
		        }
		    }
			/* ===== Slider (DataLab) ===== */
			  .sliderContainerDataLab {
			      position: relative;
			      margin: 28px auto;
			      padding: 0 10px;
			  }

			  .sliderViewportDataLab {
			      overflow: hidden;
			      width: 100%;
			  }

			  .sliderTrackDataLab {
			      display: flex;
			      flex-wrap: nowrap;
			      gap: 24px;
			      transition: transform .4s ease;
			      will-change: transform;
			  }

			  .slideDataLab {
			      flex: 0 0 24%;
			      box-sizing: border-box;
			      position: relative;
			  }

			  .slideDataLab img {
			      width: 100%;
			      height: 190px;
			      object-fit: cover;
			      display: block;
			      border-radius: 12px 12px 0 0;
			      cursor: pointer;
			  }

			  .captionDataLab {
			      text-align: center;
			      background: #0c2875;
			      color: #fff;
			      font-weight: 600;
			      padding: 8px 10px;
			      border-radius: 0 0 12px 12px;
			      font-size: 12px;
			  }

			  /* Controls */
			  .btn {
			      border: none;
			      cursor: pointer;
			  }

			  .prevDataLab, .nextDataLab {
			      position: absolute;
			      top: 50%;
			      transform: translateY(-50%);
			      background: rgba(0, 0, 0, .45);
			      color: #fff;
			      font-size: 26px;
			      padding: 10px 12px;
			      border-radius: 50px;
			      z-index: 5;
			  }

			  .prevDataLab {
			      left: 12px;
			  }

			  .nextDataLab {
			      right: 12px;
			  }

			  .prevDataLab:disabled, .nextDataLab:disabled {
			      opacity: .35;
			      cursor: default;
			  }

			  /* Responsive */
			  @media (max-width: 1024px) {
			      .slideDataLab {
			          flex: 0 0 33.3333%;
			      }
			  }

			  /* 3 per row */
			  @media (max-width: 768px) {
			      .slideDataLab {
			          flex: 0 0 50%;
			      }
			  }

			  /* 2 per row */
			  @media (max-width: 480px) {
			      .slideDataLab {
			          flex: 0 0 100%;
			      }
			  }

			  /* 1 per row */

			  /* ===== Lightbox (DataLab) ===== */
			  .lightboxDataLab {
			      display: none;
			      position: fixed;
			      inset: 0;
			      z-index: 1001;
			      background: rgba(0, 0, 0, .92);
			      display: flex;
			      align-items: center;
			      justify-content: center;
			      padding: 16px;
			  }

			  .lightboxInnerDataLab {
			      position: relative;
			      width: 100%;
			      max-width: 92vw;
			      text-align: center;
			  }

			  /* Image wrapper ensures close button anchors to image corner */
			  .lightboxImageWrapDataLab {
			      position: relative;
			      display: inline-block;
			      line-height: 0; /* shrink to image */
			      max-width: 90vw;
			      max-height: 80vh;
			  }

			  .lightboxImgDataLab {
			      max-width: 90vw;
			      max-height: 80vh;
			      border-radius: 12px;
			      display: block;
			  }

			  /* Close button sits at image's top-right corner (inside wrapper) */
			  .closeDataLab {
			      position: absolute;
			      top: 8px;
			      right: 8px;
			      width: 36px;
			      height: 36px;
			      display: grid;
			      place-items: center;
			      font-size: 24px;
			      line-height: 1;
			      color: #fff;
			      background: rgba(0, 0, 0, .6);
			      border: none;
			      border-radius: 50%;
			      cursor: pointer;
			      z-index: 2;
			  }

			  .closeDataLab:hover {
			      background: rgba(255, 255, 255, .15);
			  }

			  /* Caption */
			  .lightboxCaptionDataLab {
			      color: #fff;
			      margin-top: 12px;
			      font-size: 18px;
			  }

			  /* Lightbox navigation at viewport sides (won't overlap the close button) */
			  .lightboxPrevDataLab, .lightboxNextDataLab {
			      position: absolute;
			      top: 50%;
			      transform: translateY(-50%);
			      background: rgba(0, 0, 0, .5);
			      border: none;
			      color: #fff;
			      font-size: 36px;
			      padding: 12px;
			      cursor: pointer;
			      border-radius: 50%;
			  }

			  .lightboxPrevDataLab {
			      left: 22px;
			  }

			  .lightboxNextDataLab {
			      right: 22px;
			  }

			  @media (max-width: 480px) {
			      .closeDataLab {
			          top: 6px;
			          right: 6px;
			          width: 32px;
			          height: 32px;
			          font-size: 20px;
			      }
			  }

			  @media (max-width: 992px) {
			      .captionDataLab {
			          font-size: 14px;
			          padding: 8px;
			      }

			      .prevDataLab,
			      .nextDataLab {
			          font-size: 20px;
			          padding: 8px 12px;
			      }
			  }

			  /* Mobile Phones */
			  @media (max-width: 600px) {
			      .slideDataLab {
			          flex: 0 0 100%;
			      }

			      .captionDataLab {
			          font-size: 13px;
			          width: 24%;
			      }

			      .prevDataLab,
			      .nextDataLab {
			          font-size: 18px;
			          padding: 6px 10px;
			      }

			      .lightboxImgDataLab {
			          max-height: 65vh;
			      }

			      .lightboxPrevDataLab,
			      .lightboxNextDataLab {
			          left: 10px;
			          right: 10px;
			          font-size: 22px;
			      }

			      .slideDataLab img {
			          width: 24%;

			      }
			  }

			  .org__st {
			      text-align: center;
			      width: 63%;
			      margin: auto;
			  }

			  @media (max-width: 992px) {
			      .org__st {
			          width: 100%;
			      }
			  }

			  @media (max-width: 600px) {
			      .org__st {
			          width: 100%;
			      }
			  }

			  .shs-right {
			      overflow: hidden;
			      max-width: 100%;
			      max-height: 100%;
			  }

			  @media (max-width: 768px) {
			      .shs-right {
			          overflow: auto; /* enables both x + y scrollbars */
			          -webkit-overflow-scrolling: touch; /* smooth scrolling for iOS */
			          max-width: 100%;
			          max-height: 80vh; /* limit height to viewport */
			          border: 1px solid #ccc; /* optional: visual boundary */
			          padding: 5px; /* optional: breathing space */
			      }
			  }

			  .responsive-svg-wrapper {
			      width: 100%;
			      max-width: 100%;
			      text-align: center;
			  }

			  .responsive-svg {
			      max-width: 100%;
			      height: auto;
			      display: block;
			      margin: 0 auto;
			  }

			  .card_public_data_sectoral {
			      display: flex;
			      flex-direction: column;
			      justify-content: space-between;

			      border: 1px solid #1976d2;
			      border-radius: 12px;
			      padding: 20px;
			      background: #fff;
			      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
			  }

			  .card_public_data {
			      background-color: #f9fbff;
			      padding: 20px;
			      border-radius: 10px;
			      border: 2px solid #1976d2;
			      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
			      transition: transform 0.3s ease, background-color 0.3s ease;
			  }

			  .sub-tiles-wrapper_sectoral {

			      grid-template-columns: repeat(3, 1fr);
			      gap: 10px;
			  }

			  .sectoral__btn {
			      border: none;
			      width: 7%;
			      background-color: transparent;
			  }

			  .report-list {
			      margin-left: -173px;
			  }

			  .wrapper {
			      display: flex;
			      flex-direction: row;
			      justify-content: center;
			      align-items: flex-start;

			      width: 100%;
			      max-width: 100%;
			      text-align: center;
			  }

			  #indiaMap {
			      background: #f9f9f9;
			      border-radius: 16px;
			      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
			      width: 1384px;
			      height: 664px;
			  }

			  .info-box-col {
			      display: flex;
			      flex-direction: column;
			      justify-content: center;
			      align-items: flex-start;
			      gap: 38px;
			      margin-top: 30px;
			      margin-left: 32px;
			      min-width: 360px;
			      border-radius: 16px;
			      margin-left: 124px;
			      margin-right: 100px;
			  }


			  .info-box:hover {
			      transform: translateX(4px);
			  }

			  .info-title {
			      font-weight: 600;
			      color: #0c2875;
			      margin-bottom: 6px;
			      text-align: left;
			  }

			  .info-big {
			      font-size: 20px;
			      font-weight: bold;
			      color: #111;
			      margin-bottom: 4px;
			      margin-top: 20px;
			  }

			  .info-rank {
			      font-size: 14px;
			      color: #555;
			      text-align: left;
			  }

			  .info-src {
			      font-size: 9px;
			      color: #666;
			      margin-top: 2px;
			  }

			  /* Container styling */
			  #infoContainer {
			      display: grid;
			      grid-template-columns: repeat(3, 1fr); /* 2 equal-width columns */
			      gap: 16px; /* spacing between boxes */
			      margin-top: 10px;
			  }

			  /* Individual box/item styling */
			  #infoContainer .info-item {
			      background: #f8f9fa;
			      border: 1px solid #ddd;
			      border-radius: 8px;
			      padding: 15px;
			      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
			      transition: transform 0.2s ease;
			  }

			  #infoContainer .info-item:hover {
			      transform: translateY(-3px);
			  }

			  /* Responsive: stack vertically on small screens */
			  @media (max-width: 768px) {
			      #infoContainer {
			          grid-template-columns: 1fr; /* 1 column on tablets/mobiles */
			      }
			  }


			  @media (min-width: 576px) {
			      .tiles-box {
			          grid-template-columns: 1fr 1fr; /* 2 columns for tablets */
			      }
			  }

			  @media (min-width: 992px) {
			      .tiles-box {
			          grid-template-columns: 1fr 1fr 1fr; /* 3 columns for laptops */
			      }
			  }

			  @media (min-width: 1200px) {
			      .tiles-box {
			          grid-template-columns: 1fr 1fr 1fr 1fr; /* 4 columns for large screens */
			      }
			  }

			  /* Default (Mobile First) */
			  .col-md-3-rise {
			      width: 100%;
			  }

			  /* Tablet (≥768px) */
			  @media (min-width: 768px) {
			      .col-md-3-rise {
			          width: 50%; /* or adjust as needed */
			      }
			  }

			  /* Desktop (≥992px) */
			  @media (min-width: 992px) {
			      .col-md-3-rise {
			          width: 33.33%; /* One-third column */
			      }
			  }

			  /* Large Desktop (≥1200px) */
			  @media (min-width: 1200px) {
			      .col-md-3-rise {
			          width: 100%; /* Classic 4-column grid */
			      }
			  }

			  .logo__map {
			      margin-top: -72px !important;
			      margin-left: 288px !important;
			  }

			  .map_img {
			      width: 50px !important;
			      height: 53px !important;
			  }

			  .tiles_footer {
			      padding-left: 8px !important;
			  }

			  .short_info_data_lab {
			      width: 97%;
			      margin: auto;
			  }

			  .tiles_box {
			      border-top: 0px solid #0c2875;
			      border-left: 7px solid #0c2875;
			  }
			  .footer_p1 {
			          margin-top: 0.7rem;
			      }

			      .footer_p2 {
			          margin-top: 0.7rem;
			      }

			      .footer_content {
			          margin-top: auto;
			          text-align: center;
			          /* padding: 15px 0; */
			          background: transparent;
			      }


			      main {
			          flex: 1; /* pushes footer to bottom */
			      }

			      footer {
			          flex-shrink: 0;
			          text-align: center;
			          /*  padding: 15px 0;*/
			          background: #fff;
			          width: 100%;
			      }

			      .website_policy {
			          margin-right: 191px;
			      }

			      @media (max-width: 768px) {
			          .footer-top {
			              flex-direction: column;
			              align-items: center;
			              text-align: center;
			          }

			          .footer-logos-left {
			              justify-content: center;
			          }

			          .footer-logos-left img {
			              height: 30px;
			          }

			          .footer-info {
			              font-size: 13px;
			          }

			          .footer-logos img {
			              height: 40px;
			          }

			          .footer-bottom {
			              font-size: 12px;
			          }

			          .footer-bottom p {
			              margin-top: -0.5rem;
			              margin-left: -286px;
			          }
			      }
			       * {
			              margin: 0;
			              padding: 0;
			              box-sizing: border-box;
			          }
			          
			          
			          
			          /* ===== NAVBAR ===== */
			          .navbar {
			              display: flex;
			              justify-content: space-between;
			              align-items: center;
			              background: linear-gradient(135deg, #1a237e 0%, #283593 100%);
			              padding: 15px 30px;
			              border-radius: 12px;
			              margin-bottom: 30px;
			              box-shadow: 0 4px 20px rgba(26, 35, 126, 0.3);
			              flex-wrap: wrap;
			              gap: 15px;
			          }
			          
			          .navbar-brand {
			              color: #fff;
			              font-size: 24px;
			              font-weight: 700;
			              letter-spacing: 1px;
			          }
			          
			          /* ===== CONTENT SECTIONS ===== */
			          .content-section {
			              background: #fff;
			              padding: 25px 30px;
			              border-radius: 12px;
			              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
			              margin: 20px 0;
			              border-left: 4px solid #1a237e;
			          }
			          
			          .content-section h1 {
			              color: #1a237e;
			              margin-bottom: 15px;
			              font-size: 28px;
			          }
			          
			          .content-section h2 {
			              color: #1a237e;
			              margin-bottom: 12px;
			              font-size: 22px;
			          }
			          
			          .content-section p {
			              line-height: 1.8;
			              color: #444;
			              margin-bottom: 10px;
			          }
			          
			          .info-box {
			              background: #f0f4ff;
			              padding: 15px 20px;
			              border-radius: 8px;
			              margin: 15px 0;
			              border-left: 4px solid #1a237e;
			          }
			          
			          .skip-translation-box {
			              background: #fff3cd;
			              padding: 15px 20px;
			              border-radius: 8px;
			              margin: 15px 0;
			              border-left: 4px solid #ffc107;
			          }
					  @import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");


					  	/* .translate-plugin-popup-button {
					  	    position: fixed;
					  	    bottom: 20px;
					  	    right: 25px;
					  	    background-color: #2961ad;
					  	    border: 5px solid #2961ad;
					  	    border-radius: 50px;
					  	    cursor: pointer;
					  	    scale: 1;
					  	    height: 40px;
					  	    z-index: 9999999;
					  	}

					  	.translate-plugin-popup-button:hover {
					  	    scale: 1.2;
					  	}



					  	.translate-plugin-popup-button:hover::after {
					  	    opacity: 1;
					  	}

					  	.translate-plugin-popup-container {
					  	    display: none;
					  	    position: fixed;
					  	    bottom: 70px;
					  	    right: 20px;
					  	    background-color: #fff;
					  	    border: 1px solid #ccc;
					  	    border-radius: 8px;
					  	    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
					  	    padding: 20px;
					  	    z-index: 1;
					  	}

					  	.translate-plugin-popup-container-open {
					  	    display: flex;
					  	    flex-direction: column;
					  	    grid-gap: 10px;

					  	    position: fixed;
					  	    bottom: 85px;
					  	    right: 30px;
					  	    background-color: #fff;
					  	    border: 1px solid #ccc;
					  	    border-radius: 8px;
					  	    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
					  	    padding: 20px;
					  	    z-index: 1;
					  	}

					  	.translate-plugin-popup-container-close {
					  	    display: none;
					  	}

					  	.translate-plugin-popup-container-open::before {
					  	    content: '';
					  	    position: absolute;
					  	    top: 100%;
					  	    right: 10%;
					  	    margin-right: -10px;
					  	    border-width: 10px;
					  	    border-style: solid;
					  	    border-color: transparent transparent #FFF transparent;
					  	    rotate: 180deg;
					  	}

					  	.translate-plugin-popup-title {
					  	    color: #2961ad;
					  	    align-self: center;
					  	    margin: 0;
					  	    display: inline;
					  	}

					  	.translate-plugin-popup-title>h3 {
					  	    margin: 2px;
					  	}

					  	.translate-plugin-popup-title>h3>span {
					  	    font-size: 13px;
					  	    margin-right: 2px;
					  	}


					  	.translate-plugin-popup-button-container {
					  	    display: contents;
					  	}

					  	.translate-plugin-popup-button-container>button {
					  	    background-color: #2961ad;
					  	    color: #ffffff;
					  	    border: none;
					  	    padding: 5px;
					  	    cursor: pointer;
					  	}

					  	#bhashini-translation {
					  	    position: fixed;

					  	    z-index: 9999999;
					  	    background-color: #2961ad;
					  	    border-radius: .5rem;
					  	    padding: 1rem 1.12rem;
					  	    display: flex;
					  	    flex-direction: row;
					  	    align-items: center;
					  	}


					  	#bhashini-translation>select {

					  	    background-color: #2961ad;
					  	    color: #FFF;
					  	    max-width: 10rem;
					  	    outline: none;
					  	    border: 0px;
					  	}


					  	#bhashini-translation ::after {
					  	    content: attr(title);
					  	    position: fixed;
					  	    bottom: 100%;
					  	    left: 50%;
					  	    transform: translateX(-50%);
					  	    padding: 5px;
					  	    background-color: black;
					  	    color: white;
					  	    border-radius: 5px;
					  	    z-index: 9999999;
					  	    opacity: 0;
					  	    transition: opacity 0.1s ease;
					  	}



					  	


					  	#bhashini-translation>select>option {
					  	    background-color: #2961ad;
					  	    color: white;
					  	}

					  	#bhashini-translation>select:focus>option {
					  	    background-color: white;
					  	    color: #484848;
					  	    padding: 0.62rem 1rem;
					  	}

					  	*/
					  	/*change language icon background*/
					  	.bhashini-dropdown {
					  	  position: fixed;
					  	  z-index: 10001;
					  	  display: flex;
					  	  align-items: center;
					  	  gap: 0.75rem;
					  	  background-color: transparent;
					  	  border: none;
					  	  border-radius: 0.5rem;
					  	  /*padding: 0.625rem 1rem;*/
					  	  min-width: fit-content;
					  	  box-shadow: none;
					  	}

					  	.bhashini-dropdown-btn {
					  	  display: flex;
					  	  background-color: transparent;
					  	  color: #000;
					  	  font-size: 16px;
					  	  border: none;
					  	  cursor: pointer;
					  	  width: 100%;
					  	  align-items: center;
					  	  gap: 8px;
					  	  padding: 0;
					  	}

					  	.bhashini-dropdown-btn-icon {
					  	  display: flex;
					  	  align-items: center;
					  	  gap: 0.5rem;
					  	  flex-shrink: 0;
					  	}

					  	.bhashini-dropdown-btn-icon svg {
					  	  width: 30px;
					  	  height: 30px;
					  	}
					  	/*change the language icon appearance*/
					  	/* .bhashini-dropdown-btn-icon svg path {
					  	  fill: #f5f3f2;
					  	} */

					  	.bhashini-dropdown-btn-text {
					  	  color: #FFFFFFFF;
					  	  font-size: 16px;
					  	  white-space: nowrap;
					  	  overflow: hidden;
					  	  text-overflow: ellipsis;
					  	  flex: 1;
					  	  font-weight: 400;
					  	  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
					  	    "Helvetica Neue", Arial, sans-serif;
					  	  text-align: left;
					  	}

					  	.bhashini-dropdown-chevron {
					  	  display: flex;
					  	  align-items: center;
					  	  flex-shrink: 0;
					  	  color: #6b7280;
					  	}

					  	.bhashini-dropdown-chevron svg {
					  	  width: 16px;
					  	  height: 16px;
					  	  color: white;
					  	}

					  	.bhashini-dropdown-content {
					  	  display: none;
					  	  position: absolute;
					  	  max-height: 25rem;
					  	  overflow-y: auto;
					  	  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
					  	  z-index: 10001;
					  	  /* bottom: 100%; */
					  	  border-radius: 0.5rem;
					  	  width: 13rem;
					  	  border: 1px solid var(--Grey-Grey-45, #737373);
					  	  background: rgba(255, 255, 255, 0.96);
					  	  transition: opacity 0.3s ease, transform 0.3s ease;
					  	}

					  	.bhashini-dropdown-content > div {
					  	  color: black;
					  	  padding: 0.62rem 1rem;
					  	  text-decoration: none;
					  	  display: flex;
					  	}

					  	.bhashini-dropdown-content div:hover {
					  	  background-color: #f1f1f1;
					  	}

					  	/* Language option styles with tick mark */
					  	.language-top-block {
					  	  display: flex;
					  	  gap: 6px;
					  	  padding: 0.5rem 0.5rem 0 0.5rem;
					  	  align-items: center;
					  	}
					  	.language-top-block .language-option {
					  	  background: transparent;
					  	  padding: 0.4rem 0.6rem;
					  	  font-size: 0.875rem; /* reduced font size for top items */
					  	}
					  	.language-top-block .language-option:hover {
					  	  background-color: #f1f1f1;
					  	}

					  	/* reversible sign between EN and selected */
					  	.language-swap-indicator {
					  	  display: inline-flex;
					  	  align-items: center;
					  	  justify-content: center;
					  	  color: #737373;
					  	  font-size: 0.85rem;
					  	  padding: 0 2px;
					  	}

					  	/* Only the selected language on the top row gets background and tick */
					  	.language-top-block .language-option.top-selected {
					  	  background: #f1d991; /* keep the user's chosen tone */
					  	  border-radius: 6px;
					  	}

					  	.language-top-block .language-option.top-selected .language-option-tick {
					  	  color: #2961ad;
					  	  font-weight: 600;
					  	  margin-left: 6px;
					  	}
					  	.language-option {
					  	  display: flex;
					  	  justify-content: space-between;
					  	  align-items: center;
					  	  padding: 0.62rem 1rem;
					  	  cursor: pointer;
					  	  transition: background-color 0.2s ease;
					  	}

					  	.language-option-text {
					  	  flex: 1;
					  	}

					  	.language-option-tick {
					  	  color: #2961ad;
					  	  font-weight: bold;
					  	  font-size: 1.1em;
					  	  margin-left: 0.5rem;
					  	}

					  	.language-option.selected-language {
					  	  background-color: #f0f7ff;
					  	  border-left: 3px solid #2961ad;
					  	  font-weight: 600;
					  	}

					  	.language-option.selected-language:hover {
					  	  background-color: #e6f2ff;
					  	}

					  	.bhashini-dropdown-content.show {
					  	  display: block;
					  	  animation: fadeIn 0.3s ease forwards;
					  	}

					  	.bhashini-branding {
					  	  background-color: #fff;
					  	  color: #555;
					  	  text-align: center;
					  	  padding: 8px;
					  	  font-size: 12px;
					  	  position: sticky;
					  	  bottom: 0;
					  	  justify-content: end;
					  	  align-items: center;
					  	  gap: 0.5rem;
					  	  font-size: 0.625rem;
					  	  font-weight: 600;
					  	}

					  	.bhashini-dropdown-btn-text {
					  	  white-space: nowrap;
					  	  overflow: hidden;
					  	  text-overflow: ellipsis;
					  	  max-width: 150px;
					  	  margin: auto;
					  	}

					  	.bhashini-dropdown-content.show-up {
					  	  display: block;
					  	  bottom: 100%;
					  	}

					  	.bhashini-dropdown-content.show-down {
					  	  display: block;
					  	  top: 100%;
					  	}

					  	@keyframes fadeIn {
					  	  from {
					  	    opacity: 0;
					  	    transform: translateY(-10px);
					  	  }

					  	  to {
					  	    opacity: 1;
					  	    transform: translateY(0);
					  	  }
					  	}

					  	.bhashini-feedback-div {
					  	  margin-right: auto;
					  	  /* position: absolute;
					  	    top: -120%;
					  	    left: 36%; */
					  	  /* padding: 1rem .75rem; */
					  	  /* border-radius: 0.25rem; */
					  	  /* background: #F4FAFF; */
					  	  /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
					  	  width: max-content;
					  	  /* margin-top: 5%; */
					  	  /* margin-left: auto; */
					  	}

					  	.bhashini-feedback-button {
					  	  display: flex;
					  	  gap: 0.5rem;
					  	  background: transparent;
					  	  border: none;
					  	  cursor: pointer;
					  	}

					  	.bhashini-feedback-modal {
					  	  display: none;
					  	  position: fixed;
					  	  z-index: 1001;
					  	  left: 50%;
					  	  top: 50%;
					  	  transform: translate(-50%, -50%);
					  	  width: 400px;
					  	  background: #fff;
					  	  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
					  	  border-radius: 10px;
					  	  padding: 1rem;
					  	}

					  	.bhashini-feedback-content {
					  	  display: flex;
					  	  flex-direction: column;
					  	  gap: 1.5rem;
					  	}

					  	.close-modal {
					  	  position: absolute;
					  	  top: 10px;
					  	  right: 15px;
					  	  font-size: 24px;
					  	  cursor: pointer;
					  	}

					  	.star-rating {
					  	  display: flex;
					  	  gap: 0.75rem;
					  	  margin-bottom: 25px;
					  	}

					  	.star {
					  	  font-size: 30px;
					  	  cursor: pointer;
					  	  color: #ccc;
					  	  transition: color 0.3s;
					  	}

					  	textarea {
					  	  width: 100%;
					  	  height: 80px;
					  	  margin-top: 10px;
					  	  padding: 8px;
					  	  border: 1px solid #ccc;
					  	  border-radius: 5px;
					  	}

					  	.submit-feedback {
					  	  margin-top: 10px;
					  	  background-color: #2743a3;
					  	  color: white;
					  	  padding: 10px;
					  	  border: none;
					  	  cursor: pointer;
					  	  border-radius: 5px;
					  	  width: max-content;
					  	  float: right;
					  	}

					  	.bhashini-feedback-star-container {
					  	  display: flex;
					  	  gap: 0.75rem;
					  	  flex-direction: column;
					  	}

					  	.star-rating {
					  	  display: flex;
					  	  gap: 0.75rem;
					  	  margin-bottom: 25px;
					  	}

					  	.star {
					  	  width: 30px;
					  	  height: 29px;
					  	  cursor: pointer;
					  	  transition: fill 0.3s ease;
					  	}

					  	.star svg path {
					  	  fill: #d9d9d9;
					  	  /* Default (Unfilled) */
					  	}

					  	.star.hovered svg path,
					  	.star.selected svg path {
					  	  fill: #fbbc04;
					  	  /* Highlighted & Selected */
					  	}

					  	.feedback-textarea {
					  	  margin-top: 1.12rem;
					  	  padding: 1rem;
					  	}

					  	.bhashini-feedback-heading {
					  	  font-size: 1.12rem;
					  	}

					  	#suggested-feedback-checkbox {
					  	  margin-top: 1.12rem;
					  	}

					  	.feedback-suggested-feedback {
					  	  margin-top: 1.12rem;
					  	  padding: 1rem;
					  	}

					  	.bhashini-plugin-container > .bhashini-dropdown 
					  	{
					  	  position: relative;
					  	  display: block;
					  	  background: #244295;
					  	}

					  	/* To hide the only second button that is appearing  */
					  	.bhashini-plugin-container > div:nth-child(2):not(.bhashini-dropdown) {
					  	  display: none !important;
					  	}

					  	@media (max-width: 768px) {
					  	  .bhashini-dropdown-content {
					  	    right: -100%;
					  	  }
					  	}

					  	.bhashini-plugin-container {
					  	  display: flex;
					  	}

					  	.bhashini-accessbility-bar {
					  	  position: relative;
					  	}

					  	#bhashini-accessbility-dropdown {
					  	  position: absolute;
					  	}

					  	/* ===== Accessibility button and dropdown – visual refresh ===== */
					  	/* Trigger button: rounded square, orange gradient, subtle shadow and badge */
					  	#bhashini-accessbility-icon {
					  	  width: 30px !important;
					  	  height: 30px !important;
					  	  position: relative;
					  	  margin-right: 0px !important;
					  	  /* border-radius: 12px;
					  	    padding: 6px;
					  	    background: linear-gradient(180deg, #FFB86C 0%, #FF8A1E 100%);
					  	    border: 1px solid rgba(255, 138, 30, 0.35);
					  	    box-shadow: 0 8px 18px rgba(255, 138, 30, 0.25);
					  	    transition: transform .12s ease, box-shadow .12s ease; */
					  	}

					  	#bhashini-accessbility-icon:hover {
					  	  transform: translateY(-1px);
					  	  box-shadow: 0 10px 22px rgba(255, 138, 30, 0.3);
					  	}

					  	/* Small notification badge (uses data-badge attr set by JS) */
					  	#bhashini-accessbility-icon[data-badge]::after {
					  	  content: attr(data-badge);
					  	  position: absolute;
					  	  top: -6px;
					  	  right: -6px;
					  	  width: 20px;
					  	  height: 20px;
					  	  line-height: 20px;
					  	  text-align: center;
					  	  font-weight: 700;
					  	  font-size: 12px;
					  	  color: #fff;
					  	  background: #ff4d4f;
					  	  border-radius: 9999px;
					  	  border: 3px solid #fff;
					  	  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
					  	}

					  	/* Dropdown panel */
					  	#bhashini-accessbility-dropdown {
					  	  min-width: 300px;
					  	  width: 340px;
					  	  background: #ffffff;
					  	  border: 1px solid #fbd6b4;
					  	  border-radius: 14px;
					  	  box-shadow: 0 18px 36px rgba(17, 24, 39, 0.14);
					  	  overflow: hidden;
					  	  padding: 0; /* inner sections manage their paddings */
					  	}

					  	.bhashini-acc-header {
					  	  display: flex;
					  	  align-items: center;
					  	  gap: 10px;
					  	  padding: 14px 16px;
					  	  background: #fcb74f /* warm tint like the mock */
					  	  border-bottom: 1px solid #ffe6cd;
					  	}

					  	.bhashini-acc-header-icon {
					  	  display: inline-flex;
					  	  width: 28px;
					  	  height: 28px;
					  	  align-items: center;
					  	  justify-content: center;
					  	  color: #d95a00;
					  	}

					  	.bhashini-acc-header-title {
					  	  font-family: "Noto Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI,
					  	    Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
					  	  font-weight: 700;
					  	  font-size: 16px;
					  	  color: #f7f8f9;
					  	}

					  	.bhashini-acc-list {
					  	  display: grid;
					  	  grid-template-columns: repeat(3, minmax(0, 1fr));
					  	  gap: 8px;
					  	  padding: 12px;
					  	  background: #fff;
					  	}

					  	/* Make the option buttons appear as list rows */
					  	#bhashini-accessbility-dropdown .bhashini-acc-item,
					  	#bhashini-accessbility-dropdown button {
					  	  appearance: none;
					  	  background: transparent;
					  	  border: 0;
					  	  display: flex;
					  	  align-items: center;
					  	  justify-content: center;
					  	  flex-direction: column;
					  	  gap: 8px;
					  	  width: 100%;
					  	  padding: 12px 10px;
					  	  border-radius: 10px;
					  	  color: #1f2937;
					  	  font-size: 15px;
					  	  text-align: center;
					  	  cursor: pointer;
					  	  position: relative;
					  	  background-color: #eaecf1 !important;
					  	}

					  	/* Icon container inside each item */
					  	.bhashini-acc-item-icon {
					  	  display: inline-flex;
					  	  align-items: center;
					  	  justify-content: center;
					  	  width: 42px;
					  	  height: 42px;
					  	  border-radius: 12px;
					  	  background: #eece9e;;
					  	  border: 1px solid #244295;
					  	}

					  	.bhashini-acc-item-icon svg {
					  	  width: 22px;
					  	  height: 22px;
					  	}
					  	.bhashini-acc-item-label {
					  	  line-height: 1.2;
					  	}

					  	#bhashini-accessbility-dropdown .bhashini-acc-item:hover,
					  	#bhashini-accessbility-dropdown button:hover {
					  	  background: #fff7f0;
					  	}

					  	#bhashini-accessbility-dropdown .bhashini-acc-item[aria-pressed="true"],
					  	#bhashini-accessbility-dropdown button[aria-pressed="true"] {
					  	  background: #fff4e9;
					  	  outline: 2px solid rgba(255, 138, 30, 0.25);
					  	}

					  	/* Right check indicator when active */
					  	#bhashini-accessbility-dropdown .bhashini-acc-item::after,
					  	#bhashini-accessbility-dropdown button::after {
					  	  content: "";
					  	  position: absolute;
					  	  top: 6px;
					  	  right: 6px;
					  	  width: 18px;
					  	  height: 18px;
					  	}

					  	#bhashini-accessbility-dropdown .bhashini-acc-item[aria-pressed="true"]::after,
					  	#bhashini-accessbility-dropdown button[aria-pressed="true"]::after {
					  	  content: "\2713"; /* checkmark */
					  	  color: #ea580c;
					  	  font-weight: 800;
					  	}

					  	/* Small footer */
					  	.bhashini-acc-footer {
					  	  padding: 10px 14px;
					  	  border-top: 1px solid #f5e7da;
					  	  font-size: 12px;
					  	  color: #6b7280;
					  	  background: #fffaf3;
					  	}

					  	@media (max-width: 480px) {
					  	  #bhashini-accessbility-dropdown {
					  	    width: 92vw;
					  	    right: -8px;
					  	  }
					  	}

					  	/* ===== Accessibility utilities ===== */
					  	/* Highlight links */
					  	body.bhashini-acc-highlight-links a {
					  	  box-shadow: 0 0 0 2px rgba(234, 88, 12, 0.55) inset,
					  	    0 2px 0 rgba(234, 88, 12, 0.25);
					  	  background: rgba(255, 235, 211, 0.8);
					  	  color: #0b3a75 !important;
					  	  text-decoration: underline !important;
					  	}
					  	/* Keep plugin links normal */
					  	body.bhashini-acc-highlight-links .bhashini-plugin-container a {
					  	  box-shadow: none;
					  	  background: none;
					  	  color: inherit;
					  	  text-decoration: none;
					  	}

					  	/* Hide images/videos but not the plugin icon */
					  	body.bhashini-acc-hide-images
					  	  img:not(#bhashini-accessbility-icon):not(.bhashini-skip-translation),
					  	body.bhashini-acc-hide-images picture,
					  	body.bhashini-acc-hide-images video {
					  	  display: none !important;
					  	}

					  	/* Pause animations and transitions */
					  	body.bhashini-acc-pause-animations *,
					  	body.bhashini-acc-pause-animations *::before,
					  	body.bhashini-acc-pause-animations *::after {
					  	  animation: none !important;
					  	  transition: none !important;
					  	}

					  	/* Invert colors for the whole page but keep plugin normal via double-invert */
					  	html.bhashini-acc-invert {
					  	  filter: invert(1) hue-rotate(180deg);
					  	}
					  	html.bhashini-acc-invert .bhashini-plugin-container,
					  	html.bhashini-acc-invert #bhashini-translation,
					  	html.bhashini-acc-invert #bhashini-accessbility-dropdown {
					  	  filter: invert(1) hue-rotate(180deg);
					  	}
					  	.bhashini-acc-item span
					  	 {
					  	    color: black !important;
					  	}
					  	.bhashini-acc-header 
					  		{
					  			
					  			border-bottom: 1px solid #eee  !important;
					  		}

							.lightbox {
							    display: none;
							    position: fixed;
							    z-index: 9999;
							    left: 0;
							    top: 0;
							    width: 100%;
							    height: 100%;
							    background: rgba(0, 0, 0, 0.9);
							}

							.lightbox-content {
							    position: relative;
							    text-align: center;
							    top: 50%;
							    transform: translateY(-50%);
							}

							.lightbox-content img {
							    max-width: 80%;
							    max-height: 80vh;
							    margin: auto;
							    display: block;
							}

							.caption {
							    margin-top: 8px;
							    font-size: 16px;
							    color: #fff;
							    font-weight: bold;
							    text-align: center;
							}

							.close {
							    position: absolute;
							    top: 20px;
							    right: 40px;
							    color: #fff;
							    font-size: 30px;
							    font-weight: bold;
							    cursor: pointer;
							}

							.nav-btn {
							    position: absolute;
							    top: 50%;
							    transform: translateY(-50%);
							    background: rgba(0, 0, 0, 0.5);
							    border: none;
							    color: #fff;
							    font-size: 30px;
							    padding: 10px;
							    cursor: pointer;
							}

							.nav-btn.prev {
							    left: 20px;
							}

							.nav-btn.next {
							    right: 20px;
							}

							.nav-btn:hover {
							    background: rgba(0, 0, 0, 0.8);
							}

							/* Gallery images - responsive */
							.gallery img {
							    width: 100%; /* take full width of container */
							    max-width: 250px; /* optional limit for thumbnails */
							    height: auto; /* maintain aspect ratio */
							    border-radius: 10px; /* rounded corners */
							    cursor: pointer;
							    transition: transform 0.2s ease, box-shadow 0.2s ease;
							}

							.gallery {
							    display: flex;
							    flex-wrap: wrap; /* wrap on smaller screens */
							    gap: 15px; /* spacing between images */
							    justify-content: center; /* center images */
							}

							.gallery img:hover {
							    transform: scale(1.05);
							    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
							}

							/* Lightbox image - responsive */
							.lightbox-content img {
							    max-width: 90%; /* fit to screen width */
							    max-height: 80vh; /* fit to screen height */
							    height: auto;
							    border-radius: 12px;
							    display: block;
							    margin: auto;
							}
							.table-container table {
							        width: 70%;
							        margin: 0 auto; /* Centers it horizontally */
							    }

							    .table-container {
							        width: 100%;
							        display: flex;
							        justify-content: center; /* Optional: centers any child block element */
							    }

							    footer {
							        color: white;
							        text-align: center;
							        padding: 15px 0;
							    }
								/* statefinance */
								.lab_data_container {
								       left: 0px !important;
								       width: calc(100% - 00px) !important;
								   }	
								   /* ========================================
								   	   DATATABLES CUSTOM STYLING
								   	   Bihar Data Lab Theme
								   	   ======================================== */

								   	/* ===== TABLE CONTAINER ===== */
								   	.dataTables_wrapper {
								   	    padding: 20px 0;
								   	    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
								   	}

								   	/* ===== SEARCH BOX ===== */
								   	.dataTables_filter {
								   	    margin-bottom: 15px;
								   	}

								   	.dataTables_filter label {
								   	    font-weight: 600;
								   	    color: #2c3e50;
								   	    font-size: 14px;
								   	}

								   	.dataTables_filter input {
								   	    border: 2px solid #e0e0e0;
								   	    border-radius: 8px;
								   	    padding: 8px 15px 8px 35px;
								   	    margin-left: 10px;
								   	    width: 250px;
								   	    transition: all 0.3s ease;
								   	    background-size: 16px;
								   	}

								   	.dataTables_filter input:focus {
								   	    border-color: #007bff;
								   	    outline: none;
								   	    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
								   	    background-color: #fff;
								   	}

								   	/* ===== LENGTH MENU ===== */
								   	.dataTables_length {
								   	    margin-bottom: 15px;
								   	}

								   	.dataTables_length label {
								   	    font-weight: 600;
								   	    color: #2c3e50;
								   	    font-size: 14px;
								   	}

								   	.dataTables_length select {
								   	    border: 2px solid #e0e0e0;
								   	    border-radius: 8px;
								   	    padding: 6px 30px 6px 12px;
								   	    margin: 0 5px;
								   	    background: #f8f9fa;
								   	    font-weight: 500;
								   	    color: #2c3e50;
								   	    cursor: pointer;
								   	    transition: all 0.3s ease;
								   	    appearance: none;
								   	    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%236b7a8a'/%3E%3C/svg%3E");
								   	    background-repeat: no-repeat;
								   	    background-position: right 10px center;
								   	}

								   	.dataTables_length select:focus {
								   	    border-color: #007bff;
								   	    outline: none;
								   	    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
								   	}

								   	/* ===== TABLE STYLING ===== */
								   	.dataTable {
								   	    width: 100% !important;
								   	    border-collapse: collapse;
								   	    border-radius: 12px;
								   	    overflow: hidden;
								   	    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
								   	}

								   	.dataTable thead {
								   	    background: linear-gradient(135deg, #1a2a6c, #2d4373) !important;
								   	    color: #ffffff  !important;
								   	}

								   	.dataTable thead th {
								   	    padding: 14px 18px;
								   	    text-align: left;
								   	    font-weight: 600;
								   	    font-size: 14px;
								   	    text-transform: uppercase;
								   	    letter-spacing: 0.5px;
								   	    border-bottom: 3px solid #007bff;
								   	    position: relative;
								   	    white-space: nowrap;
								   	}

								   	.dataTable thead th.sorting {
								   	    cursor: pointer;
								   	    padding-right: 30px;
								   	}

								   	.dataTable thead th.sorting::after {
								   	    content: "↕";
								   	    position: absolute;
								   	    right: 10px;
								   	    top: 50%;
								   	    transform: translateY(-50%);
								   	    opacity: 0.6;
								   	    font-size: 12px;
								   	}

								   	.dataTable thead th.sorting_asc::after {
								   	    content: "↑";
								   	    opacity: 1;
								   	    color: #ffc107;
								   	}

								   	.dataTable thead th.sorting_desc::after {
								   	    content: "↓";
								   	    opacity: 1;
								   	    color: #ffc107;
								   	}

								   	.dataTable thead th.sorting:hover {
								   	    background: rgba(255, 255, 255, 0.08);
								   	}

								   	/* ===== TABLE BODY ===== */
								   	.dataTable tbody tr {
								   	    transition: all 0.2s ease;
								   	    border-bottom: 1px solid #eef2f7;
								   	}

								   	.dataTable tbody tr:hover {
								   	    background: #f0f7ff !important;
								   	    transform: scale(1.001);
								   	    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
								   	}

								   	.dataTable tbody tr:nth-child(even) {
								   	    background: #fafbfc;
								   	}

								   	.dataTable tbody tr:nth-child(odd) {
								   	    background: #ffffff;
								   	}

								   	.dataTable tbody td {
								   	    padding: 12px 18px;
								   	    font-size: 14px;
								   	    color: #2c3e50;
								   	    vertical-align: middle;
								   	    border-right: 1px solid #f0f2f5;
								   	}

								   	.dataTable tbody td:last-child {
								   	    border-right: none;
								   	}

								   	/* ===== ROW HOVER EFFECT ===== */
								   	.dataTable tbody tr:hover td {
								   	    color: #1a2a6c;
								   	}

								   	/* ===== PAGINATION ===== */
								   	.dataTables_paginate {
								   	    margin-top: 20px;
								   	    display: flex;
								   	    justify-content: flex-end;
								   	    align-items: center;
								   	    gap: 5px;
								   	}

								   	.dataTables_paginate .paginate_button {
								   	    padding: 8px 16px;
								   	    border: 2px solid #e0e0e0;
								   	    border-radius: 8px;
								   	    background: #ffffff;
								   	    color: #2c3e50;
								   	    font-weight: 600;
								   	    font-size: 14px;
								   	    cursor: pointer;
								   	    transition: all 0.3s ease;
								   	    min-width: 38px;
								   	    text-align: center;
								   	}

								   	.dataTables_paginate .paginate_button:hover {
								   	    background: #007bff;
								   	    color: #ffffff;
								   	    border-color: #007bff;
								   	    transform: translateY(-2px);
								   	    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
								   	}

								   	.dataTables_paginate .paginate_button.current {
								   	    background: #007bff;
								   	    color: #ffffff;
								   	    border-color: #007bff;
								   	    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
								   	}

								   	.dataTables_paginate .paginate_button.disabled {
								   	    opacity: 0.5;
								   	    cursor: not-allowed;
								   	    pointer-events: none;
								   	}

								   	.dataTables_paginate .paginate_button.disabled:hover {
								   	    background: #ffffff;
								   	    color: #2c3e50;
								   	    transform: none;
								   	    box-shadow: none;
								   	}

								   	/* ===== INFO TEXT ===== */
								   	.dataTables_info {
								   	    margin-top: 20px;
								   	    color: #6b7a8a;
								   	    font-size: 14px;
								   	    font-weight: 500;
								   	}

								   	/* ===== RESPONSIVE ===== */
								   	@media (max-width: 768px) {
								   	    .dataTables_wrapper {
								   	        padding: 10px 0;
								   	        overflow-x: auto;
								   	    }
								   	    
								   	    .dataTables_filter input {
								   	        width: 100%;
								   	        max-width: 200px;
								   	    }
								   	    
								   	    .dataTable thead th {
								   	        padding: 10px 12px;
								   	        font-size: 12px;
								   	    }
								   	    
								   	    .dataTable tbody td {
								   	        padding: 8px 12px;
								   	        font-size: 12px;
								   	    }
								   	    
								   	    .dataTables_paginate {
								   	        justify-content: center;
								   	        flex-wrap: wrap;
								   	    }
								   	    
								   	    .dataTables_paginate .paginate_button {
								   	        padding: 6px 12px;
								   	        font-size: 12px;
								   	        min-width: 32px;
								   	    }
								   	    
								   	    .dataTables_length select {
								   	        width: 80px;
								   	    }
								   	}

								   	@media (max-width: 480px) {
								   	    .dataTables_filter {
								   	        width: 100%;
								   	    }
								   	    
								   	    .dataTables_filter input {
								   	        max-width: 100%;
								   	        width: 100%;
								   	        margin-left: 0;
								   	        margin-top: 5px;
								   	    }
								   	    
								   	    .dataTables_length {
								   	        width: 100%;
								   	        margin-bottom: 10px;
								   	    }
								   	    
								   	    .dataTable thead th {
								   	        padding: 8px 10px;
								   	        font-size: 11px;
								   	        white-space: normal;
								   	    }
								   	    
								   	    .dataTable tbody td {
								   	        padding: 6px 10px;
								   	        font-size: 11px;
								   	    }
								   	    
								   	    .dataTables_paginate .paginate_button {
								   	        padding: 4px 10px;
								   	        font-size: 11px;
								   	        min-width: 28px;
								   	    }
								   	}

								   	/* ===== SCROLLBAR STYLING ===== */
								   	.dataTables_wrapper::-webkit-scrollbar {
								   	    width: 8px;
								   	    height: 8px;
								   	}

								   	.dataTables_wrapper::-webkit-scrollbar-track {
								   	    background: #f1f1f1;
								   	    border-radius: 4px;
								   	}

								   	.dataTables_wrapper::-webkit-scrollbar-thumb {
								   	    background: #007bff;
								   	    border-radius: 4px;
								   	}

								   	.dataTables_wrapper::-webkit-scrollbar-thumb:hover {
								   	    background: #0056b3;
								   	}

								   	/* ===== ALTERNATIVE STRIPED ROW (Optional) ===== */
								   	.dataTable.display tbody tr.odd {
								   	    background: #f8f9fa;
								   	}

								   	.dataTable.display tbody tr.even {
								   	    background: #ffffff;
								   	}

								   	/* ===== HIGHLIGHT SEARCH TERM ===== */
								   	.dataTable .highlight {
								   	    background: #ffeb3b;
								   	    padding: 2px 4px;
								   	    border-radius: 3px;
								   	}

								   	/* ===== CUSTOM BADGE FOR STATUS ===== */
								   	.dataTable .badge {
								   	    display: inline-block;
								   	    padding: 4px 12px;
								   	    border-radius: 20px;
								   	    font-size: 12px;
								   	    font-weight: 600;
								   	}

								   	.badge-success {
								   	    background: #28a745;
								   	    color: #ffffff;
								   	}

								   	.badge-warning {
								   	    background: #ffc107;
								   	    color: #2c3e50;
								   	}

								   	.badge-danger {
								   	    background: #dc3545;
								   	    color: #ffffff;
								   	}

								   	.badge-info {
								   	    background: #17a2b8;
								   	    color: #ffffff;
								   	}

								   	/* ===== ANIMATION FOR TABLE LOADING ===== */
								   	@keyframes fadeIn {
								   	    from {
								   	        opacity: 0;
								   	        transform: translateY(20px);
								   	    }
								   	    to {
								   	        opacity: 1;
								   	        transform: translateY(0);
								   	    }
								   	}

								   	.dataTable {
								   	    animation: fadeIn 0.5s ease;
								   	}

								   	/* ===== PRINT STYLES ===== */
								   	@media print {
								   	    .dataTables_filter,
								   	    .dataTables_length,
								   	    .dataTables_paginate {
								   	        display: none !important;
								   	    }
								   	    
								   	    .dataTable {
								   	        box-shadow: none !important;
								   	    }
								   	    
								   	    .dataTable thead {
								   	        background: #333 !important;
								   	        -webkit-print-color-adjust: exact;
								   	        print-color-adjust: exact;
								   	    }
								   	    
								   	    .dataTable thead th {
								   	        color: #fff !important;
								   	        -webkit-print-color-adjust: exact;
								   	        print-color-adjust: exact;
								   	    }
								   	}
								   	/* ===== DATATABLE SORTING ICONS USING FONT AWESOME ===== */
								   	.dataTable thead th.sorting:after,
								   	.dataTable thead th.sorting_asc:after,
								   	.dataTable thead th.sorting_desc:after {
								   	    font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free', 'FontAwesome', sans-serif;
								   	    font-weight: 900;
								   	    margin-left: 8px;
								   	    opacity: 0.7;
								   	}

								   	.dataTable thead th.sorting:after {
								   	    content: "\f0dc"; /* fa-sort */
								   	    opacity: 0.3;
								   	}

								   	.dataTable thead th.sorting_asc:after {
								   	    content: "\f0de"; /* fa-sort-up */
								   	    opacity: 1;
								   	    color: #007bff;
								   	}

								   	.dataTable thead th.sorting_desc:after {
								   	    content: "\f0dd"; /* fa-sort-down */
								   	    opacity: 1;
								   	    color: #007bff;
								   	}

								   	/* Alternative using simple arrows */
								   	.dataTable thead th.sorting:after {
								   	    content: "⇅";
								   	    opacity: 0.3;
								   	    margin-left: 5px;
								   	}

								   	.dataTable thead th.sorting_asc:after {
								   	    content: "↑";
								   	    opacity: 1;
								   	    color: #007bff;
								   	}

								   	.dataTable thead th.sorting_desc:after {
								   	    content: "↓";
								   	    opacity: 1;
								   	    color: #007bff;
								   	}
.dataTables_length select 
{		
	padding: 6px 30px 6px 12px !important;	
}	   
.table>:not(:last-child)>:last-child>* 
{
    border-bottom-color: currentColor;
    background-color: #0c2875 !important;
    color: white !important;
}
/* Hide only the word "entries" */
.dataTables_length label {
    font-size: 0 !important;
}

.dataTables_length label select {
    font-size: 14px !important;
    margin: 0 5px !important;
}

.dataTables_length label:before {
    content: "Show ";
    font-size: 14px !important;
}

.dataTables_length label:after {
    content: "" !important;
}
.hidden { display: none; }
    .h3_tiles_value { color: #0c2875; font-size: 1.5rem; font-weight: 600; }
    .source { font-size: 10px; color: #999999; margin-top: 10px; font-family: Poppins-medium; }
    .popup-close { background: #0c2875; }
    #statsslider_bihar { max-height: 170px !important; }
    
    .bihar__map {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 600px;
        position: absolute;
        top: 20%;
        left: 35%;
        transform: translate(-50%, -50%);
        animation: zoomLoop 6s infinite ease-in-out;
        transform-origin: center center;
    }
    
    @keyframes zoomLoop {
        0% { transform: scale(1); }
        50% { transform: scale(1.2); }
        100% { transform: scale(1); }
    }
    
    @media (max-width: 600px) {
        .bihar__map { width: 263px; top: 24%; left: 13%; }
        .tabs_state_hight_chart { overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
        .shs-content { overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
        .graph-tabs { margin-left: 323px; }
    }
    
    .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    
    #indiaMap {
        background: #f9f9f9;
        border-radius: 16px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        width: 1384px;
        height: 664px;
    }
    
    .info-box-col {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 38px;
        margin-top: 30px;
        margin-left: 32px;
        min-width: 360px;
        border-radius: 16px;
        margin-left: 124px;
        margin-right: 100px;
    }
    
    .info-title { font-weight: 600; color: #0c2875; margin-bottom: 6px; text-align: left; }
    .info-big { font-size: 20px; font-weight: bold; color: #111; margin-bottom: 4px; margin-top: 20px; }
    .info-rank { font-size: 14px; color: #555; text-align: left; }
    .info-src { font-size: 9px; color: #666; margin-top: 2px; }
    
    #infoContainer {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 10px;
    }
    
    #infoContainer .info-item {
        background: #f8f9fa;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 15px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s ease;
    }
    
    #infoContainer .info-item:hover { transform: translateY(-3px); }
    
    @media (max-width: 768px) { #infoContainer { grid-template-columns: 1fr; } }
    @media (min-width: 576px) { .tiles-box { grid-template-columns: 1fr 1fr; } }
    @media (min-width: 992px) { .tiles-box { grid-template-columns: 1fr 1fr 1fr; } }
    @media (min-width: 1200px) { .tiles-box { grid-template-columns: 1fr 1fr 1fr 1fr; } }
    
    .col-md-3-rise { width: 100%; }
    @media (min-width: 768px) { .col-md-3-rise { width: 50%; } }
    @media (min-width: 992px) { .col-md-3-rise { width: 33.33%; } }
    @media (min-width: 1200px) { .col-md-3-rise { width: 100%; } }
    
    .logo__map { margin-top: -72px !important; margin-left: 288px !important; }
    .map_img { width: 50px !important; height: 53px !important; }
    .tiles_footer { padding-left: 8px !important; }
    .short_info_data_lab { width: 97%; margin: auto; }
    .tiles_box { border-top: 0px solid #0c2875; border-left: 7px solid #0c2875; }
	.table-container table {
	       width: 70%;
	       margin: 0 auto; /* Centers it horizontally */
	   }

	   .table-container {
	       width: 100%;
	       display: flex;
	       justify-content: center; /* Optional: centers any child block element */
	   }

	   .img_analysisBuilder_india {
	       width: 70;
	   }

	   .img_analysisBuilder_bihar {
	       width: 108;
	   }

	   .analysis-row {
	       display: flex;
	       justify-content: center;
	       gap: 38px;
	       margin-top: 10px;

	       flex-wrap: nowrap; /* force cards in a single row */
	       align-items: stretch; /* make all cards equal height */
	   }

	   .analysis-card {
	       background: #d6eafe;
	       border-radius: 18px;
	       box-shadow: 0 6px 24px 0 rgba(35, 43, 59, 0.08);
	       padding: 9px 28px 8px 10px;
	       min-width: 202px;
	       max-width: 24% !important;

	       flex: 1;
	       max-width: none;
	       display: flex;
	       flex-direction: column;
	       align-items: center;
	       justify-content: flex-start;
	       text-align: center;
	       transition: box-shadow 0.18s;
	   }

	   .analysis-btn {
	       margin-top: auto; /* button always at bottom */
	   }

	   .analysis-title {
	       font-size: 1.7rem;
	       font-weight: 700;
	       color: #232b3b;
	       margin-bottom: 18px;
	       margin-top: 32px;
	   }

	   .analysis-card-title {
	       font-weight: 700;
	       font-size: 1.18rem;
	       margin-bottom: 8px;
	       color: #232b3b;
	   }

	   .analysis-desc {
	       font-size: 1.08rem;
	       color: #4b5563;
	       margin-bottom: 38px;
	       line-height: 1.6;
	       max-width: 900px;
	       margin-left: auto;
	       margin-right: auto;
	   }


	   .analysis-btn {
	       background-color: #0c2875; /* Base – blue */
	       color: #fff;
	       padding: 0.6rem 1.5rem;
	       border-radius: 6px;
	       font-weight: 600;
	       display: inline-block;
	       position: relative;
	       overflow: hidden;
	       text-decoration: none;
	       background-image: linear-gradient(90deg, #c0c9c4 0%, #becfe1 100%);
	       background-repeat: no-repeat;
	       background-size: 0% 100%; /* Start with zero green */
	       background-position: left top;
	       margin-top: 22px;
	       transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1),
	       color 0.2s,
	       text-decoration 0.2s;

	   }

	   .analysis-btn:hover,
	   .analysis-btn:focus {
	       background-size: 100% 100%; /* Animate green all the way right */
	       color: black; /* Black text when green is visible */
	       text-decoration: none;
	   }

	   @media (max-width: 600px) {
	       .main-bg {
	           padding: 12px 0;
	       }

	       .analysis-title {
	           font-size: 1.2rem;
	       }

	       .analysis-desc {
	           font-size: 0.98rem;
	           padding: 0 4px;
	       }

	       .analysis-card {
	           padding: 18px 8px 18px 8px;
	       }

	       .analysis-card .analysis-icon svg {
	           width: 40px;
	           height: 40px;
	       }

	       .analysis-btn {
	           font-size: 1rem;
	           padding: 8px 14px;
	       }
	   }

	   @media (max-width: 800px) {
	       .analysis-row {
	           flex-direction: column;
	           align-items: center;
	           gap: 0;
	       }

	       .analysis-card {
	           width: 96vw;
	           max-width: 500px;
	           min-width: unset;
	           margin: 0.6rem 0;
	       }
	   }

	   .main-bg {
	       min-height: 100vh;
	       display: flex;
	       align-items: flex-start;
	       justify-content: center;
	       padding: 0px 0;
	   }

	   .comparison-card {
	       background: #f4f3fb;
	       border-radius: 32px;
	       box-shadow: 0 6px 24px 0 rgba(35, 43, 59, 0.08);
	       padding: 48px 48px 38px 48px;
	       /*max-width: 1800px;*/
	       width: 100%;
	       display: flex;
	       gap: 48px;
	       align-items: flex-start;
	   }

	   .comparison-left {
	       flex: 1;
	       min-width: 0;
	       margin-top: -47px;
	   }

	   .comparison-title {
	       font-size: 2.2rem;
	       font-weight: 700;
	       color: #232b3b;
	       margin-bottom: 8px;
	   }

	   .comparison-desc {
	       font-size: 1.18rem;
	       color: #4b5563;
	       margin-bottom: 32px;
	       margin-top: -26px;
	   }

	   .filter-label {
	       font-size: 1.08rem;
	       font-weight: 700;
	       color: #232b3b;
	       margin-bottom: 16px;
	       display: block;
	       text-align: center;
	       margin-top: -24px;
	   }

	   .filter-row {
	       display: flex;
	       gap: 24px;
	       margin-bottom: 24px;
	       flex-wrap: wrap;
	   }

	   .filter-group {
	       display: flex;
	       flex-direction: column;
	       gap: 6px;
	       min-width: 220px;
	       flex: 1;
	   }

	   .filter-group label {
	       font-size: 0.98rem;
	       color: #6b7280;
	       margin-bottom: 10px;
	   }

	   select {
	       border-radius: 14px;
	       border: 2px solid #e5e7eb;
	       font-size: 1rem;
	       font-family: inherit;
	       background: #fff;
	       color: #232b3b;
	       outline: none;
	       transition: border 0.15s;
	   }

	   select:focus {
	       border-color: #6366f1;
	   }

	   .selected-filters {
	       font-size: 1.08rem;
	       color: #232b3b;
	       margin-bottom: 28px;
	       margin-top: 8px;
	       font-weight: 600;
	   }

	   .selected-filters span {
	       font-weight: 400;
	       color: #6b7280;
	       display: block;
	       margin-top: 2px;
	       font-size: 1.02rem;
	   }

	   .action-row {
	       display: flex;
	       gap: 18px;
	       margin-top: 10px;
	       flex-wrap: wrap;
	   }

	   .btn {

	       border-radius: 12px;
	       border: none;

	       cursor: pointer;
	       transition: background 0.15s, color 0.15s, border 0.15s;
	       font-family: inherit;
	       display: flex;
	       align-items: center;
	       gap: 10px;
	   }

	   .btn-primary {
	       background: #0c2875;
	       color: #fff;
	       border: none;
	       box-shadow: 0 2px 8px 0 rgba(79, 70, 229, 0.10);
	   }

	   .btn-primary:hover {
	       background: #2553d1;
	       color: white;
	   }

	   .btn-secondary {
	       background: #0c2875;
	       color: white;
	       border: 2px solid #e5e7eb;
	   }

	   .btn-secondary:hover {
	       background: #2553d1;
	       color: white;
	   }

	   .btn-reset {
	       background: #fff;
	       color: #232b3b;
	       border: 2px solid #e5e7eb;
	   }

	   .btn-reset:hover {
	       border-color: #6366f1;
	       color: #6366f1;
	   }

	   .btn-download svg {
	       width: 22px;
	       height: 22px;
	       stroke: #4f46e5;
	   }

	   .btn-primary svg {
	       width: 22px;
	       height: 22px;
	       stroke: #fff;
	   }

	   .btn-reset svg {
	       width: 22px;
	       height: 22px;
	       stroke: #232b3b;
	   }

	   .quick-guide {
	       background: #ededed;
	       border-radius: 28px;
	       padding: 3px 19px;
	       min-width: 263px;

	       font-size: 1rem;
	       color: #232b3b;
	       box-sizing: border-box;
	       height: fit-content;
	       margin-right: -43px;

	   }

	   .quick-guide-title {
	       font-weight: 700;
	       font-size: 1.18rem;
	       margin-bottom: 22px;
	       color: #232b3b;
	   }

	   .quick-guide-list {
	       list-style: none;
	       padding: 0;
	       margin: 10px;
	   }

	   .quick-guide-list li {
	       display: flex;
	       align-items: center;
	       gap: 7px;
	       margin-bottom: 18px;
	       font-size: 1.0rem;
	       color: #232b3b;
	       margin-bottom: 7px;
	   }

	   .quick-guide-list li:last-child {
	       margin-bottom: 0;
	   }

	   .quick-guide-num {
	       background: #0c2875;
	       color: #fff;
	       border-radius: 50%;
	       width: 25px;
	       height: 25px;
	       display: flex;
	       align-items: center;
	       justify-content: center;
	       font-size: 0.75rem;
	       flex-shrink: 0;
	   }

	   input, select {
	       margin: -10px 0 !important;
	   }

	   @media (max-width: 1200px) {
	       .comparison-card {
	           flex-direction: column;
	           gap: 32px;
	           max-width: 98vw;
	           padding: 24px 8px 24px 8px;
	       }

	       .quick-guide {
	           margin-left: 0;
	           margin-top: 18px;
	           max-width: 100vw;
	           min-width: unset;
	       }
	   }

	   @media (max-width: 900px) {
	       .main-bg {
	           padding: 18px 0;
	       }

	       .comparison-card {
	           padding: 8px 2px 8px 2px;
	       }

	       .quick-guide {
	           padding: 18px 10px;
	       }

	       .action-row {
	           flex-direction: column;
	           gap: 10px;
	       }

	       .filter-row {
	           flex-direction: column;
	           gap: 10px;
	       }

	       .filter-group {
	           min-width: unset;
	       }
	   }

	   .quick-guide {
	       position: absolute;
	       top: 0;
	       right: 105%; /* Move to the left of the parent */
	       background: #fff;
	       border: 1px solid #ccc;
	       border-radius: 8px;
	       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	       padding: 15px;
	       width: 250px;
	       display: none;
	       z-index: 1000;
	   }

	   .info-icon {
	       width: 30px !important;
	       height: 30px !important;
	   }

	   .info-wrapper {
	       margin-top: -111px;
	       height: 10px;
	       margin-right: -37px;

	   }

	   /* Show on hover */
	   .info-wrapper:hover .quick-guide {
	       display: block;
	   }

	   /* Responsive: stack below if not enough space */
	   @media (max-width: 600px) {
	       .quick-guide {
	           width: 90vw;
	           right: auto;
	           left: 50%;
	           top: 38px;
	           transform: translateX(-50%);
	       }
	   }

	   .filter-container {
	       display: flex;
	       gap: 12px;
	       align-items: flex-end;
	       flex-wrap: wrap;
	   }

	   .filter-group.small {
	       flex: 1 1 10%;
	       min-width: 80px;
	       max-width: 120px;
	   }

	   .filter-group.kpi {
	       flex: 1 1 40%;
	       min-width: 160px;
	       max-width: 350px;
	   }

	   .g-3, .gy-3 {


	       width: 120% !important;
	       margin-left: -72px !important;
	   }

	   .refresh_btn {
	       background: #0c2875;
	       color: #fff;
	       border: none;
	       box-shadow: 0 2px 8px 0 rgba(79, 70, 229, 0.10);
	       margin-top: -11px;
	       margin-bottom: -10px;

	   }

	   .refresh___btn {
	       margin-top: 56px !important;
	       width: 8% !important;
	       margin-bottom: -11px;
	   }

	   .sector {
	       width: 70% !important;
	   }

	   @media (max-width: 767px) {
	       .filter-container {
	           flex-direction: column;
	           align-items: stretch;
	       }

	       .filter-group.small,
	       .filter-group.kpi {
	           max-width: 100%;
	           min-width: 0;
	           flex: 1 1 100%;
	       }
	   }

	   #analysisChart {
	       max-width: 100%;


	       border-radius: 25px;
	   }

	   .analysisChart {
	       background: # #ffffff;
	       border-radius: 25px;
	   }

	   .apexcharts-toolbar {
	       top: 7px !important;
	       right: 10px !important;
	   }

	   .visualizationDiv {
	       text-align: center;
	   }

	   #mapContainer {
	       display: flex;
	       flex-direction: column;
	       align-items: center;
	       margin-top: 24px;
	       position: relative;
	   }

	   #controls {
	       margin-bottom: 10px;
	       display: flex;
	       gap: 10px;
	       justify-content: center;
	   }

	   #controls button, #controls a {
	       background: #2973b6;
	       color: #fff;
	       border: none;
	       padding: 7px 16px;
	       font-size: 18px;
	       border-radius: 4px;
	       cursor: pointer;
	       outline: none;
	       transition: background 0.15s;
	       text-decoration: none;
	       text-align: center;
	       line-height: 1.2;
	   }

	   #controls button:hover, #controls a:hover {
	       background: #469ce6;
	   }

	   #indiaMap {
	       display: block;
	       margin: auto;
	       background: #f9f9f9;
	       border: 1px solid #ccc;
	       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	   }

	   #legend {
	       margin-top: 24px;
	       text-align: center;
	       display: flex;
	       flex-direction: column;
	       align-items: center;
	   }

	   #tooltip {
	       position: absolute;
	       visibility: hidden;
	       background: #f7f7f7;
	       border: 1px solid #999;
	       border-radius: 4px;
	       padding: 6px 12px;
	       pointer-events: none;
	       font-size: 15px;
	       box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.07);
	       z-index: 10;
	   }
	   /* 1️⃣ Series value text */
	      .apexcharts-tooltip-y-group .apexcharts-tooltip-text,
	      .apexcharts-tooltip-series-group .apexcharts-tooltip-text-y-value {
	          color: #000 !important;
	      }

	      /* 2️⃣ KPI/Year label text (left side) */
	      .apexcharts-tooltip-text-y-label,
	      .apexcharts-tooltip-series-group {
	          color: #000 !important;
	      }

	      /* 3️⃣ Colored circle marker (●) */
	      .apexcharts-tooltip-marker {
	          background: #000 !important;
	          border-color: #000 !important;
	      }
		  .img_analysisBuilder_india 
		  {
		      width: 70px !important;
		  }
		  .img_analysisBuilder_bihar 
		  {
		      width: 108px !important;
		  }
		  .mb-0 
		  {
			margin-top: 16px;
		  }	  
		  .sourceOfChart
		  {
			color: grey !important;
		  }
		  .prevDataLab
		  {
			background-color: #5e84eb !important;
		  }
		  .nextDataLab
		  {
		  	background-color: #5e84eb !important;
		  }
		  .tiles-box {
		        display: grid;
		        grid-template-columns: 1fr;
		        gap: 20px;
		        height: 10% !important
		    }

		    @media (min-width: 576px) {
		        .tiles-box {
		            grid-template-columns: 1fr 1fr; /* 2 columns for tablets */
		        }
		    }

		    @media (min-width: 992px) {
		        .tiles-box {
		            grid-template-columns: 1fr 1fr 1fr; /* 3 columns for laptops */
		        }
		    }

		    @media (min-width: 1200px) {
		        .tiles-box {
		            grid-template-columns: 1fr 1fr 1fr 1fr; /* 4 columns for large screens */
		        }
		    }

		    /* Default (Mobile First) */
		    .col-md-3 {
		        width: 100%;
		    }

		    /* Tablet (≥768px) */
		    @media (min-width: 768px) {
		        .col-md-3 {
		            width: 50%; /* 2 columns for tablets */
		        }
		    }

		    /* Desktop (≥992px) */
		    @media (min-width: 992px) {
		        .col-md-3 {
		            width: 33.33%; /* 3 columns for laptops */
		        }
		    }

		    /* Large Desktop (≥1200px) */
		    @media (min-width: 1200px) {
		        .col-md-3 {
		            width: 25%; /* 4 columns for large screens */
		        }
		    }

		    .lab_data_container {
		        position: relative;
		        left: 0px !important;
		        padding: 30px !important;
		        min-height: calc(100vh - 120px) !important;
		        width: calc(100% - 48px) !important;
		        transition: all 0.5s ease;
		    }

		    /* Add row styling */
		    .row {
		        display: flex;
		        flex-wrap: wrap;
		        margin-right: -15px;
		        margin-left: -15px;
		    }

		    .mb-3 {
		        margin-bottom: 1rem;
		    }
			/* =========================================================
			   ORGANIZATION STRUCTURE - RESPONSIVE ONLY
			   Desktop remains unchanged
			========================================================= */


			/* ================= TABLET ================= */
			@media only screen and (max-width: 991.98px) {

			    #skip_to_main .state_high_div {
			        padding: 30px !important;
			    }

			    #skip_to_main .row.align-items-center {
			        align-items: flex-start !important;
			    }

			    #skip_to_main .col-md-6 {
			        width: 100% !important;
			        max-width: 100% !important;
			        flex: 0 0 100% !important;
			    }

			    /* Text section */
			    #skip_to_main .col-md-6:first-child {
			        margin-bottom: 28px !important;
			    }

			    #skip_to_main h2 {
			        font-size: 1.35rem !important;
			        text-align: left !important;
			    }

			    #skip_to_main .col-md-6:first-child p {
			        font-size: 0.88rem !important;
			        line-height: 1.6 !important;
			    }

			    /* Leadership section */
			    #skip_to_main .col-md-6:last-child > .d-flex {
			        display: flex !important;
			        justify-content: center !important;
			        align-items: flex-start !important;
			        flex-wrap: wrap !important;
			        gap: 22px !important;

			        width: 100% !important;
			    }

			    #skip_to_main .col-md-6:last-child > .d-flex > div {
			        margin-left: 0 !important;
			        margin-right: 0 !important;
			        width: 170px !important;
			        max-width: 170px !important;
			    }

			    #skip_to_main .col-md-6:last-child img {
			        width: 150px !important;
			        height: 155px !important;
			        object-fit: cover !important;
			        object-position: top center !important;
			    }

			    #skip_to_main .col-md-6:last-child h5 {
			        font-size: 14px !important;
			        line-height: 1.3 !important;
			        margin-top: 7px !important;
			    }

			    #skip_to_main .col-md-6:last-child p {
			        font-size: 12px !important;
			        line-height: 1.3 !important;
			    }
			}


			/* ================= MOBILE ================= */
			@media only screen and (max-width: 767.98px) 
			{
				.sectoral-card
				{
					width: 111px !important;
					height: 85px !important;
					font-size: 0px !important;
					margin-left: -62px !important;
					margin-top: 55px !important;
					grid-template-columns: repeat(2, 1fr) !important;
				}
			    #skip_to_main {
			        width: 100% !important;
			        max-width: 100% !important;
			    }

			    #skip_to_main > .col-md-12 {
			        width: 100% !important;
			        max-width: 100% !important;
			        padding-left: 8px !important;
			        padding-right: 8px !important;
			    }

			    #skip_to_main .box_vision {
			        width: 100% !important;
			        max-width: 100% !important;
			    }

			    #skip_to_main .state_high_div {
			        width: 100% !important;
			        max-width: 100% !important;

			        padding: 20px 14px !important;
			    }

			    #skip_to_main .row.align-items-center {
			        display: flex !important;
			        flex-direction: column !important;

			        width: 100% !important;

			        margin-left: 0 !important;
			        margin-right: 0 !important;
			    }

			    #skip_to_main .col-md-6 {
			        width: 100% !important;
			        max-width: 100% !important;
			        flex: 0 0 100% !important;

			        padding-left: 0 !important;
			        padding-right: 0 !important;
			    }


			    /* ================= LEFT TEXT ================= */

			    #skip_to_main .col-md-6:first-child {
			        margin-bottom: 24px !important;
			        text-align: center !important;
			    }

			    #skip_to_main h2 {
			        font-size: 1.2rem !important;
			        line-height: 1.35 !important;
			        text-align: center !important;
			        margin-bottom: 12px !important;
			    }

			    #skip_to_main .col-md-6:first-child p {
			        font-size: 13px !important;
			        line-height: 1.65 !important;

			        text-align: justify !important;

			        margin-bottom: 16px !important;
			    }

			    #skip_to_main .col-md-6:first-child a {
			        width: auto !important;
			        min-width: 145px !important;

			        padding: 8px 16px !important;

			        font-size: 12px !important;
			    }


			    /* ================= LEADERSHIP ================= */

			    #skip_to_main .col-md-6:last-child > .d-flex {
			        display: flex !important;

			        flex-direction: row !important;

			        justify-content: center !important;
			        align-items: flex-start !important;

			        flex-wrap: wrap !important;

			        width: 100% !important;

			        gap: 16px !important;
			    }

			    #skip_to_main .col-md-6:last-child > .d-flex > div {
			        width: calc(50% - 8px) !important;
			        max-width: 165px !important;

			        margin-left: 0 !important;
			        margin-right: 0 !important;

			        text-align: center !important;
			    }

			    /* Third person centered on next row */
			    #skip_to_main .col-md-6:last-child > .d-flex > div:nth-child(3) {
			        width: 165px !important;
			        max-width: 165px !important;
			    }

			    #skip_to_main .col-md-6:last-child img {
			        display: block !important;

			        width: 135px !important;
			        height: 140px !important;

			        max-width: 100% !important;

			        margin: 0 auto 7px !important;

			        object-fit: cover !important;
			        object-position: top center !important;

			        border-radius: 10px !important;
			    }

			    #skip_to_main .col-md-6:last-child h5 {
			        font-size: 13px !important;
			        line-height: 1.25 !important;

			        margin: 0 !important;
			    }

			    #skip_to_main .col-md-6:last-child p {
			        font-size: 11px !important;
			        line-height: 1.3 !important;

			        margin-top: 3px !important;
			    }
			}


			/* ================= SMALL MOBILE ================= */
			@media only screen and (max-width: 480px) {
				.sectoral-card
								{
									width: 111px !important;
									height: 85px !important;
									font-size: 0px !important;
									margin-left: -62px !important;
									margin-top: 55px !important;
									grid-template-columns: repeat(2, 1fr) !important;
								}
			    #skip_to_main .state_high_div {
			        padding: 16px 10px !important;
			    }

			    #skip_to_main h2 {
			        font-size: 1.08rem !important;
			    }

			    #skip_to_main .col-md-6:first-child p {
			        font-size: 12px !important;
			        line-height: 1.6 !important;
			    }

			    #skip_to_main .col-md-6:last-child > .d-flex {
			        gap: 12px !important;
			    }

			    #skip_to_main .col-md-6:last-child > .d-flex > div {
			        width: calc(50% - 6px) !important;
			        max-width: 145px !important;
			    }

			    #skip_to_main .col-md-6:last-child > .d-flex > div:nth-child(3) {
			        width: 145px !important;
			        max-width: 145px !important;
			    }

			    #skip_to_main .col-md-6:last-child img {
			        width: 120px !important;
			        height: 125px !important;
			    }

			    #skip_to_main .col-md-6:last-child h5 {
			        font-size: 12px !important;
			    }

			    #skip_to_main .col-md-6:last-child p {
			        font-size: 10px !important;
			    }
			}


			/* ================= VERY SMALL MOBILE ================= */
			@media only screen and (max-width: 360px) {

			    #skip_to_main .col-md-6:last-child > .d-flex {
			        flex-direction: column !important;
			        align-items: center !important;
			    }

			    #skip_to_main .col-md-6:last-child > .d-flex > div,
			    #skip_to_main .col-md-6:last-child > .d-flex > div:nth-child(3) {
			        width: 100% !important;
			        max-width: 180px !important;
			    }

			    #skip_to_main .col-md-6:last-child img {
			        width: 130px !important;
			        height: 135px !important;
			    }
			}
			
			   	    .lab_data_container {
			   	        left: 0px !important;
			   	        width: calc(100% - 00px) !important;
			   	    }
			   	
			   .video-page {
			       padding: 15px 0 40px;
			   }

			   .video-grid {
			       display: grid;
			       grid-template-columns: repeat(2, minmax(0, 1fr));
			       gap: 28px 22px;
			       width: 100%;
			   }

			   .video-card {
			       background: #ffffff;
			       border: 1px solid #e2e6ed;
			       border-radius: 16px;
			       overflow: hidden;
			       box-shadow: 0 4px 14px rgba(16, 44, 100, 0.07);
			       transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
			   }

			   .video-card:hover {
			       transform: translateY(-3px);
			       border-color: #c5d1e8;
			       box-shadow: 0 10px 25px rgba(16, 44, 100, 0.12);
			   }

			   .video-card-header {
			       min-height: 58px;
			       padding: 12px 16px;
			       display: flex;
			       align-items: center;
			       justify-content: space-between;
			       gap: 12px;
			       border-bottom: 1px solid #eef0f4;
			   }

			   .video-title-area {
			       display: flex;
			       align-items: center;
			       gap: 11px;
			       min-width: 0;
			   }

			   .video-icon {
			       width: 38px;
			       height: 38px;
			       min-width: 38px;
			       border-radius: 10px;
			       background: #edf3ff;
			       color: #0b2d7d;
			       display: flex;
			       align-items: center;
			       justify-content: center;
			       font-size: 15px;
			   }

			   .video-title {
			       margin: 0;
			       color: #152d64;
			       font-size: 15px;
			       line-height: 1.35;
			       font-weight: 600;
			   }

			   .video-badge {
			       padding: 4px 9px;
			       background: #f1f5fd;
			       color: #536582;
			       border-radius: 20px;
			       font-size: 10px;
			       font-weight: 600;
			       white-space: nowrap;
			   }

			   .video-wrapper {
			       position: relative;
			       width: 100%;
			       background: #050505;
			       overflow: hidden;
			   }

			   .demo-video {
			       display: block;
			       width: 100%;
			       aspect-ratio: 16 / 9;
			       background: #000000;
			       object-fit: contain;
			   }

			   .video-card-footer {
			       min-height: 44px;
			       padding: 8px 14px;
			       background: #fbfcff;
			       border-top: 1px solid #eef0f4;
			       display: flex;
			       align-items: center;
			       justify-content: space-between;
			       gap: 10px;
			   }

			   .video-info {
			       display: flex;
			       align-items: center;
			       gap: 7px;
			       color: #697586;
			       font-size: 11px;
			   }

			   .video-info i {
			       color: #0b2d7d;
			   }

			   .video-status {
			       display: inline-flex;
			       align-items: center;
			       gap: 5px;
			       color: #667085;
			       font-size: 10px;
			   }

			   .video-status-dot {
			       width: 7px;
			       height: 7px;
			       background: #98a2b3;
			       border-radius: 50%;
			   }

			   .video-card.playing {
			       border-color: #7896d6;
			       box-shadow: 0 10px 28px rgba(11, 45, 125, 0.15);
			   }

			   .video-card.playing .video-status {
			       color: #0b2d7d;
			       font-weight: 600;
			   }

			   .video-card.playing .video-status-dot {
			       background: #22a06b;
			       box-shadow: 0 0 0 3px rgba(34, 160, 107, 0.12);
			   }

			   .no-video-container {
			       background: #ffffff;
			       border: 1px dashed #cfd6e2;
			       border-radius: 14px;
			       padding: 55px 20px;
			       text-align: center;
			   }

			   .no-video-icon {
			       width: 60px;
			       height: 60px;
			       margin: 0 auto 15px;
			       border-radius: 50%;
			       background: #edf3ff;
			       color: #0b2d7d;
			       display: flex;
			       justify-content: center;
			       align-items: center;
			       font-size: 23px;
			   }

			   .no-video-container h4 {
			       color: #23375e;
			       font-size: 16px;
			       margin-bottom: 6px;
			   }

			   .no-video-container p {
			       color: #7a8494;
			       font-size: 12px;
			       margin: 0;
			   }
			   .status-text
			   {
			   	color: black;
			   }
			   @media (max-width: 991px) {

			       .video-grid {
			           grid-template-columns: repeat(2, minmax(0, 1fr));
			           gap: 18px;
			       }

			   }

			   @media (max-width: 767px) {

			       .video-grid {
			           grid-template-columns: 1fr;
			           gap: 18px;
			       }

			       .video-card-header {
			           min-height: 54px;
			           padding: 10px 12px;
			       }

			       .video-icon {
			           width: 35px;
			           height: 35px;
			           min-width: 35px;
			       }

			       .video-title {
			           font-size: 14px;
			       }

			   }

			   @media (max-width: 420px) {

			       .video-card {
			           border-radius: 12px;
			       }

			       .video-badge {
			           display: none;
			       }

			       .video-card-footer {
			           padding: 8px 11px;
			       }

			   }
			   .latest_release {
			          display: flex;
			          flex-wrap: wrap; /* allows items to wrap to next line */
			          gap: 20px; /* spacing between cards */
			      }

			      td {
			          vertical-align: middle !important;
			          text-align: center !important;
			      }
.nav-links 
{
	gap: 13px !important;
}