.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 h6 {
  color: #fff !important;
}

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

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

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

.darkmode .cart-catagorie span{
  color: #fff !important;
}

.darkmode .search-box-btn.search-box-outer i,
.darkmode .header-cart i{
  color: #fff !important;
}

.darkmode .search-box-btn.search-box-outer i,
.darkmode .header-cart i{
  background-color: rgb(10, 10, 10);
}

.darkmode .fea-thumb,
.darkmode .feature-inner-box{
  background-color: rgb(10, 10, 10);
}

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

.darkmode .about-section,
.darkmode .testimonial-section,
.darkmode .footer-area{
  background-color: rgb(10, 10, 10);
}

.darkmode .testimonial-icon img {
  filter: invert(1);
}

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

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

.darkmode .footer-adress span,
.darkmode span.rcomment,
.darkmode .footer-help span{
  color: #fff !important;
}

.darkmode .feature-box:hover .sel-content h4,
.darkmode .feature-box:hover .feature-button a{
  color: rgb(10, 10, 10) !important;
}

.darkmode .single_team_icon a{
  background-color: rgb(28, 26, 26);
}

.darkmode .Login_area::before{
  background-color: rgb(28, 26, 26);
}

.darkmode .sign-up-form-wrap{
  background-color: rgb(28, 26, 26);
  border: 1px solid #6f6f6f;
}

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

.darkmode .form-box input,
.darkmode .form_field input,
.darkmode .review-form input,
.darkmode .review-form textarea,
.darkmode .form-box textarea{
  background-color: rgb(28, 26, 26);
}

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

.darkmode .blog-content{
  background-color: rgb(28, 26, 26);
}

.darkmode .single-box,
.darkmode .blog-list-left,
.darkmode .single-shop-box{
  background-color: rgb(28, 26, 26);
}

.darkmode .slider-area{
  background-image: url(../images/home-1/slide-bg-d.png);
}

.darkmode .service-section{
  background-image: url(../images/home-1/ser-bg-d.png);
}

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


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

.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);
}