.dark-mode {
  background-color: #000 !important;
  color: yellow !important;
  background: #000 !important;
}

.dark-mode section {
  border-bottom: 1px solid #fff;
}

.dark-mode a {
  color: #bb86fc;
  /* Change link color */
}

.dark-mode .modal-content {
  background-color: #000 !important;
}

.dark-mode .languageSelectBox {
  background-color: #000 !important;
  border: 1px solid #fff;
  color: yellow !important;
}

.dark-mode p {
  color: yellow !important;
  /* Change link color */
}

.dark-mode .navBagColor {
  background: #000;

}

.dark-mode * {
  color: yellow !important;
  /* Change link color */
}

.dark-mode .headerToolBar ul.toolBarList li a.toggleDarkMode {
  color: yellow !important;
}

.headerToolBar ul.toolBarList li a.toggleDarkMode {
  font-size: 20px;
  color: #000;
}

.dark-mode .toggleDarkMode i {
  color: #ffcc00;
  /* Change icon color when dark mode is active */
}

.dark-mode .formsAndDownloadList,
.dark-mode .totalGraphSection,
.dark-mode footer,
.dark-mode .socialMediaSecondSection {
  background: #000;
}

.dark-mode .socialMediaSecondSection {
  border: 1px solid #fff;
}

.dark-mode .totalGraphSection * {
  color: #000;
}

.dark-mode .photoGallerySection * {
  color: yellow !important;
}

.dark-mode .aboutAndMinistrySection,
.dark-mode .ministryBgSection.ministrySection,
.dark-mode .ministrySection {
  background: #000;
}

.dark-mode .ministrySection {
  border: 1px solid #fff;
}

.dark-mode .importantUpdates,

.dark-mode .newsLabel ::after,
.dark-mode .headerToolBar {
  background: #000;
}
.dark-mode .newsLabel{
  background-color: var(--headerbtn);
}
.dark-mode h4.importantUpdatesHeading{
  color: yellow !important;
}
.dark-mode .newsLabel::after {
  border-left-color: yellow !important;
}

.dark-mode .clientsSlider {
  background: #000;
}

.dark-mode .noticeOrdersCircularSection {
  background: #000 !important;
  border: 1px solid #fff;
}

.dark-mode .noticeOrdersCircularSection .ImportantAnnouncement {
  background: #000 !important;
  border: 1px solid #fff;
}

.dark-mode .gridPatientSection a p {
  color: yellow !important;
}

.dark-mode .graphSection {
  background: #000;
  border: 1px solid #fff;
}

.dark-mode .graphSection .textSection * {
  color: yellow !important;
}

.dark-mode .graphSection .graphImage img {
  mix-blend-mode: unset;
}

.dark-mode .video-card{
background:#7c7a7acf !important;
}

.dark-mode #mainHeaderMenu ul ul {
  background-color: #000;
  border: 1px solid yellow;
}

.dark-mode #mainHeaderMenu ul ul li a {
  color: yellow !important;
}

.dark-mode .newsDateSection {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .socialMediaPhotoGallerySection .socialIconTabs {
  background: #000;
  border: 1px solid #fff;
}

.dark-mode .socialMediaSecondSection .iconWithTextSection {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .newsSection nav .newsTabs button {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .newsSection nav .newsTabs button.active::after {

  border-top: 6px solid #fff;

}

.dark-mode .ViewAllBtn {
  border-color: #fff;
  background-color: #000 !important;
}

.dark-mode .dateSection .highLightMentionDate {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .dateSection p.highLightedDate {
  background: #000;
  border: 1px solid #fff;
}

.dark-mode .importantNewsSection .newsDateSection .dateSection p.highLightedDate {
  background: #000;
  border: 1px solid #fff;
}

.dark-mode .importantNewsSection .newsDateSection .dateSection {
  background: #000;
  border: 1px solid #fff;
}

.dark-mode .mega-dropdown {
  background-color: #000;
}

.dark-mode .card {
  border: 1px solid #fff;
  background-color: #000;
  margin-bottom: 30px;
}

.dark-mode .innerPagesHeading h2::after {
  background-color: yellow;
}

.dark-mode .backToHomePage {
  background-color: #000;
  border: 1px solid #fff;

}

.dark-mode .mega-dropdown ul li a:hover,
.dark-mode .mega-dropdown .mega-link:hover {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .footerClientLogo .swiper-slide {
  background-color: #fff;
  border: 1px solid #fff;
}

.dark-mode table.table thead {
  background-color: transparent;
}

.dark-mode table.table thead th {
  border-bottom-color: #fff !important;
}

.dark-mode .misionVisionCards {
  background-color: #000;
  /* border: 1px solid #fff; */
}

.dark-mode .historyBackgroundSection .contentSection {
  background-color: #000;
}

.dark-mode .historyBackgroundSection ul.timeline .event {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .historyBackgroundSection .time p {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .historyBackgroundSection ul.timeline .event:before,
.dark-mode .historyBackgroundSection ul.timeline:before {
  background-color: #fff;
}

.dark-mode .form-control {
  background-color: #000;
  border: 1px solid #fff;
  color: yellow;
}

.dark-mode .form-control::placeholder {
  color: yellow;
}

.dark-mode .helplineNumber .card-icon {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .complaintForm .formSection {
  background-color: #000 !important;
  border: 1px solid #fff;
}

.dark-mode .complaintForm select {
  background-color: #000 !important;
}

.dark-mode .form-text:focus,
.dark-mode .form-email:focus,
.dark-mode .form-select:focus,
 .dark-mode .form-textarea:focus {
  color: #fff;
  background-color: #000;
  border-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.dark-mode .complaintForm input {
  background-color: #000 !important;
  border: 1px solid #fff;
}

.dark-mode .complaintForm textarea {
  background-color: #000 !important;
  border: 1px solid #fff;
}

.dark-mode .profileCardSection,
.dark-mode .profileCardSection::after {
  border-color: #000;
}

.dark-mode .standingCommitteeRow .nav-item .nav-link {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .standingCommitteeRow .nav-item .nav-link.active {
  background-color: #8b2c33;
}

.dark-mode .scroll-button {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .ViewArchive {
  background-color: #000;
  border: 1px solid #fff;
}

.dark-mode .table-responsive input {
  background-color: #000 !important;
  border: 1px solid #fff;
}

.dark-mode .table-responsive input::placeholder {
  color: yellow;
}

.dark-mode .dataTables_paginate .paginate_button {
  background-color: #000 !important;
  border: 1px solid #fff;
  color: yellow !important;
}

.dark-mode .dataTables_paginate .paginate_button.current {
  color: #fff !important;
}

.dark-mode .form_select_cat * {
  background-color: #000 !important;
  color: yellow;
}

.dark-mode .dataTables_wrapper input {
  background-color: #000 !important;
  border: 1px solid #fff;
  margin-left: 14px;
}

.dark-mode .dataTables_wrapper input::placeholder {
  color: yellow;
}

.dark-mode .org-box {
  background-color: #000 !important;
  border: 1px solid #fff;
}

.dark-mode .arrowSection svg path {
  fill: #fff;
}
.dark-mode table.table thead {
  background-color: #000 !important;
}

.dark-mode .info-box {
  background-color: #000 !important;
  border: 1px solid #fff;
}
.dark-mode .back-home {
  background-image: linear-gradient(to right, #000 0%, #000 51%, #000 100%);
}

.dark-mode .item-visitor {
  background-color: #000 !important;
  border: 1px solid #fff;
}

.dark-mode .languageSelectBox * {
  background: #000 !important;
  color: yellow;
}
.dark-mode #clientsLogo .swiper-wrapper .swiper-slide a{
  background-color: #fff;
}
.dark-mode .form_select_cat{
color: yellow;
}
.dark-mode .thank-you-container{
background:#000!important;
}
.dark-mode .button-reveal{
background-color: #000;
}