.grey-mode {
  background-color: #7c7a7acf !important;
  color: #fff !important;
  background: #7c7a7acf !important;
}

.grey-mode .navBagColor {
  background-color: #7c7a7acf !important;
}

.grey-mode .navBagColor #mainHeaderMenu ul li a {
  color: #ff0;
}

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

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

.grey-mode .headerToolBar ul.toolBarList li a.toggleDarkMode {
  color: #ff0;
}

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

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

.grey-mode .formsAndDownloadList,
.grey-mode .totalGraphSection,
.grey-mode footer,
.grey-mode .socialMediaSecondSection {
  background: #7c7a7acf;
}

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

.grey-mode .totalGraphSection * {
  color: #ff0;
}

.grey-mode .photoGallerySection * {
  color: #ff0;
}

.grey-mode .aboutAndMinistrySection,
.grey-mode .ministryBgSection.ministrySection,
.grey-mode .ministrySection {
  background: #7c7a7acf;
}

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

.grey-mode .importantUpdates,
.grey-mode .newsLabel ::after,
.grey-mode .headerToolBar {
  background: #7c7a7acf;
}
.grey-mode .newsLabel{
  background-color: #8b2c33;
}

.grey-mode .newsLabel::after {
  border-left-color: #fff;
}

.grey-mode .clientsSlider {
  background: #7c7a7acf;
}

.grey-mode .noticeOrdersCircularSection {
  background: #7c7a7acf !important;
  border: 1px solid #fff;
}

.grey-mode .noticeOrdersCircularSection .ImportantAnnouncement {
  background: #7c7a7acf !important;
  border: 1px solid #fff;
}

.grey-mode .gridPatientSection a p {
  color: #ff0;
}

.grey-mode .graphSection {
  background: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .graphSection .textSection * {
  color: #ff0;
}

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

.grey-mode .formDownload p a {
  color: #ff0;
}

.grey-mode h1,
.grey-mode h2,
.grey-mode h3,
.grey-mode h4,
.grey-mode h5,
.grey-mode h6,
.grey-mode p,
.grey-mode span,
.grey-mode a {
  color: #ff0 !important;
}

.grey-mode .newsDateSection {
  background-color: rgb(178 163 163 / 54%);
}

.grey-mode .socialMediaSecondSection .iconWithTextSection {
  background-color: #626060;
}

.grey-mode .socialMediaSecondSection a p {
  color: #ff0;
}

.grey-mode footer .otherAiims ul li a,
.grey-mode footer .quickLinks ul li a {
  color: #ff0;
}

.grey-mode .lastUpdateVisitor p {
  color: #ff0;
}

.grey-mode .copyrightSection p {
  color: #ff0;
}

.grey-mode .languageSelectBox {
  background: #626060;
  border: 1px solid #626060;
  color: #ff0;
}

.grey-mode button {
  color: #ff0;
}

.grey-mode td,
.grey-mode th {
  color: #ff0;
}

.grey-mode #mainHeaderMenu ul ul {
  background-color: #626060;
}


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

.grey-mode .newsDateSection {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .socialMediaPhotoGallerySection .socialIconTabs {
  background: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .socialMediaSecondSection .iconWithTextSection {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .newsSection nav .newsTabs button {
  background-color: #7c7a7acf;
  border: 1px solid yellow;
}

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

  border-top: 6px solid yellow;

}
.grey-mode .button-reveal{
 background-color: #7c7a7acf;
 color: yellow;
}
.grey-mode .counter.counter-small{
color: yellow;
}
.grey-mode  .newsSection nav .newsTabs button.active{
  color: yellow;
}

.grey-mode .ViewAllBtn {
  border-color: yellow;
}

.grey-mode .dateSection .highLightMentionDate {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .dateSection p.highLightedDate {
  background: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .importantNewsSection .newsDateSection .dateSection p.highLightedDate {
  background: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .importantNewsSection .newsDateSection .dateSection {
  background: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .mega-dropdown {
  background-color: #7c7a7acf;
}

.grey-mode .card {
  border: 1px solid #fff;
  background-color: #7c7a7acf;
  margin-bottom: 30px;
}

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

.grey-mode .backToHomePage {
  background-color: #7c7a7acf;
  border: 1px solid #fff;

}

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

.grey-mode .ViewAllBtn {
  border-color: #fff;
  background-color: #7c7a7acf !important;
}

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

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

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

.grey-mode .misionVisionCards {
  background-color: #7c7a7acf;
  /* border: 1px solid #fff; */
}

.grey-mode .historyBackgroundSection .contentSection {
  background-color: #7c7a7acf;
}

.grey-mode .historyBackgroundSection ul.timeline .event {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .historyBackgroundSection .time p {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
}

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

.grey-mode .form-control {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
  color: yellow;
}

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

.grey-mode .helplineNumber .card-icon {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .complaintForm .formSection {
  background-color: #7c7a7acf !important;
  border: 1px solid #fff;
}

.grey-mode .complaintForm select {
  background-color: #7c7a7acf !important;
}

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

.grey-mode .complaintForm input {
  background-color: #7c7a7acf !important;
  border: 1px solid #fff;
}

.grey-mode .complaintForm textarea {
  background-color: #7c7a7acf !important;
  border: 1px solid #fff;
}

.grey-mode .profileCardSection,
.grey-mode .profileCardSection::after {
  border-color: #7c7a7acf;
}

.grey-mode .standingCommitteeRow .nav-item .nav-link {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
}

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

.grey-mode .scroll-button {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
}

.grey-mode .ViewArchive {
  background-color: #7c7a7acf;
  border: 1px solid #fff;
}

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

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

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

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

.grey-mode .form_select_cat * {
  background-color: #7c7a7acf !important;
  color: yellow;
}

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

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

.grey-mode .org-box {
  background-color: #7c7a7acf !important;
  border: 1px solid #fff;
}

.grey-mode .arrowSection svg path {
  fill: #fff;
}

.grey-mode table.table thead {
  background-color: #7c7a7acf !important;
}

.grey-mode .info-box {
  background-color: #7c7a7acf !important;
  border: 1px solid #fff;
}

.grey-mode .back-home {
  background-image: linear-gradient(to right, #7c7a7acf 0%, #7c7a7acf 51%, #7c7a7acf 100%);
}

.grey-mode .item-visitor {
  background-color: #7c7a7acf !important;
  border: 1px solid #fff;
}

.grey-mode .languageSelectBox * {
  background: #7c7a7acf !important;
  color: yellow;
}
.grey-mode .headerToolBar ul.toolBarList li button{
  color: yellow;
}
.grey-mode .custom-toggle-button i{
 color: yellow !important;
}
.grey-mode .customCounterSection{
  background: #7c7a7acf ;

}
.InnerpagesContent .standingCommitteeRow .nav{
flex-wrap: unset;
}
.grey-mode .video-card{
background:#7c7a7acf !important;
}
.grey-mode .form_select_cat{
color: yellow;
}
.grey-mode *{
  color: yellow !important;
}
.grey-mode .thank-you-container{
background:#7c7a7acf !important;
}
.grey-mode .highcharts-background{
fill: yellow !important;
}
.grey-mode path{
  fill: #7c7a7acf !important;
}