.dark-mode {
    background-color: black !important;.dark-mode div
    color: white;
}

.dark-mode p {
    color: white !important;
}

.dark-mode a {
    color: white !important;
}

.dark-mode label {
    color: white !important;
}
.dark-mode strong {
    color: white !important;
}

.dark-mode .modal-content {
    background: black;
}

.dark-mode .commission-card {
    background: #181616 !important;
}
.dark-mode .officer-card {
    background: #181616 !important;
}
.dark-mode .num-text {
   color: white !important;
}


.dark-mode .div-transparent {
    background-color: transparent !important;
}

.dark-mode section {
    background-color: black !important;
}



/* Header - START */
.dark-mode #nav-w3c .dropdown-menu {
    background-color: black;
}

.dark-mode .toggler-icon {
    background: white;
}

.dark-mode .navbar-toggler.collapsed .toggler-icon {
    background: white !important;
}

.dark-mode .navbar-nav .dropdown-menu {
    --bs-dropdown-bg: black;
}

.dark-mode .dropdown-items-active {
    box-shadow: rgba(255, 15, 15, 0.377) 0px 2px 4px 0px;
}

.dark-mode .dropdown-item:hover {
    box-shadow: rgba(255, 15, 15, 0.377) 0px 2px 4px 0px;
}

.dark-mode #search .btn-outline-success {
    --bs-btn-color: white;
    --bs-btn-hover-bg: #c02e37;
}
/* Header - END */



/* Buttons - START */
.dark-mode .btn-1 {
    background-color: #c02e37;
}

.dark-mode .btn-1:hover {
    background-color: #c02e37;
}

.dark-mode .btn-1:active {
    background-color: #c02e37 !important;
    border-color: #c02e37 !important;
}

.dark-mode .btn-4 {
    color: white !important;
}

.dark-mode .btn-4:hover {
    color: white !important;
}
/* Buttons - END */



/* Swiper - START */
.dark-mode .swiper-pagination-1 {
    color: white;
}

.dark-mode .swiper-pagination-2 {
    color: white !important;
}

.dark-mode .swiper-pagination-3 {
    color: white;
}
/* Swiper - END */



/* Home Page - FAQ Section START */
.dark-mode #faq .accordion-button:not(.collapsed) {
    background-color: black;
}

.dark-mode #faq .accordion-button {
    background-color: black;
    color: white;
}

.dark-mode #faq .accordion-body {
    color: white;
}
/* Home Page - FAQ Section END */



/* Legal Aid Desk Page - START */
.dark-mode #legal-aid-desk .accordion-button {
    background-color: black;
}
/* Legal Aid Desk Page - END */



/* Annual Report - START */
.dark-mode .annual-report-container:hover {
    background-color: #36000059 !important;
}
/* Annual Report - END */



/* Vacancy Form - START */
.dark-mode #join-with-us form label {
    color: white;
}

.dark-mode #join-with-us form .form-control {
    background-color: black;
}

.dark-mode #join-with-us form input {
    color: white !important;
}
/* Vacancy Form - END */



/* Image/Video Page - START */
.dark-mode .horizontal-scroll__item {
    color: white !important;
}
/* Image/Video Page - END */



/* Knowledge Hub Page - START */
.dark-mode .btn-5 {
    color: white !important;
}
/* Knowledge Hub Page - END */



/* Contact Us Page Form - START */
.dark-mode #contact-us form .form-control {
    background-color: black;
}

.dark-mode #contact-us form input,
.dark-mode form textarea {
    color: white !important;
}

.dark-mode #contact-us form .form-control::placeholder {
    color: white;
}
/* Contact Us Page Form - END */


/* Case Tracker Page(search) - START */
.dark-mode #case-tracker-search .form-control {
    color: white !important;
    background-color: black;
}

.dark-mode #case-tracker-search .form-control::placeholder {
    color: white;
}
/* Case Tracker Page(search) - END */


.dark-mode .case-tracker-dark-box {
    background-color: #170202b2 !important;
}

/* Commission Page(table) - START */
.dark-mode #past-mempers .txt-color {
     color: white !important;
}

.dark-mode #past-mempers {
    background-color: #57565617 !important;
}
/* Commission Page(table) - END */

.dark-mode .popover-body {
    color: white;
}

.dark-mode .popover {
    --bs-popover-bg: black;
}

.dark-mode .partners-popup .modal-content{
    border: solid 1px #c02e37;
}

.dark-mode  .dropdown-submenu-item {
        background: black;
}
.dark-mode  .dropdown-submenu {
        background: black;
}


.dark-mode .accordion-body {
        background: black !important;
}

.dark-mode #contact-us .dropdown-toggle{
      background: black !important;
          color: white;
}
 .dark-mode  #contact-us .dropdown-menu{
      background: black !important;
          color: white;
}
.dark-mode .knowledge-sec-3{
         background:#181616 !important;
    }
.dark-mode .explore{
    color:white !important;
}