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

.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 .properties-sale-section,
.darkmode .bg-up {
  background-color: rgb(10, 10, 10);
}

.darkmode .section-title h2,
.darkmode .section-title h4,
.darkmode .section-title h4 a,
.darkmode .tab-title h5,
.darkmode .tab-disc p,
.darkmode .tab-title p,
.darkmode .sale-disc p,
.darkmode .room-info p,
.darkmode .rooms-info p,
.darkmode .room-info2 p,
.darkmode .testimonial-disc p,
.darkmode .section-title p,
.darkmode .section-title span {
  color: rgb(255, 255, 255);
}

.darkmode .section-content h4,
.darkmode .service-content h4 a,
.darkmode .service-content p,
.darkmode .section-content p {
  color: rgb(255, 255, 255);
}

.darkmode .tab-disc select,
.darkmode .rooms-info span,
.darkmode .room-info2 span,
.darkmode .testimonial-content span,
.darkmode .room-info span {
  color: rgb(255, 255, 255);
}

.darkmode .tab-disc select,
.darkmode .feature-icon i,
.darkmode .search-box-btn.search-box-outer i {
  background-color: rgb(10, 10, 10);
}

.darkmode .service-icon i {
  color: rgb(255, 255, 255);
}

.darkmode .social-icon ul li a,
.darkmode .subscribe-button a,
.darkmode .header-button a {
  background-color: rgb(10, 10, 10);
}

.darkmode .tab-content,
.darkmode .sale-content,
.darkmode .perties-content,
.darkmode .single-testimonial,
.darkmode .feature-single-box,
.darkmode .service-single-box {
  background-color: rgb(10, 10, 10);
  border: 1px solid rgb(116, 117, 118);
}

.darkmode .blog-single-box:hover .blog-content {
  background-color: inherit;
}

.darkmode .blog-name a {
  color: rgb(255, 255, 255);
}

.darkmode .subscribe-button a {
  color: rgb(255, 255, 255);
}

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

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

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

.darkmode .single-subscribe-box {
  background-color: rgb(10, 10, 10);
}

.darkmode .service-time-list-item ul li {
  background-color: rgb(10, 10, 10);
}

.darkmode .prossess-ber-plugin span,
.darkmode .tab-button button {
  color: rgb(255, 255, 255) !important;
}

.darkmode .blog-description p,
.darkmode .team-details-title p,
.darkmode .section-disc p,
.darkmode .service-time-list-item ul li,
.darkmode .service-time-list-item ul li strong {
  color: rgb(255, 255, 255);
}

.darkmode .team-sub-content a {
  background-color: rgb(10, 10, 10);
  color: #fff;
}

.darkmode .owl-prev,
.darkmode .owl-next {
  background-color: rgb(10, 10, 10);
}

.darkmode .sale-single-box {
  border: 1px solid rgb(116, 117, 118);
}

.darkmode .form-box input ::placeholder,
.darkmode .form-box select {
  color: #fff !important;
}

.darkmode .calendar li {
  color: #fdfdfd;
}

.darkmode .rpost-content h5 a {
  color: rgb(255, 255, 255);
}

.darkmode .recent-post-item ul li a {
  color: #dfdfdf;
}