/* ======================================================== Dark Mode */

body.dark-mode,
.dark-mode .navigation-bar,
.dark-mode .wsmenu,
.dark-mode .wsmenu .wsmenu-list>li>a:before,
.dark-mode #international_collaborations,
.dark-mode #parakh_events,
.dark-mode .content-collaborations,
.dark-mode .Collaborations-list ul li,
.dark-mode #footer .inner-footer,
.dark-mode .hpc-stages-staps li .stage-names>p:first-child {
  background: #0D0D0D;
}

.dark-mode #footer .inner-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-mode .collaborators-list {
  padding: 25px 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .top-header,
.dark-mode .text-resizer a,
.dark-mode .language-selector .form-select,
.dark-mode .copyright-bar {
  color: #0D0D0D;
  background: #E0DFE3;
}

.dark-mode .language-selector .form-select {
  background: transparent;
}

.dark-mode .full-search {
  color: #FFFFFF;
  background: #0D0D0D;
  transition: all 0.3s;
}

.dark-mode .about-hpc h2,
.dark-mode .about-hpc-foundational-stage ul li h2,
.dark-mode .list-style-type-dise li,
.dark-mode #hpc-details p,
.dark-mode .hpc-stages-staps li .stage-names p,
.dark-mode .foundational-text-details p {
  color: #FFFFFF;
}

.dark-mode .govt-name,
.dark-mode .skip-content,
.dark-mode .screen-reader,
.dark-mode .dark-light-mode button,
.dark-mode .language-selector:before,
.dark-mode .language-selector:after,
.dark-mode .more-option .dropdown-toggle {
  color: #0D0D0D;
}

.dark-mode .skip-content,
.dark-mode .screen-reader,
.dark-mode .dark-light-mode:before,
.dark-mode .dark-light-mode:after {
  border-color: rgba(13, 13, 13, 0.4);
}

.dark-mode .skip-content:hover,
.dark-mode .screen-reader:hover,
.dark-mode .dark-light-mode button:hover,
.dark-mode .latest-news marquee a:hover,
.dark-mode .footer-links ul li a:hover,
.dark-mode .hpc-stages-staps li .stage-names p strong {
  color: var(--primary_color);
}

.dark-mode .dark-light-mode:before,
.dark-mode .dark-light-mode:after {
  background: rgba(13, 13, 13, 0.4);
}

.dark-mode .text-resizer a#text_resize_decrease:hover,
.dark-mode .text-resizer a#text_resize_reset:hover,
.dark-mode .text-resizer a#text_resize_increase:hover {
  background: #cecece;
}

.dark-mode .screen-reader {
  background: url("../img/img_text_to_speech_black.png") no-repeat scroll left 16px top 2px / 17px;
}

.img-dark-mode {
  display: none;
}

.dark-mode .img-light-mode {
  display: none;
}

.dark-mode .img-dark-mode {
  display: block;
}

.dark-mode .navigation-bar {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.dark-mode .wsmenu .wsmenu-list>li>a,
.dark-mode .wsmenu .wsmenu-list>li>span,
.dark-mode .latest-news marquee a,
.dark-mode .h2basic-head,
.dark-mode .plan-text,
.dark-mode .Collaborations-list ul li .collabs-details .date,
.dark-mode .Collaborations-list ul li .collabs-details p,
.dark-mode .events-details h5,
.dark-mode .events-details h5 a,
.dark-mode .events-details .loaction,
.dark-mode .events-details .time-period,
.dark-mode .member-details,
.dark-mode .footer-links h3,
.dark-mode .footer-links ul li a,
.dark-mode .footer-links .contact-division,
.dark-mode .footer-links .contact-links li,
.dark-mode .footer-links .contact-links li a,
.dark-mode .collaborators,
.dark-mode .current-collabs span,
.dark-mode .current-collabs p {
  color: var(--white_text_color);
}

.dark-mode .wsmenu .wsmenu-list>li>a:hover,
.dark-mode .wsmenu .wsmenu-list>li>a.is-active,
.dark-mode .wsmenu .wsmenu-list>li>span:hover,
.dark-mode .wsmenu .wsmenu-list>li>span.is-active {
  background: #191919 !important;
}

.dark-mode .wsmenu .wsmenu-list>li>a:hover:before,
.dark-mode .wsmenu .wsmenu-list>li>a.is-active:before,
.dark-mode .wsmenu .wsmenu-list>li>span:hover:before,
.dark-mode .wsmenu .wsmenu-list>li>span.is-active:before {
  background: var(--primary_color) !important;
}

.dark-mode .wsmenu .wsmenu-list>li>a.submenu-arrow:after,
.dark-mode .wsmenu .wsmenu-list>li>span.submenu-arrow:after {
  color: #fff;
}

.dark-mode .wsmenu .wsmenu-list>li>a:before,
.dark-mode .wsmenu .wsmenu-list>li>span:before {
  background: #191919 !important;
}

.dark-mode .whats-new {
  background: #130900;
}

.dark-mode #about_us {
  background: linear-gradient(95.94deg, rgba(255, 158, 104, 0.2) 0.03%, rgba(255, 242, 208, 0.04) 99.55%);
}

.dark-mode .collaborations-tabs .nav-tabs-all .nav-tabs .nav-link {
  border-color: #0D0D0D;
}

.dark-mode .Collaborations-list ul li {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .card-schools {
  background: url("../img/img_schools.png") no-repeat scroll right 0 bottom 0, linear-gradient(180deg, rgba(255, 167, 119, 1) 43.23%, rgba(255, 103, 31, 1) 100%);
}

.dark-mode .card-classes {
  background: url("../img/img_classes.png")no-repeat scroll left 0 bottom 0, linear-gradient(242.91deg, rgba(255, 214, 192, 1) 9.87%, rgba(255, 114, 53, 1) 96.88%);
}

.dark-mode .card-students {
  background: url("../img/img_students.png") no-repeat scroll left 0px bottom -1px / 100%, linear-gradient(180deg, rgba(255, 214, 192, 1) 43.23%, rgba(255, 114, 53, 1) 100%);
}

.dark-mode .inner-events {
  position: relative;
  background: #171717;
}

.dark-mode .collaborations-tabs .nav-tabs-all .nav-tabs .nav-link {
  border-color: #171717;
}

.dark-mode .collaborations-tabs.events-tabs .nav-tabs-all .nav-tabs .nav-link:hover {
  background: transparent;
}

.dark-mode .inner-leader-ship {
  background: #181818;
}

.dark-mode .give-feedback a {
  color: #0D0D0D;
}

.dark-mode .wsmenu .wsmenu-list>li>a.submenu-arrow:after,
.dark-mode .breadcrumb ul li,
.dark-mode .breadcrumb ul li a,
.dark-mode #block-parakh-content p,
.dark-mode .inner-employee-info .other-employess-lists h2,
.dark-mode .leads-departments h2,
.dark-mode .other-employess-lists h2,
.dark-mode .gallery-set h2 p,
.dark-mode .gallery-set h2 a {
  color: #fff;
}

.dark-mode .about-img {
  width: 100%;
  max-width: 100%;
  transition: all 0.3s;
  height: auto;
}

.dark-mode .hpc-watch-tutorial .dropdown-toggle {
  background: #ffffff;
  color: #0d0d0d;
}

.dark-mode .hpc-watch-tutorial .dropdown-menu {
  background: #ffffff;
}

.dark-mode .hpc-watch-tutorial .dropdown-item {
  color: #36454f;
}