body.dark-mode *:not(.bg-img, .light-bg)  {
    background-color: #121212;
    color: #ffffff !important;
  }

  body.dark-mode *:not(.choose, .bg-img, .light-bg) {
    background-color: black !important;
}
  body.dark-mode .navbar {
    box-shadow: 0 0 2px white !important;
    }
  body.dark-mode a {
    color: #ffffff;
  }
  body.dark-mode .theme_card *:not(form):not(.form-control):not(label) {
    background-color: #0e0c0c !important;
  }
  body.dark-mode .theme_card  .form-floating  {
    border : 1px solid #ffffff !important;
    border-radius: 7px !important;
  }
  body.dark-mode .btn {
    background-color: #ffffff;
    color: #121212;
  }

  body.dark-mode li {
    background-color: #121212 !important;
  }
  body.wrapper {
    background-color: #121212 !important;
  }
  body.dark-mode .bg-white {
    background-color: #000000 !important; /* Change white backgrounds to black */
  }
  body.dark-mode .bg-light {
    background-color: #000000 !important; /* Change white backgrounds to black */
  }
  body.dark-mode .image-wrapper.bg-overlay-light-500:before {
    background-color: #000000 !important;  
  }
  body.dark-mode .navbar-stick:not(.navbar-dark) {
    background-color: #000000 !important; /* Change white backgrounds to black */

  }
 
body.dark-mode .card *:not(.overlay, .swiper-pagination, .swiper-button, figure,) {
  background-color: black !important;
}

body.dark-mode  .swiper-pagination,  .swiper-button {
  background: transparent !important;
}
body.dark-mode .swiper-controls .swiper-navigation .swiper-button {
  background: transparent !important;
  color : #000000 !important;
}

body.dark-mode .overlay span.bg   {
  
  background: rgba(147, 168, 199, 0.6) !important;
}

body.dark-mode .image-wrapper.bg-overlay.bg-content .content, body.dark-mode .image-wrapper.bg-overlay:not(.bg-content,.gradient-1) * :not(.gradient-1) {
  background: transparent !important;

}



body.dark-mode .overlay span.bg   {
  
  background: rgba(147, 168, 199, 0.6) !important;
}