.darkmode {
  background-color: rgb(37, 37, 37);
  color: rgb(255, 255, 255);
  transition: 0.5s;
}

.darkmode h1 {
  color: #fff !important;
}

.darkmode h2 {
  color: #fff !important;
}

.darkmode h3 {
  color: #fff !important;
}

.darkmode h4 {
  color: #fff !important;
}

.darkmode h4 a{
  color: #fff !important;
}

.darkmode h5 {
  color: #fff !important;
}

.darkmode a {
  color: #fff !important;
}

.darkmode p {
  color: #fff !important;
}

.darkmode .header-src-btn i,
.darkmode .nav-btn a  i{
  color: #fff !important;
}

.darkmode .about-shape img {
  filter: invert(1);
}

.darkmode .blog-content,
.darkmode .cntr-bg-up1,
.darkmode .feature-inner-box{
  background-color: rgb(10, 10, 10);
}

.darkmode .single_team_icon a { 
  color: rgb(10, 10, 10) !important;
}

.darkmode .service-section{
  background-image: url(../image/ser-bg-dark.png);
}

.darkmode .slider-area{
  background-image: url(../image/slide-dark.png);
}  

.darkmode .logo img{
  filter: brightness(0) invert(1);
}

/*
<!-- =======================================-->
<!--inner Dark Css-->
<!-- =======================================-->*/

.darkmode .blog-single-details,
.darkmode .single-widget-item,
.darkmode .blog-list-left{
  background-color: rgb(28, 26, 26);
}

.darkmode .form-box input,
.darkmode .form-box textarea,
.darkmode .blog-list-left input[type="email"]{
  background-color: rgb(28, 26, 26);
}

.darkmode .form-box input::placeholder,
.darkmode .form-box textarea::placeholder,
.darkmode .blog-list-left input::placeholder{
  color: rgb(255, 255, 255);
}

.darkmode .calendar ul li{
  color: rgb(255, 255, 255);
}

.darkmode .cart-totals,
.darkmode .single-shop-box,
.darkmode .single-box,
.darkmode .single-shop{
  background-color: rgb(28, 26, 26);
}

.darkmode .cart-section,
.darkmode .subscribes-section{
  background-color: rgb(28, 26, 26);
}

.darkmode .sel-button a:hover {
  background-color: rgb(36, 36, 36);
}

.darkmode input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"])::placeholder {
  color: rgb(255, 255, 255) !important;
}

.darkmode input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"]) {
    background-color: rgb(28, 26, 26);
}

.darkmode select.form-field {
  background-color: rgb(28, 26, 26);
}

.darkmode .social-box li a{
  color: rgb(28, 26, 26) !important;
}

.darkmode .checkout-box{
  background-color: rgb(28, 26, 26);
}

.darkmode .table>thead {
  color: rgb(255, 255, 255);
}

.darkmode .table th,
.darkmode .table td {
  color: rgb(255, 255, 255);
}