.dark-mode {
  background-color: #000 !important;
  
  color: #000 ;
 
}
.dark-mode .about-section-home{ color:#fff; }
.dark-mode h2.about{ color:#fff; }
.dark-mode .btn-border{ color:#fff!important; border-color:#fff!important; }
.dark-mode .btn-border:hover{ color:#000!important; border-color:#fff!important; background-color:#fff!important; }
.dark-mode .gallery-section-new-home { color:#fff; }
 .dark-mode .gallery-section-new-home h3{ color:#fff; }
  .dark-mode  .gallery-section-new-home a { color:#fff!important; border-color:#fff!important; }
  .dark-mode .gallery-section-new-home a:hover{ color:#000!important; border-color:#fff!important; background-color:#fff!important; }
  .dark-mode  .static-content {
    color: #fff!important;
}

.dark-mode .static-content h3{ color: #fff!important;}
 .dark-mode .static-content p{
    color: #fff;
}
.dark-mode .static-content .Mui-error{ color:#d32f2f!important;}
.dark-mode .text-success-emphasis{ color: #fff!important;}
.dark-mode .static-content  h4{ color: #fff!important;}
.dark-mode .btn-pdf:hover{  border-color:#fff!important;  }
.dark-mode .whitebg{ background-color:#000; color:#fff; }
.dark-mode .whitebg:hover{ background-color:#777; color:#fff; }
.dark-mode .whitebg a{  color:#fff; }
.dark-mode .new-card{ background-color:#000; color:#fff; border: solid 1px #fff;}
.dark-mode .new-card h4{color:#fff;}
.dark-mode .new-card .date{color:#fff;}


.dark-mode .about-company {
    background: #000 !important;
    color: #fff;
}
.dark-mode .about-company .text-white span{ color: #fff!important;}
.dark-mode .landing-page svg{ fill:#fff; }
.dark-mode .landing-page .btn-primary {
    background: transparent !important;
    border: solid 1px #fff;
    color: #fff;
}
.dark-mode .landing-page .btn-primary:hover {
    background: #fff !important;
    border: solid 1px #fff;
    color: #000;
}
.dark-mode .navbar-scrolled{ background-color:rgba(0, 0, 0, .7)!important; color:#fff; }
.dark-mode  .navbar-scrolled .nav-link{color:#fff!important; }
.dark-mode  .dropdown-menu{ background-color:rgb(0, 0, 0); color:#fff!important; }
.dark-mode  .dropdown-menu a{color:#fff!important; }
.dark-mode .navbar-scrolled .resize-content{color:#fff!important; }
.dark-mode .navbar-scrolled .btn-circle{color:#fff!important; }
.dark-mode .navbar-scrolled  #skip-button{color:#fff!important; }
.dark-mode .navbar-scrolled .secelct-lang{color:#fff!important; }
.dark-mode .navbar-scrolled .search-btn{color:#fff!important; }
.dark-mode .navbar-scrolled .btn-long svg{color:#fff!important; }
.dark-mode .latest-news-section-home { background-color:#000; color:#fff; }
.dark-mode .latest-news-section-home  h3{ color:#fff }
.dark-mode .what-we-do-section-home{ background-color:#222;  }
.dark-mode .what-we-do-section-home h3{ color:#fff;  }
.dark-mode .tender-section-new-home{ background-color:#222; color:#fff;  }
.dark-mode .tender-section-new-home h3{ color:#fff;   }
.dark-mode  .bi-arrow-left-circle-fill{ color:#fff;   }
.dark-mode  .bi-arrow-left-circle-fill:hover{ color:#fff;   }
.dark-mode .latest-news-section-home a{  color:#fff;   }
.dark-mode .tender-section-new-home a{  color:#fff;   }
.dark-mode .dropdown-menu .dropdown-item:hover{ color:#000!important }

 .dark-mode .video-section p{  color:#fff;   }

  .dark-mode .landing-page p{  color:#fff!important; }
    .dark-mode .employee-corner{ background: #fff url('./../images/black-bg-corner.png') right top no-repeat!important; color: #fff;}
    .dark-mode .employee-corner h3{ color:#fff}
  .dark-mode .about-company h4{ color:#fff}
    .dark-mode .card-header{ background:#222 }
     .dark-mode .card-body{ background:#000 }
    .dark-mode  .contact-us{ color:#fff!important }
      .dark-mode  .contact-us p{ color:#fff!important }
            .dark-mode  .contact-us h3{ color:#fff!important }
            .dark-mode  .tender-form {
    background: #0000;
    color: #fff;
}
   .dark-mode .tender-form .btn-primary {
    background: transparent !important;
    border: solid 1px #fff;
    color: #fff;
}
.dark-mode .odd-even-carrer p{ color:#000!important }
@media screen and (min-width:320px) and (max-width:767px) {
  .dark-mode  #skip-button{ color:#000 }
 .dark-mode  .btn-long svg{ color:#000  }
  .noBG-menu  #skip-button{ color:#000 }
  .btn-long svg{ color:#000!important }
.dark-mode  .noBG-menu .navbar-nav .nav-linke{ color:#fff }
}
.dark-mode .cursor-pointer{ color:#fff!important }
.dark-mode .nav-tabs .nav-item .active { color:#000!important }
a { color:#4878e0; }
.dark-mode .news-section .text-body-secondary { color:#fff!important; }
.dark-mode  .video-section span { color:#fff!important; }
.dark-mode .text-muted { color:#fff!important; }
.dark-mode .about-company .text-white p { color:#fff!important; }
.dark-mode .tender-section h3 { color:#fff!important; }
.dark-mode  p { color:#fff!important; }
.dark-mode .produced-movie .owl-prev { color:#fff!important; }
.dark-mode .produced-movie  .owl-next span { color:#fff!important; }
.dark-mode  .table-width .text-muted{ color:#000!important; }
.dark-mode .btn-pdf{ background-color:transparent; border-color:#fff }
.btn-pdf .bi-file-earmark-pdf-fill { padding-right:4px; }

.dark-mode #welcome .table-width span { color:#000!important; }
.dark-mode .social-prev{
color: #fff !important;
}
.dark-mode .social-next{
 color: #fff !important;
} 
.dark-mode .social-custom{
color: #fff !important;
}

.dark-mode .MuiModal-root {
  color: #fff !important;

}

.dark-mode .css-1dswmw8 {
  background-color: black !important;
}