:root {
  --OneColor: #6c1340;
  --TwoColor: #a32966;
  --ThreeColor: #db70a6;
  --FourColor: #ebadcc;
  --FiveColor: #faebf2;
  /*-------*/
  --SixColor: #150202;
  --SevenColor: #000;
  --EightColor: #ebeaea;
}
/* Dark Mode CSS Start */

:root .dark-mode {
  --OneColor: #ff0;
  --TwoColor: #ff0;
  --ThreeColor: #ff0;
  --FourColor: #ff0;
  --FiveColor: #ff0;
  --SixColor: #ff0;
  --SevenColor: #ff0;
  --EightColor: #ff0;
}
.dark-mode header.header_section {
  background: #0b0c0e;
}
.dark-mode .search_custom .input-group input {
  background: #0b0c0e;
}
.dark-mode ::placeholder {
  color: var(--OneColor);
}
.dark-mode .inner_digital_image img {
  -webkit-filter: invert(1);
  filter: invert(1);
}
.dark-mode .offcanvas_accsbility,
.dark-mode .offcanvas_menu_custom {
  background: #0b0c0e;
}
.dark-mode .offcanvas_accsbility .btn-close {
  filter: invert(1);
}
.dark-mode .nav_bg_cusotom {
  background: #0b0c0e;
  border-bottom: 2px solid #0b0c0e;
}
.dark-mode .nav-item.dropdown:focus-visible > .nav-link,
.dark-mode .nav-item.dropdown:hover > .nav-link {
  background-color: #23232a !important;
}
.dark-mode .nav_bg_cusotom .dropdown-menu li a:focus,
.dark-mode .nav_bg_cusotom .dropdown-menu li a:focus-visible,
.dark-mode .nav_bg_cusotom .dropdown-menu li a:hover,
.dark-mode .nav_bg_cusotom .dropdown-menu li:focus,
.dark-mode .nav_bg_cusotom .dropdown-menu li:focus-visible,
.dark-mode .nav_bg_cusotom .dropdown-menu li:hover {
  background-color: #23232a !important;
}
.dark-mode .nav_bg_cusotom .dropdown-menu li a {
  color: var(--OneColor);
}
.dark-mode .carosule_custom_cs button.carousel-control-next span,
.dark-mode .carosule_custom_cs button.carousel-control-prev span {
  background-color: #212529;
}
.dark-mode .carosule_custom_cs button.carousel-control-next span svg,
.dark-mode .carosule_custom_cs button.carousel-control-prev span svg {
  fill: var(--OneColor);
}
.dark-mode .carosule_custom_cs .carousel-indicators button {
  background-color: #bcb9c6;
}
.dark-mode .carosule_custom_cs .carousel-indicators button.active {
  background-color: #0b0c0e;
}
.dark-mode .bg_dark_alouncment {
  background-color: #23232a;
  border-bottom: 1px solid var(--OneColor);
}
.dark-mode .controls_announcement button {
  background: #23232a;
}
.dark-mode .light_gry_bg {
  background: #23232a !important;
}
.dark-mode .outline_cust {
  background-color: #0b0c0e;
}
.dark-mode .outline_cust:hover {
  background-color: #2d2d2d;
}
.dark-mode .pm_spacing_equal {
  background: #0b0c0e;
}
.dark-mode .about_ministry {
  background: #0b0c0e;
  color: var(--OneColor);
}
.dark-mode .about_ministry:hover {
  color: #0b0c0e;
}
.dark-mode .about_ministry:hover svg path {
  fill: #0b0c0e;
}
.dark-mode .nav_cust_tabs .nav-link {
  border: 1px solid #0b0c0e !important;
  background-color: #0b0c0e !important;
}
.dark-mode .nav_cust_tabs .nav-link.active {
  border: 1px solid #0b0c0e !important;
  background-color: #ff0 !important;
  color: #0b0c0e !important;
}
.dark-mode .tab_content_bg_cust .tab-pane ul {
  background: #0b0c0e;
}
.dark-mode .bg_whats_new {
  background: #0b0c0e;
}
.dark-mode .whats_new_list li {
  border-bottom: 1px solid var(--OneColor) !important;
}
.dark-mode .whats_new_list li a,
.dark-mode .whats_new_with_date li span {
  color: var(--OneColor) !important;
}
.dark-mode .whats_new_list li svg {
  fill: var(--OneColor);
}
.dark-mode .img_persona img {
  background-color: #23232a;
}
.dark-mode #persona .owl-dots button span {
  opacity: 0.5;
}
.dark-mode #persona .owl-dots button.active span {
  opacity: 1;
}
.dark-mode ul.list_imp_links li {
  border-bottom: 1px solid var(--OneColor);
}
.dark-mode .bg_blue_dark {
  background: #23232a;
}
.dark-mode .light_heading h2 {
  color: var(--OneColor);
}
.dark-mode .light_heading svg path {
  fill: var(--OneColor) !important;
}
.dark-mode .social_med,
.dark-mode .social_content_box {
  background: #0b0c0e;
}
.dark-mode .custom_brand {
  background: #0b0c0e;
}
.dark-mode .footer_box {
  background: #23232a;
}
.dark-mode .footer_content_box p {
  color: #fff;
}
.dark-mode ul.footer-links-list li a {
  color: var(--OneColor);
}
.dark-mode ul.footer-links-list li svg {
  fill: var(--OneColor);
}
.dark-mode .footer_content_box .last_update p {
  color: var(--OneColor);
}
.dark-mode .extra_img_links a {
  background: #0b0c0e;
}
.dark-mode .scroll-button {
  background-color: #0b0c0e;
  color: var(--OneColor);
}
.dark-mode .Innerbaner:before {
  background: linear-gradient(
    90deg,
    rgba(38, 24, 0, 0.95) 20%,
    transparent 70%
  );
}
.dark-mode .Innerbaner .innerbox .breadcrumb li a {
  color: var(--OneColor);
}
.dark-mode .Innerbaner .innerbox .breadcrumb li:before {
  color: #0b0c0e !important;
}
.dark-mode .Innerbaner .innerbox .breadcrumb li:last-child a.active {
  border-bottom: 1px solid #0b0c0e;
}
.dark-mode .Innerbaner .innerbox .pagename {
  color: var(--OneColor);
}
.dark-mode .innernav {
  background: #23232a;
}
.dark-mode .innernav .nav-link {
  color: var(--OneColor) !important;
}
.dark-mode .innernav .nav-link.active:before {
  background: url(../images/innernav-icon-yellow.svg);
}
.dark-mode .maincontent {
  background: #0b0c0e;
}
.dark-mode .maincontent .visionbox {
  background: #23232a !important;
}
.dark-mode .maincontent p {
  color: var(--OneColor);
}
.dark-mode .maincontent ol li,
.dark-mode .maincontent ul li {
  color: var(--OneColor);
}
.dark-mode .filterbox .input-group .form-control,
.dark-mode .filterbox .input-group .form-select {
  background: transparent;
}
.dark-mode .filterbox .input-group .form-select option {
  background: #0b0c0e;
}
.dark-mode .alphabetBox {
  background: #ebeaea;
}
.dark-mode .alphabetBox ul li button {
  color: #0b0c0e;
}
.dark-mode .directoryBox .departmentBadge {
  background: #23232a;
}
.dark-mode .pagination .page-link {
  background: #0b0c0e;
}
.dark-mode .pagination .page-link.active,
.dark-mode .pagination .page-link.hover:hover {
  background: #23232a;
}
.dark-mode .pagination .next .material-symbols-outlined.disabled,
.dark-mode .pagination .previous .material-symbols-outlined.disabled {
  color: var(--OneColor);
}
.dark-mode .parliamentquesbox {
  background: #0b0c0e;
}
.dark-mode .parliamentquesbox .boxinner a {
  color: var(--OneColor);
}
.dark-mode .parliamentquesbox .boxinner a.linkbtn {
  background: #0b0c0e;
  border: 1px solid var(--OneColor);
}
.dark-mode .maincontent .ptype {
  color: var(--OneColor);
}
.dark-mode .table-sec .tableheader {
  background: #23232a;
}
.dark-mode .table-sec .announcementbox {
  border: 1px solid #fff;
  background: #0b0c0e;
}
.dark-mode .download-btn {
  background: #0b0c0e;
  border: 1px solid var(--OneColor);
}
.dark-mode .download-btn:hover {
  background: #23232a;
}
.dark-mode .download-outline-btn {
  background-color: #0b0c0e;
}
.dark-mode .download-outline-btn:hover {
  background-color: #23232a;
}
.dark-mode .vacancies-sec .career-card {
  border: 1px solid #fff;
}
.dark-mode .vacancies-sec .career-card .career-card-header {
  background-color: #23232a;
}
.dark-mode .vacancies-sec .career-card .span {
  color: var(--OneColor);
}
.dark-mode .rti-accordion {
  background-color: #23232a;
}
.dark-mode .rti-accordion .rti-accordion-header .rti-accordion-btn {
  color: var(--OneColor);
}
.dark-mode .tbborder table th,
.dark-mode .tbborder table td {
  color: var(--OneColor);
}
.dark-mode .tbborder table tbody tr.even,
.dark-mode .tbborder table tbody tr.odd {
  background-color: #23232a;
}
.dark-mode .sitemapbox p,
.dark-mode .sitemapbox ul li {
  border-bottom: 1px solid #fff;
}
.dark-mode .division-sec .divi-card {
  background-color: #23232a;
  border: 1px solid #fff;
}
.dark-mode .division-sec .divi-card .divi-card-header,
.dark-mode .division-sec .divi-card .divi-card-body ul li {
  border-bottom: 1px solid #fff;
}
.dark-mode .ft-africa-box {
  background-color: #23232a;
  border: 1px solid #fff;
}
.dark-mode .ft-africa-details {
  color: var(--OneColor);
}
.dark-mode .cagr-count-sec ul li:last-child {
  background: transparent;
}

/* Dark Mode CSS End */

body {
  font-family: "Noto Sans";
}
a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}

/* font face  */
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/noto-sans-v36-latin-100.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/noto-sans-v36-latin-100italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/noto-sans-v36-latin-200.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/noto-sans-v36-latin-200italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/noto-sans-v36-latin-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/noto-sans-v36-latin-300italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-v36-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/noto-sans-v36-latin-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto-sans-v36-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/noto-sans-v36-latin-500italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/noto-sans-v36-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/noto-sans-v36-latin-600italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-v36-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/noto-sans-v36-latin-700italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/noto-sans-v36-latin-800.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/noto-sans-v36-latin-800italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/noto-sans-v36-latin-900.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/noto-sans-v36-latin-900italic.woff2") format("woff2");
}
/* Edn font face  */
/* container custom sizes  */
@media (min-width: 1537px) {
  .container-custom {
    padding: 27.5px 120px;
    margin: 0;
    max-width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1536.5px) {
  .container-custom {
    padding: 10px 64px;
    margin: 0;
    max-width: 100%;
  }
}
@media (max-width: 1279.5px) {
  .container-custom {
    padding: 10px 67px 10px 92px;
    margin: 0;
    max-width: 100%;
  }
}
@media (max-width: 991.5px) {
  .container-custom {
    padding: 10px 80px;
    margin: 0;
    max-width: 100%;
  }
}
@media (max-width: 767.5px) {
  .container-custom {
    padding: 0 40px 10px;
    margin: 0;
    max-width: 100%;
  }
}
@media (max-width: 440.5px) {
  .container-custom {
    padding: 0 10px 10px;
    margin: 0;
    max-width: 100%;
  }
}

/* End container custom sizes  */
/* container sizes  */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
/* Edn container sizes  */
/* top header css start  */
.logo_cust_text span,
.logo_cust_text span.ministry_cust_text {
  font-style: normal;
  color: var(--SevenColor);
}
.logo_cust_text,
.search_cust_box {
  padding-bottom: 6px;
}
.bhashini-branding,
.inner_list li a,
.logo_box_cust {
  text-decoration: none;
  display: flex;
}
header.header_section {
  background: #fff;
}
/* Mobile header: teeno icons left-aligned (meity convention) */
.header-mobile-icons {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
/* Icons row – minimal left padding so icons sit at left edge like meity */
.header-mobile-icons .container-custom {
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 8px;
  padding-bottom: 8px;
  max-width: 100%;
}
.header-mobile-icons .icons_list_top_header {
  gap: 0;
  justify-content: flex-start !important;
  padding-left: 0;
  margin-left: 0;
}
.header-mobile-icons .icons_list_top_header li {
  padding-left: 4px;
  padding-right: 4px;
}
.header-mobile-icons .icons_list_top_header li:first-child {
  padding-left: 0;
}
.header-mobile-icons .bhashini-mobile-header-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}
.header-mobile-icons .bhashini-mobile-header-placeholder svg {
  width: 28px;
  height: 28px;
}
/* Mobile only: teeno icons search row ke andar inline (alag bar nahi) */
.header-mobile-icons-inline {
  flex-shrink: 0;
  gap: 2px !important;
  padding-left: 6px !important;
  margin-left: 0 !important;
  list-style: none;
  overflow: visible;
  position: relative;
}
.header-mobile-icons-inline li {
  overflow: visible;
}
.header-mobile-icons-inline.icons_list_top_header li {
  padding-left: 2px;
  padding-right: 2px;
}
.header-mobile-icons-inline .bhashini-mobile-header-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
}
.header-mobile-icons-inline .bhashini-mobile-header-placeholder svg,
.header-mobile-icons-inline .skip_content svg,
.header-mobile-icons-inline li button svg {
  width: 22px;
  height: 22px;
}
.cust_row_header {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (max-width: 991.5px) {
  .mobilescr {
    flex-direction: column;
  }
}
.logo_box_cust {
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.top_logo_s a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.logo_box_cust:focus-visible {
  outline: 0;
}
.logo_cust_text span {
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.08px;
  margin-bottom: 0;
  font-size: 1rem;
  display: block;
}
.logo_cust_text span.ministry_cust_text {
  font-weight: 700;
  padding-top: 3px;
  margin: 0;
  font-size: 1.25rem !important;
}
.h2 {
  font-size: 1.5rem;
}
@media (max-width: 1536px) {
  .h2 {
    font-size: 1.25rem !important;
  }
}
.logo_box_cust svg {
  min-width: 50px;
  max-width: 50px;
}
.logo_box_cust svg path {
  fill: var(--SevenColor);
}
.search_custom {
  width: 95%;
}
.search_cust_box {
  display: flex;
  align-items: center;
  gap: 2px;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.search_custom .input-group {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 8px;
  border-radius: 12px 12px 0 0;
  padding: 0 0 0 10px;
  border: 2px solid var(--EightColor);
  border-bottom: 3px solid var(--OneColor);
}
.search_custom .input-group input {
  border: 0;
  padding-left: 0;
  background: #fff;
  color: var(--SixColor);
}
.search_custom .input-group input:focus {
  box-shadow: none;
}
.search_custom .input-group button {
  color: var(--OneColor);
  padding: 7px 15px;
  outline: 0;
  background: 0 0;
  border: 0;
  border-left: 1px solid var(--EightColor);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_item_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 31px;
  position: relative;
  bottom: 10px;
  left: -3px;
}
.inner_digital_image {
  margin-left: 1.02rem;
}
.inner_digital_image img {
  width: 100%;
}
ul.icons_list_top_header {
  padding-inline-start: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-items: center;
  margin-bottom: 0;
}
ul.icons_list_top_header li {
  padding: 0 4px;
  position: relative;
  border-right: 1px solid var(--OneColor);
}
ul.icons_list_top_header li a {
  padding-right: 4px;
  background: 0 0;
  border: 0;
}
.icons_list_top_header li button svg path,
ul.icons_list_top_header li a svg path {
  fill: var(--OneColor);
}
ul.icons_list_top_header li a svg {
  width: 28px;
  height: 28px;
  margin: 4px;
}
.dropdown-toggle::after {
  display: none;
}
ul.icons_list_top_header li .dropdown button {
  display: flex;
  background-color: transparent;
  color: #162f6a;
  padding: 0.2rem;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  max-width: 100%;
}
ul.icons_list_top_header li .dropdown button:active {
  background-color: inherit;
}
ul.icons_list_top_header li .dropdown {
  position: relative;
}
.dropdown_cust_menu {
  max-height: 16rem;
  overflow-y: scroll;
  white-space: normal;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1001;
  border-radius: 0.5rem;
  width: 8rem !important;
  min-width: unset !important;
  max-width: 8rem !important;
  border: 1px solid #737373;
  background: rgba(255, 255, 255, 0.96);
  overflow-x: hidden;
  position: absolute !important;
  padding: 0;
  left: -10px !important;
}
ul.icons_list_top_header li .dropdown a:active,
ul.icons_list_top_header li .dropdown a:hover {
  background: #f1f1f1;
  color: var(--SevenColor);
}
.inner_list li {
  border-right: none !important;
  padding: 0 !important;
  white-space: normal !important;
}
.inner_list li a {
  white-space: break-spaces;
  color: var(--SevenColor);
  padding: 0.62rem 1rem;
}
.icons_list_top_header li button:active,
.icons_list_top_header li button:hover {
  border: 0 !important;
}
.icons_list_top_header li button {
  border: 0 !important;
  padding: 4px;
}
.icons_list_top_header li button svg {
  width: 28px;
  height: 28px;
}
ul.icons_list_top_header li:last-child {
  border-right: 0;
}
.bhashini-branding {
  background-color: #fff;
  text-align: center;
  font-size: 0.4rem;
  position: sticky;
  bottom: 0;
  justify-content: end;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: var(--SevenColor);
  padding: 0.62rem 0.5rem;
}

/* start accesbility offcanvas scetion css  */
.inner_box_acces {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.grid_accesblity_cntrl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.inner_box_acces {
  padding: 4px 16px;
  border-radius: 8px;
  border: 1px solid var(--OneColor);
  gap: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.inner_box_acces .icons_ svg,
.inner_box_acces .icons_ svg path {
  fill: var(--OneColor);
}
.inner_box_acces p {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.5px;
  font-size: 0.625rem;
  text-transform: uppercase;
}
/* Resize Text button – chhoti length, tab dikhe jab size modify ho */
.offcanvas_accsbility .btn-resize-text {
  font-size: 0.625rem;
  font-weight: 600;
  color: var(--OneColor);
  border: 1px solid var(--OneColor);
  background: transparent;
  border-radius: 8px;
  padding: 6px 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: auto;
  min-width: unset;
}
.offcanvas_accsbility .btn-resize-text:hover {
  color: var(--OneColor);
  border-color: var(--OneColor);
  background: rgba(0, 0, 0, 0.04);
}
@media (max-width: 1536px) {
  .inner_box_acces p {
    font-size: 0.875rem !important;
  }
}
.offcanvas-header button:focus,
.offcanvas-header button:focus-visible {
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}

/* Edn accesbility offcanvas css  */
/* Edn top header css  */
/* start main nav css  */
@media (max-width: 991.5px) {
  .nav_bg_cusotom {
    display: none !important;
    border: none !important;
  }
}
.nav_bg_cusotom {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 100;
  background-color: #fff;
  padding: 0 38px;
  border-top: 1px solid var(--EightColor);
  box-shadow: 0 4px 8px 0 rgba(35, 35, 47, 0.08);
  border-bottom: 2px solid var(--OneColor);
}
.nav_bg_cusotom li {
  width: 240px;
  min-height: 58px;
}
@media (min-width: 1280px) and (max-width: 1536.5px) {
  .nav_bg_cusotom {
    padding: 0 14px !important;
  }
  .nav_bg_cusotom li {
    width: 160px !important;
  }
}
.nav_bg_cusotom .home_menu_items {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 100%;
  gap: 8px;
}
.nav_bg_cusotom .home_menu_items:hover {
  background: var(--FiveColor);
}
.nav_bg_cusotom .home_menu_items p {
  color: var(--SixColor);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  height: 105%;
  display: flex;
  align-items: center;
  text-align: center;
}
@media (max-width: 1536px) {
  .nav_bg_cusotom .home_menu_items p {
    font-size: 1rem !important;
  }
  .nav_bg_cusotom .home_menu_items p.active {
    font-size: 1.25rem !important;
  }
}
.nav_bg_cusotom .home_menu_items p.active {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: normal;
  text-transform: capitalize;
  border-bottom: 8px solid;
}
.nav_bg_cusotom .home_menu_items svg {
  width: 10px;
  margin-top: 4px;
  fill: var(--SixColor);
  height: 10px;
}
.nav_bg_cusotom .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
.nav_bg_cusotom .dropdown-menu {
  padding: 0;
  border-radius: 0 0 6px 6px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 100% !important;
  margin: 0;
  border: 0;
}
.nav_bg_cusotom .dropdown-menu li {
  min-height: auto;
  color: #fff;
  display: flex;
  align-items: center;
  width: auto;
}
.nav_bg_cusotom .dropdown-menu li a {
  padding: 12px;
  color: inherit;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  display: block;
  text-align: center;
  white-space: normal;
}
.nav_bg_cusotom .dropdown-menu li a:active,
.nav_bg_cusotom .dropdown-menu li a:focus {
  border: 0;
  background-color: inherit;
}
.nav_bg_cusotom .dropdown-menu li a:focus,
.nav_bg_cusotom .dropdown-menu li a:focus-visible,
.nav_bg_cusotom .dropdown-menu li a:hover,
.nav_bg_cusotom .dropdown-menu li:focus,
.nav_bg_cusotom .dropdown-menu li:focus-visible,
.nav_bg_cusotom .dropdown-menu li:hover {
  background-color: var(--FiveColor);
  color: var(--SevenColor);
  outline: 0 !important;
}
.nav_bg_cusotom .home_menu_items:first-child:hover {
  background-color: transparent !important;
  color: var(--SevenColor);
}
.nav-item.dropdown:focus-visible > .nav-link,
.nav-item.dropdown:hover > .nav-link {
  background-color: var(--FiveColor) !important;
  color: var(--SevenColor);
}
/* @media (max-width: 1536.5px) {
  .fixMenuLargeScreen {
    display: none !important;
  }
  .flex_responsive {
    display: flex !important;
  }
}
@media (min-width: 1537px) {
  .header_section {
    position: sticky;
    top: 0;
    z-index: 99;
  }
} */
.custom-submenu {
  display: none;
  position: absolute;
  top: 0 !important;
  left: 100% !important;
  z-index: 1000;
  border-radius: 0 6px 6px 0 !important;
}
ul.custom-submenu {
  display: none !important;
}
.custom-submenu.show,
.dropdown_child_menu_cust li:hover ul.custom-submenu {
  display: block !important;
}
a.custom_child_menu svg {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 10px;
  fill: #fff;
}
.dropdown_child_menu_cust li:hover a.custom_child_menu svg {
  fill: var(--SevenColor);
}
a.custom_child_menu {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.dropdown_child_menu_cust li.dropdown-submenu {
  position: relative !important;
}
.child_menu_mobile {
  padding-left: 15px !important;
}

/* start mobil enav css  */
.offcanvas_accsbility .offcanvas-title {
  color: var(--SixColor);
}
.offcanvas_accsbility .offcanvas-title svg path {
  fill: var(--OneColor);
}
.offcanvas_accsbility,
.offcanvas_menu_custom {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  box-shadow: -4px 4px 12px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
}
.offcanvas-backdrop.show {
  opacity: 0 !important;
}
.offcanvas_menu_custom .offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.offcanvas_menu_custom .offcanvas-body .custom_nav_menu {
  font-size: 1rem;
  font-weight: 500;
}
.offcanvas_menu_custom .offcanvas-body .custom_nav_menu ul {
  list-style-type: none;
  padding: 0;
}
.offcanvas_menu_custom .offcanvas-body .custom_nav_menu ul li {
  margin: 10px 0;
  height: auto;
  min-height: 100%;
}
.offcanvas_menu_custom .offcanvas-body .custom_nav_menu ul li a {
  display: flex;
  align-items: center;
  color: var(--SixColor);
  background: 0 0;
  text-decoration: none;
  justify-content: space-between;
}
.offcanvas_menu_custom .offcanvas-body .custom_nav_menu ul li a svg {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  transition: 0.2s ease-in-out;
}
.offcanvas_menu_custom .offcanvas-body .custom_nav_menu ul li a.show svg {
  transform: rotate(180deg);
}
.offcanvas_menu_custom .offcanvas-body .custom_nav_menu .dropdown-menu {
  border: none;
  width: 100%;
  position: relative !important;
  height: auto !important;
  top: 0 !important;
  transform: translate(0) !important;
}
.offcanvas_menu_custom .offcanvas-body .custom_nav_menu .dropdown-menu li {
  margin: 0;
}
.offcanvas_menu_custom .offcanvas-body .custom_nav_menu .dropdown-menu li a {
  padding: 8px 16px;
  color: var(--SixColor);
  text-transform: capitalize;
}
.offcanvas_menu_custom .nav-item.dropdown:hover > .nav-link {
  background: 0 0 !important;
  color: inherit !important;
}
/* Bhashini translate widget: dropdown above mobile offcanvas (z-index 1045) */
/* Mobile menu: consistent utility rows (Skip, Translate, Accessibility) */
.mobile-utility-list .mobile-utility-item {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.mobile-utility-list .mobile-utility-item:last-child {
  border-bottom: none;
}
.mobile-utility-list .mobile-utility-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
.mobile-utility-list .mobile-utility-icon svg {
  width: 22px;
  height: 22px;
}
.mobile-utility-list .mobile-utility-badge {
  font-size: 0.8rem;
  flex-shrink: 0;
}
.offcanvas_menu_custom .bhashini-mobile-placeholder {
  overflow: visible !important;
}
.offcanvas_menu_custom #bhashini-translation {
  overflow: visible !important;
  z-index: 1060;
}
/* Mobile menu: neela dabba (widget trigger) gayab – dropdown icon/row se hi open hoga */
/* Neela dabba hide: mobile menu + mobile header dono me */
.offcanvas_menu_custom #bhashini-translation .bhashini-dropdown-btn,
.offcanvas_menu_custom #bhashini-translation > button,
.offcanvas_menu_custom #bhashini-translation > div:first-child,
.header-mobile-icons #bhashini-translation .bhashini-dropdown-btn,
.header-mobile-icons #bhashini-translation > button,
.header-mobile-icons #bhashini-translation > div:first-child {
  display: none !important;
}
/* Inline: button ko visually hide, display:none mat use – programmatic click ke liye */
.header-mobile-icons-inline #bhashini-translation .bhashini-dropdown-btn,
.header-mobile-icons-inline #bhashini-translation > button,
.header-mobile-icons-inline #bhashini-translation > div:first-child {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Inline: widget container dropdown dikh sake – overflow + z-index */
.header-mobile-icons-inline #bhashini-translation {
  overflow: visible !important;
  z-index: 1060;
}
.header-mobile-icons-inline #bhashini-translation div[class*="dropdown"],
.header-mobile-icons-inline #bhashini-translation div[class*="menu"],
.header-mobile-icons-inline #bhashini-translation div[class*="panel"],
.header-mobile-icons-inline #bhashini-translation div[class*="list"],
.header-mobile-icons-inline #bhashini-translation ul {
  margin-top: 24px !important;
  background: #fff !important;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.offcanvas_menu_custom #bhashini-translation * {
  position: relative;
}
/* Mobile only: translate dropdown – position thodi niche, bg white (desktop jaisa) */
.offcanvas_menu_custom #bhashini-translation div[class*="dropdown"],
.offcanvas_menu_custom #bhashini-translation div[class*="menu"],
.offcanvas_menu_custom #bhashini-translation div[class*="panel"],
.offcanvas_menu_custom #bhashini-translation div[class*="list"],
.offcanvas_menu_custom #bhashini-translation ul {
  margin-top: 12px !important;
  background: #fff !important;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
/* Bhashini often appends dropdown/overlay to body - keep above offcanvas */
body > div[id*="bhashini"],
body > div[class*="bhashini"] {
  z-index: 1060 !important;
}
/* Mobile viewport only: body-appended Bhashini dropdown – niche, white bg */
@media (max-width: 991px) {
  body > div[id*="bhashini"]:not(#bhashini-translation),
  body > div[class*="bhashini"] {
    margin-top: 12px !important;
    background: #fff !important;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }
}
/* Edn mobile nav css  */
/* Edn main nav css  */

/* carosule css , start*/
.carosule_custom_cs button.carousel-control-next,
.carosule_custom_cs button.carousel-control-prev {
  opacity: 1 !important;
  width: 8%; /* Give the buttons some space */
}

.carosule_custom_cs button.carousel-control-next span svg,
.carosule_custom_cs button.carousel-control-prev span svg {
  fill: #fff;
  width: 20px;
  height: 20px;
}

.carosule_custom_cs button.carousel-control-next span,
.carosule_custom_cs button.carousel-control-prev span {
  background-color: var(--SevenColor);
  border-radius: 2px;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px; /* Fixed width for the icon background */
  height: 40px; /* Fixed height for the icon background */
}

.banner_image_box .carousel-item img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.carosule_custom_cs button.carousel-control-prev {
  justify-content: start;
  left: 30px;
}

.carosule_custom_cs button.carousel-control-next {
  justify-content: end;
  right: 30px;
}

/* ---  CENTERED INDICATORS --- */
.carosule_custom_cs .carousel-indicators {
  /* Remove old positioning */
  right: auto;
  left: 75%;
  transform: translateX(-50%); /* This is the key to centering */

  /* Keep your other styles */
  bottom: 10px;
  gap: 10px;
  margin: 0;
  padding: 0;

  /* Ensure proper alignment of buttons and spans */
  display: flex;
  align-items: center;
}

.carosule_custom_cs .carousel-indicators button {
  width: 10px;
  height: 10px;
  background-color: var(--FiveColor);
  border-radius: 50%;
  opacity: 1;
  border: none;
  padding: 0;
  margin: 0 4px; /* Adjust spacing */
}

.carosule_custom_cs .carousel-indicators button.active {
  background-color: var(--OneColor);
}

/* --- STYLING FOR THE ELLIPSIS (...) --- */
.carosule_custom_cs .carousel-indicators .carousel-ellipsis {
  color: white; /* Or var(--FiveColor) if you prefer */
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
  align-self: center;
  margin: 0 4px; /* Match button margin */
}
/* carosule css , end*/

/* allouncement section start here */
.parent_flex,
.ticker_wrapper {
  position: relative;
  display: flex;
}
.bg_dark_alouncment {
  background-color: var(--EightColor);
}
.ticker_wrapper {
  overflow: hidden;
  align-items: center;
  z-index: 0;
}
.parent_flex .announc_cust {
  color: var(--SixColor);
  font-weight: 700;
  display: flex;
  gap: 8px;
  align-items: center;
}
.parent_flex .announc_cust svg path {
  fill: var(--TwoColor);
}
.parent_flex .announc_cust img {
  width: 20px;
}
.announcement {
  display: flex;
  margin: 0;
  padding: 0 0 0 90%;
  z-index: 999;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: tic-h;
  animation-duration: 30s;
}
.parent_flex {
  align-items: center;
  gap: 30px;
  justify-content: center;
}
.parent_flex .announc_cust h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: normal;
}
.announcement li {
  display: flex;
  width: 100%;
  align-items: center;
  white-space: nowrap;
  padding-left: 30px;
  border-right: 1px solid var(--SixColor);
}
.announcement li:last-child {
  border-right: 0;
}
.announcement li a {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0 50px 0 0;
  font-size: 1.25rem;
}
@media (max-width: 1536px) {
  .announcement li a,
  .parent_flex .announc_cust h3 {
    font-size: 1rem !important;
  }
}
@keyframes tic-h {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.controls_announcement {
  z-index: 0;
  display: flex;
  background: var(--EightColor);
  height: 100%;
}
.controls_announcement button {
  background: 0 0;
  border: none;
  cursor: pointer;
  color: var(--TwoColor);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bg_dark_alouncment .container-custom {
  padding: 11px 120px;
}
@media (min-width: 1280px) and (max-width: 1536.5px) {
  .bg_dark_alouncment .container-custom {
    padding: 11px 64px;
  }
}
.controls_announcement button:hover {
  background: 0 0;
}
#pause img,
#play img {
  width: 12px;
}
/* allouncement section end here */
/* Edn carosule css  */
/* pm msg section css  */
.gpaiSubmit .headline2_cust {
  text-transform: uppercase;
}
.headline2_cust,
.outline_cust {
  color: var(--SixColor);
  font-style: normal;
  text-transform: capitalize;
}
@media (min-width: 1280px) and (max-width: 1536.5px) {
  .pm_spacing_equal {
    /* padding: 40px 0 40px !important; */
  }
}
.pm_spacing_equal {
  padding: 20px 0;
}
.light_gry_bg {
  background: var(--FourColor);
}
.off_white_bg {
  background: var(--FiveColor);
}
.pg_img_box img {
  background: #fff;
  width: 260px;
  height: 260px;
  box-shadow:
    0 2px 4px 0 rgba(35, 35, 47, 0.06),
    0 6px 12px 0 rgba(35, 35, 47, 0.08);
  border-radius: 50%;
  object-fit: cover;
}
.pg_img_box {
  text-align: center;
}
.quote_custom {
  font-size: 2.75rem !important;
  color: var(--SixColor);
  display: block;
  max-height: 40px;
  font-family: Material Symbols Outlined;
}
.headline2_cust,
.headline_cust p {
  font-weight: 400;
  font-size: 1rem;
}
.headline_cust p {
  font-size: 1.5rem;
  color: var(--SixColor);
  font-style: normal;
  line-height: 29px;
  letter-spacing: -0.12px;
  border-bottom: 1px solid var(--SixColor);
  padding-bottom: 15px;
}
@media (min-width: 1280px) and (max-width: 1536.5px) {
  .headline_cust p {
    font-size: 0.9rem !important;
  }
}
.gpaiSubmit {
  width: 49%;
}
@media (max-width: 1536px) {
  .headline2_cust {
    font-size: 0.80rem !important;
  }
}
.outline_cust {
  padding: 8px 12px;
  gap: 8px;
  outline: 0;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid var(--OneColor);
  color: var(--OneColor);
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.12px;
  text-decoration: none;
  display: flex;
  text-transform: uppercase;
  align-items: center;
}
.outline_cust svg {
  width: 18px;
  fill: var(--OneColor);
  font-weight: 400;
}
.outline_cust:hover {
  background: var(--FiveColor);
}
.cust_flex_heding_btn {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
/* Edn pm msg  */
/* start about ministry  */
h2.all_heading,
h2.all_heading a {
  line-height: normal;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--SixColor);
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.5rem;
  white-space: normal;
}
h2.all_heading a svg,
h2.all_heading svg {
  margin-right: 5px !important;
  stroke: var(--OneColor);
}
.about_heading_content {
  margin-top: 10px;
}
.flex_div {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1280px) and (max-width: 1536.5px) {
  .content_single {
    font-size: 1rem !important;
  }
}
@media (max-width: 1536.5px) {
  .about_ministry {
    font-size: 1rem !important;
  }
  .nav_cust_tabs .nav-link {
    font-size: 1rem !important;
  }
}
@media (max-width: 1300px) {
  .nav_cust_tabs .nav-link {
    font-size: 0.8rem !important;
  }
  ul.list_custom_ li a span {
    min-width: 110px !important;
  }
}
.about_ministry,
.content_single {
  font-size: 1.25rem;
  font-style: normal;
}
.cust_pading_x {
  padding: 0 15px;
}
.content_single {
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.1px;
  margin-bottom: 10px;
  text-align: justify;
  font-size: 1.25rem;
  color: var(--SixColor);
}
.about_ministry {
  padding: 12px 8px;
  min-height: 60px;
  border: 0.5px solid var(--FourColor);
  background: #fff;
  transition: 0.3s;
  color: var(--SixColor);
  font-weight: 600;
  line-height: 22px;
  box-shadow:
    0 1px 2px 0 rgba(35, 35, 47, 0.06),
    0 4px 8px 0 rgba(35, 35, 47, 0.08);
  border-radius: 3px;
  -webkit-border-radius: 2px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about_ministry:hover {
  background: var(--OneColor);
  color: #fff;
  border: 0.5px solid var(--OneColor);
}
.about_ministry:hover svg path {
  fill: #fff;
}
.about_ministry img {
  margin-bottom: 8px;
}
.margin_cust {
  /* margin-top: 18px; */
}
.about_ministry svg path {
  fill: var(--OneColor);
}
/* team css  */
.team_name_content h3,
.team_name_content p {
  color: var(--SixColor);
  font-style: normal;
  min-height: 25px;
}
.team_parent_box {
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (min-width: 1280px) and (max-width: 1536.5px) {
  .team_card img {
    width: 172px !important;
    height: 172px !important;
  }
}
.team_card img {
  width: 215px;
  height: 200px;
  object-fit: cover;
  border: 2px solid var(--EightColor);
  border-bottom: 6px solid var(--FourColor);
}
@media (max-width: 1536px) {
  .team_name_content h3 {
    font-size: 1rem !important;
  }
  .team_name_content p {
    font-size: 0.875rem !important;
  }
}
.team_card {
  width: 215px;
  gap: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.team_name_content h3 {
  font-weight: 600;
  font-size: 1.25rem;
  margin: 10px 0;
}
.team_name_content p {
  font-weight: 400;
  font-size: 1rem;
}
.team_name_content {
  text-align: center;
}
.team_sec {
  /* margin-top: 30px; */
}
/* Edn team css  */
/* Edn about ministry  */
/* key section start css  */
/* bootstrap tab custom css  */
.heading_key {
  margin-bottom: 24px;
}
.dark_bg {
  background: var(--OneColor);
}
.key-offerings h2.all_heading.h2 {
  color: #fff;
}
.key-offerings h2.all_heading a svg path,
.key-offerings h2.all_heading svg path {
  stroke: #fff;
}
.nav_cust_tabs .nav-link.active {
  background-color: var(--FiveColor) !important;
  color: var(--SixColor) !important;
  font-weight: 600 !important;
  border: 1px solid var(--OneColor) !important;
}
.nav_cust_tabs .nav-link:focus-visible {
  box-shadow: none !important;
  outline: var(--SevenColor) solid 2px;
}
li.nav-item:focus-visible {
  outline: 0 !important;
  border: none !important;
  list-style: none !important;
}
.nav_cust_tabs {
  border-bottom: 2px solid transparent !important;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
.nav_cust_tabs .nav-link {
  isolation: auto;
  border: 1px solid var(--OneColor) !important;
  background-color: #fff !important;
  color: var(--SixColor) !important;
  border-radius: 0 !important;
  height: 46px;
  font-weight: 600;
  padding: 10px 5px;
  font-size: 1.25rem;
}
.nav_cust_tabs button:first-child {
  border-radius: 4px 0 0 4px !important;
}
.nav_cust_tabs button:last-child {
  border-radius: 0 4px 4px 0 !important;
}
/* ############## */
.tab_content_bg_cust .tab-pane ul {
  background: #fff;
  padding: 0 20px;
  margin-top: 12px;
  overflow-y: auto;
  border-radius: 4px;
  height: 245px;
}
ul.list_custom_ li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 18px 24px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--FourColor);
}
.whats_new_list li:last-child,
ul.list_custom_ li:last-child {
  border-bottom: 0 !important;
}
ul.list_custom_ li .right_d_cis svg {
  width: 10px;
}
ul.list_custom_ li .right_d_cis {
  width: 70px;
  fill: var(--OneColor);
  display: flex;
  justify-content: end;
}
ul.list_custom_ li a {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-width: 100%;
  font-size: 1rem !important;
  text-decoration: none;
  white-space: normal;
  overflow: hidden;
}
ul.list_custom_ li a span:before {
  content: "";
  background: var(--OneColor);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 8px;
}
ul.list_custom_ li a span {
  color: var(--OneColor);
  padding-right: 20px;
  position: relative;
  min-width: 100px;
}
.bg_light_imp_links::-webkit-scrollbar-track,
.bg_whats_new::-webkit-scrollbar-track,
.social_content_box::-webkit-scrollbar-track,
.tab_content_bg_cust .tab-pane ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
  background-color: var(--FiveColor);
  border-radius: 10px;
}
.offcanvas-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
  background-color: #bed1ff;
  border-radius: 10px;
  border: 1px solid transparent;
}
.offcanvas-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--OneColor);
}
.bg_light_imp_links::-webkit-scrollbar,
.bg_whats_new::-webkit-scrollbar,
.offcanvas-body::-webkit-scrollbar,
.social_content_box::-webkit-scrollbar,
.tab_content_bg_cust .tab-pane ul::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}
.bg_light_imp_links::-webkit-scrollbar-thumb,
.bg_whats_new::-webkit-scrollbar-thumb,
.social_content_box::-webkit-scrollbar-thumb,
.tab_content_bg_cust .tab-pane ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--FourColor);
}
@media (min-width: 1280px) and (max-width: 1536.5px) {
  ul.list_custom_ li a {
    font-size: 0.875rem !important;
  }
  .view-more-button a p {
    font-size: 0.75rem !important;
  }
}
.view-more-button a p {
  font-size: 14px;
  color: var(--SixColor);
}
.view-more-button a svg {
  width: 14px;
  padding: 4px;
}
.view-more-button a {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.view-more-button {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 12px;
}
/* whats new css  */
@media (min-width: 1280px) and (max-width: 1536px) {
  .bg_whats_new {
    max-height: 304px;
    overflow-y: auto;
  }
}
.bg_whats_new {
  background: var(--FiveColor);
  height: 305px;
  overflow-y: auto;
  padding: 16px 24px;
  border-radius: 4px;
}
.whats_new_list li {
  padding: 15px 16px !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid var(--FourColor) !important;
}
.whats_new_with_date li {
  flex-direction: column;
}
.whats_new_with_date li .one_dis {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.whats_new_with_date li span {
  color: var(--SixColor);
  font-size: 0.875rem;
  padding-bottom: 2px;
}
.whats_new_list li a {
  color: var(--SixColor) !important;
}
.whats_new_list li svg {
  fill: var(--OneColor) !important;
}
.whats_new_list li .right_d_cis {
  width: 60px !important;
}
/* Edn whats new  */
/* Edn key section css  */
/* recent document section css  */
.content_box h5,
.content_box p {
  font-style: normal;
  line-height: normal;
}
.card_parent_box {
  min-height: 140px;
  height: 100%;
  padding: 10px 10px !important;
  border: 0.5px solid var(--OneColor);
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  box-shadow:
    0 6px 12px 0 rgba(35, 35, 47, 0.078),
    0 2px 4px 0 rgba(35, 35, 47, 0.059);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 1536px) {
  .content_box h5 {
    font-size: 1rem !important;
  }
  .content_box p {
    font-size: 0.875rem !important;
  }
}
.content_box h5 {
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--OneColor);
  font-size: 1.25rem;
}
.content_box p {
  color: var(--SixColor);
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
}
/* persona css start  */
/* persona css start  */
.stoke_remove svg path {
  fill: var(--OneColor) !important;
  stroke: none !important;
}
@media screen and (min-width: 280px) and (max-width: 1536.5px) {
  .img_persona img {
    width: 200px !important;
    height: 200px !important;
  }
}
.img_persona img {
  width: 260px;
  height: 260px;
  background-color: var(--FiveColor);
  border-radius: 50%;
  margin: auto;
}
@media (max-width: 1536px) {
  .content_persona p {
    font-size: 1rem !important;
  }
}
.stoke_remove {
  white-space: nowrap;
}
.content_persona p {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.18px;
  margin-top: 30px;
  text-transform: uppercase;
  font-size: 1.25rem;
  margin-bottom: 15px;
}
.item.custom_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
#persona .owl-nav span {
  color: var(--OneColor);
  font-weight: 400;
  font-style: normal;
  font-size: 1.625rem;
  line-height: 1;
}
#persona .owl-nav button:hover {
  background: 0 0 !important;
  color: inherit !important;
}
#persona .owl-nav {
  display: flex;
  justify-content: space-around;
}
#persona .owl-dots {
  position: relative;
  top: -26px;
  display: flex;
  justify-content: center;
}
#persona .owl-dots button span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--FiveColor);
}
#persona .owl-dots button.active span {
  background-color: var(--OneColor);
}
#persona .owl-nav button {
  z-index: 99;
  position: relative;
}
/* persona css end  */
/* persona css end  */
/* imp links css  */
.bg_light_imp_links {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 12px;
}
ul.list_imp_links li {
  padding: 18px 0 !important;
  margin-bottom: 0px !important;
  border-bottom: 1px solid var(--FiveColor);
}
.list_imp_links li svg {
  fill: var(--OneColor) !important;
}
/* Edn  */
/* End recent document  */
/* start social media section css  */
.bg_blue_dark {
  background: var(--OneColor);
}
.light_heading svg path {
  fill: #fff !important;
  stroke: none;
}
.light_heading h2 {
  color: #fff;
  font-weight: 500;
}
h2.all_heading img {
  width: 47px;
  height: 47px;
  object-fit: contain;
}
.social_med {
  color: var(--OneColor);
  margin-bottom: 0;
  padding: 16px;
  background: #fff;
  border-radius: 5px 5px 0 0;
}
@media (max-width: 1536px) {
  .social_med h3 {
    font-size: 1rem !important;
  }
}
.social_content_box {
  height: 310px;
  overflow-y: auto;
  padding: 12px;
  background: #fff;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 3px 6px #00000029;
}
.social_content_box img {
  width: 100%;
  height: auto;
}
ul.youtube_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
ul.youtube_list li iframe {
  width: 100%;
  height: 100%;
}
.social_med h3 img {
  filter: invert(1);
  width: 15px !important;
  height: 15px;
  margin-right: 5px;
  display: none;
}
.social_med h3 {
  font-size: 18px;
  color: var(--SixColor);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}
ul.youtube_list li video {
  width: 100%;
}
/* Edn social media section css  */
/* start bottom banner css  */
.bottom_banner_single img {
  width: 100%;
  height: 100%;
  /* object-fit: contain; */
  border-radius: 5px;
  max-height: 268px; /* nitin, 29 july */
}
.bottom_video,
.bottom_video video {
  border-radius: 12px;
}
.bottom_video {
  background-color: #adbdeb;
  height: 100%;
  display: flex;
  align-items: end;
  max-height: 268px; /* nitin, 29 july */
}
.bottom_slider .carousel-item img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bottom_slider button.carousel-control-next span,
.bottom_slider button.carousel-control-prev span {
  width: 20px;
  height: 20px;
}
.bottom_slider .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: var(--OneColor);
}
.bottom_slider .carousel-indicators button.active {
  opacity: 1;
}
/* Edn bottom banner css  */
/* start brand carosule css  */
.custom_row_center {
  justify-content: center;
  align-items: center;
}
.border_top_custom {
  padding: 30px 0 20px !important;
  border-top: 2px solid var(--EightColor);
}
.custom_brand {
  /* padding: 10px; */
  border-radius: 4px !important;
  border: 1px solid var(--EightColor) !important;
  background: #fff;
  box-shadow:
    0 1px 2px 0 rgba(35, 35, 47, 0.06),
    0 4px 8px 0 rgba(35, 35, 47, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin: 7px; */
}
#brand .owl-next,
#brand .owl-prev {
  position: absolute;
  bottom: 0;
  top: -11px;
  opacity: 1;
  margin: auto;
  border-radius: 50%;
  display: inline;
}
.custom_brand a img {
  height: 90px;
  width: 100%;
  object-fit: contain;
}
#brand .owl-nav {
  display: block;
  margin-top: 0;
}
#brand .owl-next {
  align-items: center;
  justify-content: center;
  right: -20px !important;
  left: initial !important;
}
#brand .owl-prev {
  align-items: center;
  justify-content: center;
  right: initial !important;
  left: -20px !important;
}
#brand .owl-nav button span {
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  font-size: 1.875rem;
  color: var(--OneColor);
}
#brand .owl-nav button:hover {
  background: 0 0 !important;
}
/* Edn brand carosule css  */
/* footer box  */
.footer_box {
  background: var(--OneColor);
  padding: 33px 60px;
  color: #fff;
}
@media (min-width: 1280px) and (max-width: 1536.5px) {
  .footer_content_box p,
  .last_update p {
    font-size: 0.875rem !important;
  }
  .social_heading p.text_hedf,
  span.footer_last_website,
  ul.footer-links-list li a {
    font-size: 1rem !important;
  }
}
.footer_content_box p {
  color: var(--EightColor);
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 1.25rem;
}
.footer_content_box h2 {
  margin-bottom: 30px;
}
span.footer_last_website,
ul.footer-links-list li a {
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
}
ul.footer-links-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 13px;
  grid-column-gap: 16px;
  list-style: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  color: #fff;
  margin-bottom: 37px;
}
ul.footer-links-list li a {
  color: #fff;
  line-height: 20px;
  text-decoration: none;
}
ul.footer-links-list li svg {
  fill: #fff;
  width: 8px;
  height: 8px;
}
ul.footer-links-list li {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
}
span.footer_last_website {
  color: var(--EightColor);
  line-height: normal;
}
.custom_row_spacing {
  display: flex;
  justify-content: space-between;
}
ul.social_iosn li {
  list-style: none;
}
ul.social_iosn {
  display: flex;
  margin-bottom: 10px;
  justify-content: end;
  gap: 16px;
}
.extra_img_links a {
  background: #fff;
  padding: 2px 8px;
  border-radius: 4px;
  width: fit-content;
}
.extra_img_links a img {
  width: 100px;
  height: 40px;
  object-fit: contain;
}
.extra_img_links {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: end;
  margin-top: 30px;
}
.last_update p:first-child {
  border-right: 1px solid #ffffff2e;
  padding-right: 20px;
}
.last_update {
  margin-top: 25px;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: left;
}
.last_update p {
  font-size: 1rem;
  text-transform: capitalize;
  margin-bottom: 0;
}
/* Edn footer  */
/* scroll to top  */
.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}
.scroll-button {
  background-color: var(--OneColor);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease-in-out;
}
.scroll-button svg {
  fill: #fff;
  width: 15px;
}
/* Edn scroll to top  */
/* Breadcrumb Section Start */
.Innerbaner {
  position: relative;
  background: var(--OneColor);
}
.Innerbaner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, var(--OneColor) 20%, transparent 70%);
  width: 100%;
  height: 100%;
}
.internalPagesBanner img {
  min-height: 60px;
}
.Innerbaner .innerbox {
  position: absolute;
  bottom: 30%;
  width: 85%;
}
.Innerbaner .innerbox .breadcrumb {
  margin-bottom: 8px;
}
.Innerbaner .innerbox .breadcrumb li {
  color: #fff;
}
.Innerbaner .innerbox .breadcrumb li a {
  color: #ffffff;
  text-decoration: none;
  position: relative;
}
.Innerbaner .innerbox .breadcrumb li:before {
  color: #fff !important;
}
.Innerbaner .innerbox .breadcrumb li:last-child a.active {
  border-bottom: 1px solid #fff;
}
.Innerbaner .innerbox .pagename {
  color: #fff;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 3em;
  -webkit-line-clamp: 2;
}
/* Breadcrumb Section End */
/* Inner Nav Section Start */
.navigationSection {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
.innernav {
  background: var(--OneColor);
  padding: 16px;
  margin-top: -40px;
  z-index: 8;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.innernav .nav {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.innernav .nav .nav-item {
  min-width: -moz-fit-content;
  min-width: fit-content;
  box-sizing: border-box;
}

/* === MODIFICATIONS START HERE === */

.innernav .nav-link {
  color: #fff;
  font-size: 1.25rem;
  font-style: normal;
  /* CHANGE 1: All links are now bold to prevent width change on activation. */
  /* font-weight: 700; */ /* previous */
  /* font-weight: 500; */
  line-height: normal;
  letter-spacing: -0.1px;
  text-transform: none;
  position: relative;
  padding: 5px 16px;
  /* CHANGE 2: Use opacity to show inactive state. */
  /* opacity: 0.7; */ /* previous */
  /* opacity: 1; */
  /* CHANGE 3: Add a transition for a smooth visual effect. */
  transition: opacity 0.2s ease-in-out;
}

.innernav .nav-link.active {
  /* CHANGE 4: The active state is now simply full opacity. */
  /* opacity: 1; */
  font-weight: 700; /* previous: no font weight */
  /* REMOVED: font-weight and margin-left, which caused the flicker. */
}

.innernav .nav-link.active:before {
  content: "";
  position: absolute;
  /* CHANGE 5: Position the icon relative to the link's padding. */
  left: 0;
  top: 4px;
  width: 12px;
  height: 28px;
  background: url(../images/innernav-icon.svg);
}

.innernav .nav-link:focus,
.innernav .nav-link:hover {
  color: #fff;
  /* CHANGE 6: Hover effect now also uses opacity for consistency. */
  opacity: 1;
}

/* === MODIFICATIONS END HERE === */

.innernav .scroll-btn {
  border: none;
  outline: none;
  padding: 8px;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  text-decoration: none;
  background: var(--ThreeColor);
  color: #fff;
}
.innernav .scroll-btn[aria-label="Scroll Left"] {
  left: 15px;
}
.innernav .scroll-btn[aria-label="Scroll right"] {
  right: 15px;
}
.innernav .nav::-webkit-scrollbar {
  width: 0;
  display: none;
}
.innernav .nav::-webkit-scrollbar-thumb,
.innernav .nav::-webkit-scrollbar-track {
  background: transparent;
}
.innernav .nav::-webkit-scrollbar-thumb,
.innernav .nav::-webkit-scrollbar-track {
  background: transparent;
}
/* Inner Nav Section End */
/* Filter Section Start */
.maincontent {
  padding: 40px 0;
  min-height: 50vh;
}
.filterBoxResponsive {
  margin-bottom: 10px;
  /* margin-top: 20px; */
}
.filterbox .input-group {
  border-color: var(--ThreeColor);
}
.filterbox .searchField {
  max-width: 375px;
  width: 100%;
}
.filterbox .input-group .input-group-text {
  background: transparent;
  border-color: inherit;
  padding: 0.375rem 0.47rem;
}
.filterbox .input-group .input-group-text .material-symbols-outlined {
  color: var(--OneColor);
}
.filterbox .input-group .form-control,
.filterbox .input-group .form-select {
  border-left: 0;
  padding: 8px 16px;
  border-color: inherit;
  color: var(--SixColor);
  font-size: 1rem;
}
.filterbox .input-group .form-control::placeholder {
  color: var(--SixColor);
}
.filterbox .filterIconResponsive {
  background: none !important;
  border-radius: 5px !important;
  margin-left: 5px !important;
}
.filterbox .filterIconResponsive span {
  position: relative;
  top: 4px;
}
.filterbox .sortField {
  max-width: 270px;
  width: 100%;
}
.filterbox .perPageField {
  max-width: 180px;
  width: 100%;
}
/*Filter Section End */
/* Table Section Start */
.table-sec .tableheader {
  background: var(--FourColor);
  border-radius: 4px;
  padding: 12px 32px;
  margin: 0 0 16px;
}
.table-sec .tableheader small {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.table-sec .announcementbox {
  border-radius: 8px;
  border: 1px solid var(--EightColor);
  background: #fff;
  padding: 8px 32px;
  margin-bottom: 6px;
}
.table-sec .announcementbox .table-column {
  color: #0b2641;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.table-sec .ptype {
  color: #3d4043;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-size: 0.625rem;
}
.table-sec .announcementbox p {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* text-align: left; */
}
.download-btn {
  padding: 8px 12px;
  gap: 8px;
  border: none;
  outline: none;
  background: var(--FiveColor);
  border-radius: 4px;
  color: var(--OneColor);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.12px;
  text-decoration: none;
}
.download-btn:hover {
  background: var(--FourColor);
}
.table-sec .announcementbox .material-symbols-outlined {
  color: var(--OneColor);
}
.filterIconResponsivebox.d-block-box {
  display: block !important;
}
.download-outline-btn {
  padding: 8px 12px;
  gap: 8px;
  outline: none;
  border-radius: 4px;
  color: var(--OneColor);
  background-color: #fff;
  border: 1px solid var(--OneColor);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.12px;
  text-decoration: none;
}
.download-outline-btn.active,
.download-outline-btn:hover {
  background: var(--FiveColor);
}
body .pointer {
  cursor: pointer;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.archivemr {
  margin-right: 40px !important;
}
/* About Us Page Start */
.maincontent .visionbox {
  background: var(--EightColor);
  border-radius: 10px;
  padding: 32px;
}
.maincontent .visionbox h2 {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 0;
}
.maincontent .aboutcontent h2 {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.12px;
  margin-bottom: 10px;
}
.maincontent ol,
.maincontent ul {
  padding-left: 1.25rem;
}
.maincontent ol li,
.maincontent ul li {
  list-style-type: decimal !important;
}
.maincontent .list-type-disc li {
  list-style-type: disc !important;
}
@media (min-width: 992px) {
  .stickyBox {
    position: -webkit-sticky;
    position: sticky;
    height: -moz-fit-content;
    height: fit-content;
    top: 12rem;
  }
}
/* About Us Page End */
/* Vacancies Page Start */
.vacancies-sec .career-card {
  padding: 20px 24px 24px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4px;
  flex-shrink: 0;
  border: 1px solid var(--EightColor);
}
.vacancies-sec .career-card .career-card-header {
  background-color: var(--FourColor);
  height: 47px;
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 10px !important;
  min-height: 80px;
  align-content: center;
}
.vacancies-sec .career-card .cardContentOne {
  min-height: 120px;
}
.vacancies-sec .career-card .careersContent {
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.vacancies-sec .career-card .cardContentTwo {
  min-height: 130px;
}
.vacancies-sec .career-card .cardContentTwo svg {
  max-width: 24px;
  min-width: 24px;
}
.career-card .cardContentTwo svg path {
  fill: var(--OneColor);
}
.vacancies-sec .career-card .span {
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.12px;
  font-weight: 600;
  text-transform: uppercase;
}
.vacancies-sec .career-card .span-2 {
  font-weight: 400;
}
.vacancies-sec .career-card .career-card-header p {
  font-size: 1.25rem;
}
/* Vacancies Page End */
/* Pagination Section Start */
.pagination {
  align-items: center;
  gap: 2px;
  margin: 16px 0;
  padding: 0 !important;
}
.maincontent .pagination li {
  list-style-type: none !important;
}
.pagination .next,
.pagination .previous {
  transform: translateY(3px);
  height: 30px;
}
.pagination .button-item {
  outline: none;
  border: none;
  background: none;
}
.pagination .next .material-symbols-outlined.disabled,
.pagination .previous .material-symbols-outlined.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.pagination .page-link.active {
  background: var(--FourColor);
  color: var(--OneColor);
  border-radius: 50%;
}
.pagination .page-link {
  border: 0;
  color: var(--OneColor);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .page-link.hover:hover {
  background: var(--FourColor);
}
.pagination .next .material-symbols-outlined,
.pagination .previous .material-symbols-outlined {
  color: var(--OneColor);
  font-weight: 700;
}
/* Pagination Section End */
/* Photos & Video Media Page Start */
.photos-sec {
  row-gap: 24px;
  margin-bottom: 24px;
  padding-top: 24px;
}
.photos-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.photos-card .photos-img,
.photos-card .videos-img {
  width: 100%;
  height: 196px;
  object-fit: cover;
  object-position: top;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
.photos-card .photos-btn {
  bottom: 10px;
  right: 10px;
  color: #fff;
  padding: 8px;
  background: rgba(0, 0, 0, 0.62);
  border-radius: 4px;
  border: none;
  outline: none;
  height: 40px;
  width: 40px;
  text-decoration: none;
}
.photos-card .photos-card-body .photos-card-title {
  color: var(--SixColor);
  white-space: wrap;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 4px;
  margin-bottom: 0 !important;
  font-size: 0.875rem;
}
.photos-card .photos-card-footer {
  margin-top: 8px;
}
.maincontent .ptype {
  color: #3d4043;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
/* Photos & Video Media Page End */
/* Parliamentary Business Page Start */
.parliamentquesbox {
  border-radius: 12px;
  border: 1px solid var(--EightColor);
  background: #fff;
  padding-bottom: 12px;
}
.parliamentquesbox .lazy-load-image-background {
  filter: blur(0);
  transition: filter 0.3s;
}
.parliamentquesbox .lazy-load-image-background > img {
  opacity: 1;
  transition: opacity 0.3s;
}
.parliamentquesbox img {
  border-radius: 12px 12px 0 0;
  height: 185px;
  object-fit: cover;
}
.parliamentquesbox .boxinner {
  padding: 12px 24px;
}
.parliamentquesbox .boxinner p {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  font-size: 1.25rem;
  margin-bottom: 5px;
}
.parliamentquesbox .boxinner a {
  color: #3d4043;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.1px;
  word-break: break-all;
}
.parliamentquesbox .boxinner a.linkbtn {
  color: var(--OneColor);
  padding: 8px;
  background: var(--FourColor);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
/* Parliamentary Business Page End */
/* Alphabet Box Section Start */
.alphabetBox {
  display: flex;
  padding: 8px 20px;
  justify-content: start;
  overflow-x: auto;
  gap: 8px;
  align-items: center;
  border-radius: 4px;
  background: var(--EightColor);
  margin-bottom: 37px;
  margin-top: 37px;
}
.alphabetBox ul {
  list-style: none;
  display: flex;
  margin: 0;
  gap: 8px;
}
.maincontent .alphabetBox ul li {
  list-style-type: none !important;
}
.alphabetBox ul li button {
  color: var(--OneColor);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  padding: 0 10px;
  line-height: normal;
  letter-spacing: -0.1px;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
}
/* Alphabet Box Section End */
/* Directory Section Start */
.directoryBox {
  padding: 16px 15px;
  row-gap: 24px;
  border-bottom: 0.5px solid var(--ThreeColor);
}
.directoryBox .designation {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.12px;
  text-transform: uppercase;
}
.directoryBox .name {
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.16px;
}
.directoryBox .departmentBadge {
  padding: 4px 8px;
  border-radius: 12px;
  background: var(--FourColor);
  color: var(--OneColor);
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.directoryBox .material-symbols-outlined {
  color: var(--OneColor);
  font-weight: 295;
}
.directoryBox .connect {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  font-size: 0.875rem;
  margin: 0 0 5px;
}
/* Directory Section End */
/* RTI Page Start */
.rti-accordion {
  padding: 8px 16px;
  background-color: #f5f6f6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.rti-accordion .rti-accordion-header p {
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  font-size: 0.875rem;
  color: var(--SixColor);
}
.rti-accordion .rti-accordion-header .rti-accordion-btn {
  background: none;
  transition: all 0.3s ease-in-out;
}
[aria-expanded="false"] .rti-accordion-btn {
  transform: rotate(180deg);
}
.rti-accordion .rti-accordion-body {
  margin-top: 8px;
  border-top: 2px solid var(--OneColor);
}
.rti-accordion .rti-accordion-body ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.rti-accordion .rti-accordion-body ul li {
  list-style-type: none !important;
  padding: 8px 32px;
  border-bottom: 0.5px solid var(--OneColor);
}
.rti-accordion .rti-accordion-body ul li a {
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  font-size: 0.875rem;
  display: block;
  color: var(--SixColor);
}
.department-accordian {
  margin-bottom: 15px;
  border-radius: 8px !important;
  padding: 16px 32px;
  border: 1px solid #ebeaea;
}
.department-accordian .department-accordion-item {
  padding: 0;
  background: none;
}
.department-accordian .department-accordion-item p {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  font-size: 1.25rem;
}
.department-accordian .department-accordion-item .accordion-btn {
  height: 20px;
  background: none;
  transition: all 0.3s ease-in-out;
}
.department-accordian .department-accordion-item .accordion-btn {
  height: 20px;
  background: none;
  transition: all 0.3s ease-in-out;
}
[aria-expanded="false"].department-accordion-item .accordion-btn {
  transform: rotate(180deg);
}
.department-accordian .department-accordion-content {
  margin-top: 8px;
  border-top: 1px solid var(--ThreeColor);
}
/* RTI Page End */
/* Contact Us Page Start */
.addressbox .material-symbols-outlined {
  color: var(--OneColor);
  font-weight: 290;
}
.addressbox .policyManager {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 20px;
}
.mapbox iframe {
  width: 100% !important;
  height: 100% !important;
}
/* Contact Us Page End */
/* Help Page Start */
.help-editor h2 {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 30px;
  font-size: 1.5rem;
}
.help-editor p {
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.16px;
}
.help-editor caption {
  caption-side: top;
  padding: 0;
  margin-bottom: 0.5rem;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.16px;
  font-size: 1rem;
  text-decoration: underline;
  color: var(--SixColor);
}
.tbborder table th,
.tbborder table td {
  background: transparent;
  white-space: normal;
  white-space: nowrap;
  text-align: left;
  border: 1px solid #000;
  padding: 8px;
  font-size: 0.75rem;
}
.tbborder table tbody tr.even,
.tbborder table tbody tr.odd {
  background-color: var(--FourColor);
}
/* Help Page End */
/* Sitemap Page Start */
/* ==================================================================== */
/* === Final Sitemap CSS (with Corrected Mobile Text Truncation)    === */
/* ==================================================================== */

/* --- Main Section Styling  --- */
.sitemapbox p {
  color: var(--OneColor);
  font-weight: 600;
  border-bottom: 1px solid var(--EightColor);
  margin-bottom: 24px !important;
  padding: 0 0 10px;
}
.sitemapbox a {
  color: var(--SixColor);
  text-decoration: none;
}
.sitemapbox a .material-symbols-outlined {
  font-weight: 290;
}
.sitemapbox ul {
  padding-inline-start: 0;
  margin-top: 0;
  margin-bottom: 1rem;
}
.sitemapbox ul li {
  color: var(--TwoColor);
  font-size: 0.875rem;
  font-weight: 400;
  border-bottom: 1px solid var(--EightColor);
  /* The padding is now handled inside the media query for better control */
  padding: 8px 32px;
}
.sitemapbox .sitemap-inner-list .sitemap-inner-list-item:last-child {
  border: none;
}
.sitemapbox .sitemap-inner-list {
  margin: 0;
  /* Indentation for nested lists is now controlled here */
  padding-left: 20px;
}
.sitemap-inner-list {
  display: block;
}
.sitemap-inner-list-item {
  display: flex;
}

/* --- START: Mobile-Only Layout and Truncation Fix --- */

@media (max-width: 767px) {
  .carosule_custom_cs .carousel-indicators .carousel-ellipsis {
    font-size: 4.2rem;
  }

  /* 1. Remove padding from the list item itself to prevent accumulation. */
  .sitemapbox ul li {
    padding: 0;
  }

  /* 2. Apply padding to the inner flex container instead. */
  /* This gives us a reliable box to calculate width from. */
  .sitemapbox ul li > .d-flex {
    width: 100%;
    overflow: hidden;
    padding: 8px 16px; /* Reduced horizontal padding for mobile */
    border-bottom: 1px solid var(--EightColor);
  }

  /* 3. The final, robust text truncation logic. */
  .sitemapbox ul li .d-flex > a,
  .sitemapbox ul li .d-flex > span:not(.material-symbols-outlined) {
    /* Flexbox properties to control sizing */
    flex-grow: 1; /* Allow this element to grow and fill available space */
    min-width: 0; /* CRITICAL: Allows shrinking below content size for truncation */

    /* Standard Text Truncation properties */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 4. Ensure the icon does not get squished. */
  .sitemapbox ul li .material-symbols-outlined {
    flex-shrink: 0;
  }

  /* 5. Clean up the border on the absolute last item */
  .sitemapbox > div > ul > li:last-child > .d-flex {
    border-bottom: none;
  }
}

/* --- END: Mobile-Only Fix --- */
/* Sitemap Page End */
/* Division Page Start */
.division-sec .divi-card {
  background: #f6f9ff;
  padding: 15px 0px 15px;
  border-radius: 12px;
  border: 1px solid var(--EightColor);
  margin-bottom: 16px;
}
.division-sec .divi-card .divi-card-header {
  width: 100%;
  padding: 0px 20px 10px;
  border-bottom: 1px solid var(--FiveColor);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: var(--OneColor);
}
.division-sec .divi-card .divi-card-header p {
  font-size: 1.5rem;
  font-weight: 600;
}
.division-sec .divi-card .divi-card-body {
  width: 100%;
  padding: 5px 20px;
}
.division-sec .divi-card .divi-card-body a {
  color: var(--SixColor);
  text-decoration: none;
}
.division-sec .divi-card .divi-card-body ul {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.division-sec .divi-card .divi-card-body ul li {
  color: var(--OneColor);
  font-size: 0.875rem;
  font-weight: 400;
  border-bottom: 1px solid var(--FiveColor);
  padding: 8px 0px;
  width: 48%;
}
/* Division Page End */
/* FT Africa Page Start */
.ft-africa-box {
  background: #f6f9ff;
  padding: 20px 20px 20px;
  border-radius: 12px;
  border: 1px solid var(--EightColor);
  margin-bottom: 16px;
  border-bottom: 5px solid var(--OneColor);
}
.ft-africa-box img {
  width: 100%;
  height: 100%;
  border-radius: 7px;
}
.ft-africa-details h2 {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.12px;
  margin-bottom: 15px;
  font-size: 1.5rem;
}
.ft-africa-details .material-symbols-outlined {
  /* font-weight: 290; */
  color: var(--OneColor);
}
.ft-africa-details .borderR {
  border-right: 1px solid var(--EightColor);
}
.ft-africa-details .cardContentTwo {
  padding-right: 20px;
}
.sub-saharan-sec {
  background: #f6f9ff;
  padding: 30px 0;
  min-height: auto;
}
.sub-saharan-sec h2 {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.12px;
  margin-bottom: 15px;
}
.cagr-count-sec ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.cagr-count-sec ul li {
  list-style-type: none !important;
  box-shadow: 0px 0px 10px var(--FiveColor);
  border: 1px solid var(--FourColor);
  border-radius: 5px;
  padding: 15px;
  /* min-height: 80px; */
}
.cagr-count-sec ul li:last-child {
  background: var(--OneColor);
  border: 1px solid var(--EightColor);
}
.cagr-count-sec ul li a {
  color: var(--SixColor);
  display: flex;
  /* flex-direction: column; */
  white-space: nowrap;
}
.cagr-count-sec ul li a h2 {
  margin: 0;
}
.cagr-count-sec ul li a p {
  margin: 0;
  display: flex;
  align-items: center;
}
.cagr-count-sec ul li:last-child a {
  white-space: break-spaces;
  color: #fff;
}
.accordion-bg {
  padding: 30px 0;
  min-height: auto;
}
.accordion-bg h2 {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.12px;
  margin-bottom: 15px;
}
.ft-africa-details p {
  /* margin-bottom: 0 !important; */
}
.colorOne {
  color: var(--OneColor);
}
.titleinner {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.12px;
  margin-bottom: 20px;
}
/* FT Africa Page End */

.small,
small {
  font-size: 0.75rem;
}
.maincontent p {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
  text-align: justify;
}
body h1 {
  font-size: 2.25rem;
}
body h2 {
  font-size: 1.5rem;
}
@media (max-width: 991.5px) {
  .filterbox .searchField,
  .filterbox .sortField,
  .filterbox .perPageField {
    max-width: 100%;
  }
  .tableheader {
    display: none;
  }
}
@media (max-width: 1536px) {
  .small,
  small {
    font-size: 0.625rem;
  }
  .maincontent p,
  body p {
    font-size: 0.875rem;
  }
  body h1 {
    font-size: 1.5rem;
  }
  body h2 {
    font-size: 1.25rem;
  }
  .vacancies-sec .career-card .career-card-header p {
    font-size: 1rem;
  }
  .division-sec .divi-card .divi-card-header p {
    font-size: 1.25rem;
  }
  .photos-card .photos-card-body .photos-card-title {
    font-size: 0.75rem;
  }
  .parliamentquesbox .boxinner p {
    font-size: 1rem;
  }
  .directoryBox .connect {
    font-size: 0.75rem;
  }
  .rti-accordion .rti-accordion-header p {
    font-size: 0.75rem;
  }
  .rti-accordion .rti-accordion-body ul li a {
    font-size: 0.75rem;
  }
  .department-accordian .department-accordion-item p {
    font-size: 1rem;
  }
  .help-editor h2 {
    font-size: 1.25rem;
  }
  .help-editor caption {
    font-size: 0.875rem;
  }
  .division-sec .divi-card .divi-card-body ul li {
    font-size: 0.75rem;
  }
  .ft-africa-details h2 {
    font-size: 1.25rem;
  }
}
/* Table Section End */

.qrCode {
  margin-left: 2rem;
}

/*26-04-2025 rb start*/
.subheading {
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.12px;
  font-size: 1.25rem;
}
.subheading2 {
  font-size: 0.975rem;
  font-weight: bolder;
  color: var(--OneColor);
  margin-top: 0.5em; /* nitin */
  margin-bottom: 0.5em; /* nitin */
}
.blue-brd-none {
  border-bottom: 0px solid var(--OneColor) !important;
}

/*26-04-2025 rb end*/

.listcontent ol li,
.listcontent ul li {
  list-style-type: decimal !important;
}

.listcontent .list-type-disc li {
  list-style-type: disc !important;
}

/*rb 15-may-2025 start here*/
.hide-img img {
  visibility: hidden !important;
  opacity: 0 !important;
}
.cursor-size {
  cursor: url("../images/cursor-size.svg"), auto !important;
}
.cursor-size a,
.cursor-size button {
  cursor: url("../images/cursor-size-pointer.svg"), auto !important;
}

/* Highlight Link CSS End */
.highlight-link a:not([title="Skip to main Content"]),
.highlight-link .whats_new_with_date li .one_dis {
  color: #ff0 !important;
  border-bottom: 1px solid #ff0 !important;
  background-color: #000 !important;
}
.highlight-link a * {
  color: #ff0 !important;
}
.highlight-link svg path {
  fill: #ff0 !important;
}
.highlight-link .about_ministry:hover svg path {
  fill: #fff !important;
}
.highlight-link .light_gry_bg h2.all_heading a svg path,
.highlight-link .light_gry_bg h2.all_heading svg path {
  fill: transparent !important;
}
.highlight-link ul.list_custom_.whats_new_with_date li .one_dis svg path {
  fill: #ff0 !important;
}
.highlight-link .offcanvas_accsbility .offcanvas-title svg path,
.highlight-link .inner_box_acces .icons_ svg,
.highlight-link .inner_box_acces .icons_ svg path,
.highlight-link .icons_list_top_header li button svg path,
.highlight-link ul.icons_list_top_header li a svg path,
.highlight-link .parent_flex .announc_cust svg path,
.highlight-link .about_ministry svg path,
.highlight-link ul.list_custom_ li .right_d_cis svg path,
.highlight-link .vacancies-sec .career-card svg path {
  fill: var(--OneColor) !important;
}
.highlight-link .card_parent_box,
.highlight-link .item.custom_item {
  color: #ff0 !important;
  border-bottom: 1px solid #ff0 !important;
  background-color: #000 !important;
}
.highlight-link .addressbox svg path {
  fill: var(--SixColor) !important;
}
/* Highlight Link CSS End */

.invert-filter {
  filter: invert(1) !important;
}

/*feedback section start here*/
.feedbackSection {
  background: var(--EightColor);
  border-radius: 10px;
  padding: 32px;
}
.feedbackSection .feedbackRow {
  margin-bottom: 15px;
}
.feedbackSection .feedbackRow label {
  margin-bottom: 5px;
  display: inline-block;
  color: inherit;
}
.feedbackSection .feedbackRow label .error {
  color: red !important;
}
.feedbackbtns {
  display: flex;
  gap: 6px;
}
/*feeback section end here*/

.input-group.yearfield {
  max-width: 270px;
  width: 100%;
}
.input-group.categoryField {
  max-width: 44%;
  width: 100%;
}

/*cookies section css start here*/
/* .CookieConsent {background: #fff !important; padding: 30px;  color: #150202 !important;  bottom: 0px;  display: flex;   z-index: 999;   width: 100%; justify-content: space-between; align-items: center;}
.cookies-btn{gap:8px; display: flex}
.customize-cookies-container p:first-child {font-weight: 600;}
.customize-cookies-container p{color: #000; font-size: 14px;}
.customize-cookies-container a {text-decoration: underline;} */
/*cookies section css end here*/

/*rb 15-may-2025 start here*/

/*NitiN css start here*/

/* Directory Highlighter */
.highlight {
  background-color: #ffeb3b !important; /* Yellow background for highlighted text */
  color: #000; /* Black text for contrast */
  padding: 2px 4px; /* Slight padding for visual appeal */
  border-radius: 3px; /* Optional: rounded corners */
}

/* disabling search focus effect */
input.form-control:focus {
  box-shadow: none;
}

/* sitemap start */
/* Chevron rotation */
.chevron {
  transition: transform 0.3s ease;
  margin-right: 8px; /* Space between chevron and title */
}

.chevron.open {
  transform: rotate(90deg);
}

/* Accordion list animation */
.sitemap-inner-list {
  overflow: hidden;
  transition:
    max-height 0.3s ease,
    opacity 0.3s ease;
  margin-left: 24px; /* Indent nested items */
}

.sitemap-inner-list.closed {
  max-height: 0;
  opacity: 0;
}

.sitemap-inner-list.open {
  max-height: 3000px; /* Increased to accommodate deeply nested lists */
  opacity: 1;
}

/* Styling for parent items (with children) */
.sitemap-parent-item .sitemap-title-parent {
  font-weight: 600; /* Bold for parent items */
  color: #2c3e50; /* Darker color for parent items */
}

/* Styling for leaf items (no children) */
.sitemap-title-leaf {
  font-weight: 400; /* Regular weight for leaf items */
  color: #34495e; /* Slightly lighter color */
}

/* Optional: Hover effect for clarity */
.sitemap-title-parent:hover,
.sitemap-title-leaf:hover {
  text-decoration: underline;
}

/* Ensure consistent alignment */
.sitemap-inner-list-item {
  padding: 4px 0;
}

.sitemap-parent-item {
  padding: 4px 0;
}
/* sitemap end */
/*NitiN css end here*/

/* satish css start here*/
.cardContentTwo .row-gap-2 {
  row-gap: 0.1rem !important;
}
dl dt p {
  margin: 0 !important;
  display: flex;
  align-items: center;
}
.maincontent ~ .maincontent,
.maincontent .maincontent {
  min-height: auto;
  padding-bottom: 0;
  padding-top: 0;
}
.qrCode img {
  max-width: 50%;
}

.footer-govt-link .slick-slide {
  margin: 0 10px;
}

.footer-govt-link .slick-track {
  max-height: 100px;
  overflow: hidden;
}
.footer-govt-link .slick-prev:before,
.footer-govt-link .slick-next:before {
  color: var(--OneColor);
}

.maincontent .maincontent .container {
  padding: 0;
}

.maincontent .container:first-child {
  margin-top: 1.5rem;
}
.maincontent .container.mt-5 {
  margin-top: 1rem !important;
}
.maincontent .table-sec {
  margin-bottom: 20px;
}

/* .maincontent ol li, .maincontent ul li{text-align: justify;} */

.aboutcontent .row .col ul {
  margin: 0 0 15px;
}
.aboutcontent .row .col ul li {
  margin: 3px 0;
}

.aboutcontent .maincontent.sub-saharan-sec {
  padding: 15px 15px 15px 15px;
}
.aboutcontent .maincontent.sub-saharan-sec .container {
  margin-top: 0;
}
/* satish css end here*/

/* persona page css by yash 19-05-2025  */
.inner_prosona_card {
  padding: 16px;
  border-radius: 10px;
  border: 1px solid  var(--FourColor);
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  position: relative;
  min-height: 100px;
  max-height: 134px;
  text-decoration: none;
}
.inner_prosona_card span img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.inner_prosona_card p {
  color: var(--OneColor);
  line-height: 24px;
  font-weight: 500;
}
.inner_prosona_card a {
  position: absolute;
  right: 8px;
  bottom: 5px;
  padding: 8px;
  outline: none;
  color: var(--OneColor);
  height: 40px;
  width: 40px;
  text-decoration: none;
  background: var(--FourColor);
  border-radius: 4px;
  border: none;
}
/* Edn persona page css by yash 19-05-2025  */

/* Our Team Page css Start by Manoj 21-05-2025 */
.our-team-card-wrapper {
  background-color: var(--FiveColor);
  border-radius: 24px;
}
.our-team-card-wrapper i {
  position: absolute;
  width: 1px;
  height: 176px;
  background: rgb(153, 153, 153);
  transform: translate(172px, 175px);
  pointer-events: none;
}
.our-team-card-wrapper .FamilyNode_root__LylyV {
  height: auto !important;
  margin-top: 32px;
}
.our-team-card-wrapper .FamilyNode_root__LylyV {
  position: relative;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: 344px;
}
.our-team-card-wrapper .FamilyNode_root__LylyV + .FamilyNode_root__LylyV {
  margin-top: 100px;
}
.our-team-card-wrapper .profile-card {
  width: 350px;
  background-color: #fff;
  padding: 72px 24px 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  margin-top: 60px;
  border: 2px solid transparent;
  z-index: 1;
}
.our-team-card-wrapper .profile-card:hover {
  border: 2px solid var(--OneColor);
}
.our-team-card-wrapper .profile-card .profile-img {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 120px;
  height: 120px;
}
.our-team-card-wrapper .profile-card small {
  color: var(--OneColor);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.7px;
}
.our-team-card-wrapper .profile-card p {
  color: var(--SixColor);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-bottom: 5px;
}
.our-team-card-wrapper hr {
  margin-top: 100px;
  width: 100%;
}
.our-team-card-wrapper .detailsBtn {
  background-color: #fff !important;
  border: 1px solid var(--TwoColor) !important;
  border-radius: 4px !important;
  color: var(--TwoColor) !important;
  font-weight: 700 !important;
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.12px;
  text-decoration: none;
  cursor: pointer;
}
.our-team-list-container .our-team-list-header {
  gap: 8px;
  background-color: var(--ThreeColor);
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 32px;
  margin-bottom: 4px;
}
.our-team-list-container .our-team-list-header p {
  color: #fff;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
/* 20-02-2026 */
.our-team-list-container .our-team-staff-list-header {
  gap: 8px;
  background-color: var(--FourColor);
  color: var(--TwoColor);
  padding: 8px 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 32px;
  margin-bottom: 4px;
}
/* 20-02-2026 */
.our-team-list-container .our-team-list-subheader {
  background-color: var(--FiveColor);
  color: var(--TwoColor);
  padding: 4px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-top: 4px;
}
.our-team-list-container .our-team-list-subheader-list {
  padding: 12px 8px;
  border-bottom: 1px solid #ebeaea;
}
.our-team-list-container .our-team-list-subheader-list .name {
  color: #150202;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.our-team-list-container .our-team-list-subheader small {
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
@media (max-width: 1536px) {
  .our-team-card-wrapper .profile-card small {
    font-size: 0.65rem;
  }
  .our-team-card-wrapper .profile-card p {
    font-size: 0.75rem;
  }
}
/* Our Team Page css End by Manoj 21-05-2025 */

/* Our Team Modal css Start by Manoj 03-06-2025 */
.card-modal {
  padding: 0 !important;
  background-color: rgba(0, 0, 0, 0.561);
}
.card-modal .modal-dialog {
  width: 450px;
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
  margin: 16px auto;
}
.card-modal .modal-dialog .modal-content {
  box-shadow: 0 0 0 0;
  border: 0;
  border-radius: 12px;
}
.card-modal .modal-header {
  padding: 10px;
  border: 0;
}
.card-modal .modal-header button.btn-close {
  outline: 0;
  border: 0;
}
.card-modal .modal-header button.btn-close:focus {
  outline: 0;
  box-shadow: none;
}
.card-modal .modal-card {
  padding: 20px 40px 32px;
  gap: 24px;
}
.card-modal .modal-card .modal-card-img img {
  border: 2px solid var(--OneColor);
  object-fit: cover;
  width: 130px;
  height: 130px;
}
.card-modal .modal-card .modal-card-body small {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.card-modal .modal-card .modal-card-body .h4,
.card-modal .modal-card .modal-card-body h4 {
  color: var(--SixColor);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 8px;
  text-align: center;
}
.card-modal .modal-card .modal-card-body p {
  color: var(--SixColor);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
  margin-bottom: 8px;
  text-align: center;
}
.card-modal .modal-card .material-symbols-outlined {
  color: var(--OneColor);
  font-weight: 299;
}
.card-modal .modal-card .modal-card-body .modal-card-inner-body {
  gap: 24px;
}
.card-modal .modal-card .modal-card-body .modal-card-inner-body .connect {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.card-modal .modal-card .modal-card-footer {
  text-align: left;
}
.card-modal .modal-card .modal-card-footer small {
  color: var(--OneColor);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.card-modal .modal-card .modal-card-bottom .modal-card-bottom-name {
  text-align: left;
}
.card-modal .modal-card .modal-card-bottom .modal-card-bottom-name small {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.card-modal .modal-card .modal-card-bottom .modal-card-bottom-name span {
  font-size: 0.75rem;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.card-modal .modal-card .modal-card-bottom .modal-card-bottom-name p {
  color: var(--SixColor);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.12px;
}
.card-modal .modal-card .line {
  height: 1px;
  border: 1px solid var(--ThreeColor);
}
.minister-name {
  color: var(--OneColor);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.12px;
  margin-bottom: 16px;
  font-size: 1.5rem;
}
.minister-designation {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 32px;
  font-size: 1.25rem;
}
.minister-big-intro p {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 768px) {
  .card-modal .modal-dialog {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
  }
}
@media (max-width: 1536px) {
  .card-modal .modal-card .modal-card-body .h4,
  .card-modal .modal-card .modal-card-body h4 {
    font-size: 0.75rem;
  }
  .card-modal .modal-card .modal-card-body p {
    font-size: 0.875rem;
  }
  .card-modal .modal-card .modal-card-footer small {
    font-size: 0.625rem;
  }
  .card-modal .modal-card .modal-card-bottom .modal-card-bottom-name small {
    font-size: 0.625rem;
  }
  .card-modal .modal-card .modal-card-bottom .modal-card-bottom-name p {
    font-size: 0.875rem;
  }
  .minister-name {
    font-size: 1.25rem;
  }
  .minister-designation {
    font-size: 1rem;
  }
}
/* Our Team Modal css End by Manoj 03-06-2025 */

/*Nitin, cookies section css start here*/
.CookieConsent {
  background: #fff !important;
  padding: 30px;
  color: #150202 !important;
  bottom: 0px;
  display: flex;
  z-index: 999;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  animation: slideUp 0.5s ease-in-out forwards;
  outline: none;
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.cookies-btn {
  gap: 8px;
  display: flex;
}

.customize-cookies-container p:first-child {
  font-weight: 600;
}

.customize-cookies-container p {
  color: #000;
  font-size: 14px;
}

.customize-cookies-container a {
  text-decoration: underline;
}
/*Nitin, cookies section css end here*/

/* Cookies Page css Start by Manoj 21-05-2025 */
.cookie-container {
  gap: 36px;
  margin: 36px 0;
}
.cookie-container h2 {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.cookie-setting-switch-container {
  border: 1px solid var(--EightColor);
  padding: 8px 16px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
.cookie-setting-switch-container .cookie-setting-switch-label {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.cookie-setting-switch-container .toggle-switch.disabled {
  cursor: not-allowed;
}
.cookie-setting-switch-container .toggle-switch span {
  color: var(--SixColor);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.toggle .form-check-input:checked {
  background-color: var(--OneColor) !important;
}
.toggle .form-check-input {
  box-shadow: none !important;
  border: none !important;
  background-color: #a3bbf3 !important;
  width: 36px;
  height: 20px;
  border-radius: 12px !important;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.save-preference-button {
  font-size: 1rem;
  background-color: var(--OneColor);
}
/* Cookies Page css End by Manoj 21-05-2025 */

/* Our Organization Page css Start by Manoj 26-05-2025 */
.organisation-card {
  border: 1px solid #ebeaea;
  border-radius: 8px;
  padding: 16px 32px;
  gap: 8px;
}
.organisation-card .organisation-card-title {
  gap: 10px;
  min-height: 115px;
}
.organisation-card .organisation-description {
  min-height: 120px;
}
.organisation-card .organisation-card-title .h3,
.organisation-card .organisation-card-title h3 {
  color: var(--TwoColor);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.organisation-card .h3 {
  font-size: 1.25rem;
}
.organisation-card .organisation-card-title img {
  max-width: 191px;
  width: auto;
  height: 84px;
}
.link-btn,
.link-outline-btn {
  padding: 8px;
  outline: none;
  color: var(--OneColor);
  height: 40px;
  width: 40px;
  text-decoration: none;
}
.link-btn {
  background: var(--FourColor);
  border-radius: 4px;
  border: none;
}
@media (max-width: 1536px) {
  .organisation-card .h3 {
    font-size: 1rem !important;
  }
}
/* Our Organization Page css End by Manoj 26-05-2025 */

/* Feedback Page css Start by Manoj 23-05-2025 */
.feedbackSection {
  border: 3px solid var(--EightColor);
  border-radius: 0;
  padding: 32px;
}
.feedbackSection .feedbackRow {
  margin-bottom: 15px;
}
.feedbackSection .feedbackRow label {
  margin-bottom: 5px;
  display: inline-block;
  color: inherit;
}
.feedbackSection .feedbackRow label .error {
  color: red !important;
}
.feedbackSection .form-control,
.feedbackSection .form-select {
  border-color: var(--FourColor);
  font-size: 0.875rem;
  color: var(--SixColor);
}
button.refresh-captcha {
  border: 0;
  background: transparent;
  outline-color: var(--FourColor);
}
.feedbackbtns {
  display: flex;
  gap: 6px;
}
/* Feedback Page css End by Manoj 23-05-2025 */

/* Schemes and Services Page css Start by Manoj 02-06-2025 */
.scheme-card {
  height: 100%;
  border: 1px solid #ebeaea;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.lazy-load-image-background.blur.lazy-load-image-loaded {
  filter: blur(0);
  transition: filter 0.3s;
}
.lazy-load-image-background.blur.lazy-load-image-loaded > img {
  opacity: 1;
  transition: opacity 0.3s;
}
.scheme-card .scheme-card-img {
  height: 216px;
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.scheme-card .scheme-card-body {
  min-height: 200px;
  padding: 20px 24px;
}
.scheme-card .scheme-card-body .scheme-title-logo-box {
  min-height: 50px;
}
.scheme-card .scheme-title {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  font-size: 1.25rem;
}
.scheme-card .scheme-intro {
  color: var(--SixColor);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  min-height: 100px;
  font-size: 0.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  text-align: justify;
}
.scheme-card .scheme-card-footer {
  margin-top: 10px;
  padding: 0 24px 20px;
}
@media (max-width: 1536px) {
  .scheme-card .scheme-title {
    font-size: 1rem;
  }
  .scheme-card .scheme-intro {
    font-size: 0.75rem;
  }
}
/* Schemes and Services Page css End by Manoj 02-06-2025 */

/* Bhashini widget  */
#bhashini-translation {
  position: absolute !important;
  top: 0 !important;
  left: auto !important;
  bottom: auto !important;
  right: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
}

.bhashini-header-placeholder button.bhashini-dropdown-btn {
  max-width: 37px;
  overflow: hidden;
  background-color: transparent;
}

.bhashini-header-placeholder .bhashini-dropdown-content {
  right: 0;
}
.bhashini-dropdown-btn-icon img {
  opacity: 0;
}

/* Botton Banner css Start by Manoj 09-07-2025 */
.bottom_banner_single .carousel-indicators {
  background: var(--FiveColor);
  border-radius: 8px;
  padding: 3px 4px;
  width: max-content;
  margin: auto !important;
  left: 40% !important;
  right: 0 !important;
}
.bottom_banner_single .carousel-indicators button {
  background-color: var(--ThreeColor);
  width: 12px;
  height: 12px;
  margin: 0;
}
.play-pause-button {
  position: absolute;
  bottom: 10px;
  right: 20px;
  background: var(--SixColor);
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.play-pause-button .material-symbols-outlined {
  font-weight: 299;
}
/* Botton Banner css End by Manoj 09-07-2025 */

/* album galley css , start , by NitiN 17-07-2025 */

.gallerydetail {
  margin-bottom: 2rem;
}

.ptype {
  display: block;
  font-size: 0.875rem;
  color: #6c757d;
  margin-bottom: 0.5rem;
}

.photos-card {
  margin-bottom: 1.5rem;
}

.gallerybox {
  position: relative;
  border: 1px solid #e9ecef;
  border-radius: 0.25rem;
  overflow: hidden;
  background-color: #fff;
}

.thumbnail-container {
  width: 100%;
  height: 225px;
  overflow: hidden;
  position: relative;
}

.thumbnail-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.thumbnail-container img:hover {
  transform: scale(1.05);
}

.photos-btn {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.photos-btn:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.internal-photos-btn .material-symbols-outlined {
  color: #fff;
  font-size: 24px;
}

.bhashini-skip-translation {
  pointer-events: none;
}
.gallerybox img {
  border-radius: 8px;
  margin-bottom: 8px;
  object-fit: cover;
  height: 300px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.gallerydetail .h4 {
  color: #150202;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1536px) {
  .gallerydetail .h4 {
    /* font-size: .75rem !important; */
    font-size: 1rem !important;
  }
}
/* album galley css , end , by NitiN 17-07-2025 */

/* QR code, begin */
.address-qr {
  text-align: center;
}

.address-qr img {
  width: 50%;
  height: 100%;
  border-radius: 7px;
}
/* QR Code, end */

/* infographics page , start,  NitiN */
.infographicsbox {
  position: relative;
  border: 1px solid #e9ecef;
  border-radius: 0.25rem;
  overflow: hidden;
  background-color: #fff;
}

.infographicsbox img {
  border-radius: 8px;
  margin-bottom: 8px;
  object-fit: cover;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
/* infographics page , end,  NitiN */

/* New tag styles, begin, NitiN 5th august 2025 */
/* New tag styles */
.new-tag {
  width: 40px;
  height: 20px;
  object-fit: contain;
  margin-left: 8px;
  vertical-align: middle;
}

/* Flex alignment for title + tag */
.d-flex.align-items-center.gap-2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* New tag styles, end, NitiN 5th august 2025 */

.table-sec .file-sz {
  color: var(--OneColor);
  font-weight: 600;
  text-wrap: nowrap;
}

/* Banner Title Overlay Styles - Hidden by default, shows on hover */
.banner-title-overlay {
  position: absolute;
  bottom: 20px; /* Above navigation dots */
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  pointer-events: none; /* Allows clicking through to navigation buttons */
  opacity: 0; /* Hidden by default */
  transition: opacity 0.3s ease-in-out; /* Smooth transition */
  opacity: 1; /* Show title by default, set this to zero for hover effect */
}

/* Show title when hovering over the carousel item or the overlay itself */
/* .carousel-item:hover .banner-title-overlay,
.banner-title-overlay:hover {
  opacity: 1;
} */

.banner-title {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.4); /* Semi-transparent background */
  padding: 6px 6px;
  border-radius: 8px;
  display: inline-block;
  margin: 0;
  max-width: 90%;
  word-wrap: break-word;
  line-height: 1.3;
  letter-spacing: 0.5px;
  backdrop-filter: blur(2px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Alternative: Show title only when hovering over the entire carousel container */
.carousel:hover .banner-title-overlay {
  opacity: 1;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
  .banner-title-overlay {
    bottom: -6px;
  }

  .banner-title {
    font-size: 1rem;
    padding: 6px 6px;
    max-width: 85%;
  }

  .carosule_custom_cs .carousel-indicators button.active {
    background-color: var(--OneColor);
}


.carosule_custom_cs .carousel-indicators .carousel-ellipsis {
    width: 10px;
    height: 10px;
    background-color: var(--FiveColor)!important;
    border-radius: 50%;
    opacity: 1;
    border: none;
    padding: 0;
    margin: 0 4px;
}



}

@media (max-width: 480px) {
  .banner-title-overlay {
    bottom: -6px;
  }

  .banner-title {
    font-size: 0.625rem;
    padding: 4px 8px;
    max-width: 90%;
  }
}

/* Dark mode styles (if needed) */
.dark-mode .banner-title {
  background: rgba(0, 0, 0, 0.6);
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--OneColor);
}

.view-profile-ourteam a {
  color: var(--TwoColor);
  text-decoration: underline;
  margin-left: 30px;
}


/* Black and White Play/Pause Button for Carousel */
.carousel-play-pause-btn {
  position: absolute;
  bottom: 30px;
  right: 20px;
  z-index: 20;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.carousel-play-pause-btn:hover {
  background-color: #333;
  transform: scale(1.05);
}

.carousel-play-pause-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.carousel-play-pause-btn svg {
  width: 20px;
  height: 20px;
}

/* Dark mode support */
.dark-mode .carousel-play-pause-btn {
  background-color: #fff;
  color: #000;
  border-color: #000;
}

.dark-mode .carousel-play-pause-btn:hover {
  background-color: #f0f0f0;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .carousel-play-pause-btn {
    bottom: 70px;
    right: 15px;
    width: 30px;
    height: 30px;
  }
  
  .carousel-play-pause-btn svg {
    width: 16px;
    height: 16px;
  }
    .carousel-play-pause-btn {
    bottom: 7px;
    right: 10px;
  }

}

@media (max-width: 480px) {
  .carousel-play-pause-btn {
    bottom: 7px;
    right: 10px;
  }
}

/* Button - only inside .footer-govt-link */
.footer-govt-link .carousel-play-pause-btn {
  position: absolute;
  bottom: 10px;
  right: 20px;
  z-index: 20;

  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 50%;
  cursor: pointer;

  background-color: var(--TwoColor);
  color: #fff;

  transition: all 0.3s ease;
}

/* SVG size (fix big pause icon issue) */
.footer-govt-link .carousel-play-pause-btn svg {
  width: 13px;
  height: 13px;
  pointer-events: none;
}

/* Hover */
.footer-govt-link .carousel-play-pause-btn:hover {
  background-color: var(--OneColor);
  transform: scale(1.08);
}

/* Active */
.footer-govt-link .carousel-play-pause-btn:active {
  transform: scale(0.95);
}

/* ---------- Responsive ---------- */

/* Tablet */
@media (max-width: 992px) {
  .footer-govt-link .carousel-play-pause-btn {
    width: 28px;
    height: 28px;
    bottom: 8px;
    right: 15px;
  }

  .footer-govt-link .carousel-play-pause-btn svg {
    width: 12px;
    height: 12px;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .footer-govt-link .carousel-play-pause-btn {
    width: 26px;
    height: 26px;
    bottom: 6px;
    right: 12px;
  }

  .footer-govt-link .carousel-play-pause-btn svg {
    width: 11px;
    height: 11px;
  }
}

.persona-carousel-wrapper {
  position: relative;
}

.persona-carousel-wrapper .persona-play-pause-btn {
  position: absolute;
  bottom: 10px;
  right: 20px;
  z-index: 20;

  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 50%;
  cursor: pointer;

  background-color: var(--TwoColor);
  color: #ffffff;

  transition: all 0.3s ease;
}

.persona-carousel-wrapper .persona-play-pause-btn:hover {
  background-color: var(--OneColor);
  transform: scale(1.08);
}

.persona-carousel-wrapper .persona-play-pause-btn:active {
  transform: scale(0.95);
}

.persona-carousel-wrapper .persona-play-pause-btn svg {
  width: 12px;
  height: 12px;
  pointer-events: none;
}

/* wrapper has proper positioning */
.social-media-carousel-wrapper {
  position: relative;
  width: 100%;
}

/* Play/Pause Button */
.social-media-carousel-wrapper .social-play-pause-btn {
  position: absolute;
  bottom: 10px;
  right: -20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  background-color: var(--TwoColor);
  color: #fff;
  z-index: 50;
  padding: 0; /* Add this to remove any default button padding */
}

.social-media-carousel-wrapper .social-play-pause-btn svg {
  width: 60%;
  height: 60%;
  pointer-events: none;
  display: block;
}

/* Hover */
.social-media-carousel-wrapper .social-play-pause-btn:hover {
  background-color: var(--OneColor);
  transform: scale(1.08);
}

/* Active */
.social-media-carousel-wrapper .social-play-pause-btn:active {
  transform: scale(0.95);
}

/* Focus state for accessibility */
.social-media-carousel-wrapper .social-play-pause-btn:focus {
  outline: 2px solid var(--OneColor);
  outline-offset: 2px;
}

/* Responsive */
@media (max-width: 992px) {
  .social-media-carousel-wrapper .social-play-pause-btn {
    width: 28px;
    height: 28px;
    bottom: 8px;
    right: 15px;
  }

  .social-media-carousel-wrapper .social-play-pause-btn svg {
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 576px) {
  .social-media-carousel-wrapper .social-play-pause-btn {
    width: 26px;
    height: 26px;
    bottom: 6px;
    right: 12px;
  }

  .social-media-carousel-wrapper .social-play-pause-btn svg {
    width: 11px;
    height: 11px;
  }
}

.maincontent  li, .headline_cust p, .maincontent table td,.maincontent .table-sec span{text-align:justify}

.maincontent ol li, .maincontent ul li {
    list-style-type: decimal !important;
    font-size: 0.875rem;
}