body.nightMode {
  background: #181f29;
  color: #fff;
}
.nightMode h1,
.nightMode h2,
.nightMode h3,
.nightMode h4,
.nightMode h5,
.nightMode h6 {
  color: #ffcf10;
  font-weight: 400;
}

.nightMode .banner {
    background-color: #1d2734;
    background-image: url("https://madebydhawal.com/wp-content/uploads/2026/02/home-night-banner.png");
}
.nightMode .innerBanner {
  background: url("../images/inner-night-bg.jpg") repeat-x top #181f29;
}

.nightMode .banner h1, .nightMode .banner h3, .nightMode .banner p, .nightMode .innerBanner h3{
  color:#fff;
}
.nightMode .logo {
  display: none;
}
.nightMode .nightLogo {
  display: block;
}
.nightMode .callToAction{
    background-color: #1d2734;
}
.nightMode .callToAction h3{
  color:#fff;
}
.nightMode .btn1 {
    background-color: #181f29;
}
.nightMode rs-sbg {
  background-image: url("../images/home-night-banner.png") !important;
}
.nightMode rs-module rs-mask-wrap .rs-layer,
.nightMode rs-module rs-mask-wrap *:last-child,
.nightMode .testimonials p {
  color: #fff !important;
}
.nightMode .strong-view.modern .testimonial-content:before,
.nightMode .strong-view.modern .testimonial-content:after {
  color: #535b5d !important;
}
.nightMode .navbar-light .navbar-toggler-icon {
  border-bottom: 1px solid #ffcf10;
}
.nightMode .navbar-light .navbar-toggler-icon:after,
.nightMode .navbar-light .navbar-toggler-icon:before {
  background-color: #ffcf10;
}
.nightMode .stat .number {
  color: #e1b60f !important;
}
.nightMode .stat .count-title {
  color: #fff !important;
}
.nightMode .nav-item:after {
  background-color: #4047f6;
}
.nightMode .nav-link {
  color: #ffcf10 !important;
}
.nightMode .nav-item:hover .nav-link {
  color: #ffcf10 !important;
}
.nightMode .nav-item.active .nav-link {
  color: #fff !important;
}

.nightMode .sticky-nav {
  background: #090a0e;
  box-shadow: 0px -1px 38px 0px rgba(212, 212, 212, 0.3);
}
.nightMode .sticky-nav .nightLogo img {
  width: 70%;
}
.nightMode .whatIDo,
.nightMode .vc_custom_1584684565828 {
  background: #1d2734 !important;
}
.nightMode .greyBg {
  background: #202935;
}
.nightMode .projectCall {
  background: #263244;
}
.nightMode footer {
  background: #090a0e !important;
}
.nightMode .portfolioPage .image-grid {
  border: 3px solid #0d131b;
}
.nightMode .portfolioPage .image-grid:hover {
  background: #000;
}
.nightMode .portfolioPage .image-grid span h3 {
  color: #fff !important;
}
.nightMode .portfolioIcon {
  border-color: #fff !important;
}
.nightMode .portfolioPage .catName,
.nightMode .portfolioPage i,
.nightMode .portfolioPage a i {
  color: #fff !important;
}
.nightMode .vc_separator .vc_sep_holder .vc_sep_line {
  border-color: #000 !important;
}
.nightMode .blogBox {
  background: #101823 !important;
}
.nightMode .overviewBox {
  background: #151b23;
}
.nightMode .blogCat a {
  border-color: #494b4e;
}
.nightMode .blogBox .title {
  color: #ffcf1d;
}
.nightMode .blogBox p {
  color: #fff;
}
.nightMode .innerBanner a {
  color: #fff;
}
.nightMode .tags a {
  background: #131a23;
  color: #fff;
  border-color: #090c10;
}
.nightMode textarea {
  background: #131a23 !important;
  color: #fff !important;
}
.nightMode #wpcomm .wpdiscuz-textarea-wrap,
.nightMode #wpcomm {
  border-color: #090c10;
}
.nightMode .blogSidebar {
  background: #0c1117;
}
.nightMode .blogSidebar ul li {
  border-bottom: 1px dotted #313d4c;
}
.nightMode .blogAside .title {
  color: #ffcf10;
}
.nightMode .blogAside ul li a {
  color: #78daff;
}
.nightMode .blogAside .lwptoc-light .lwptoc_i {
  border-radius: 8px;
  border: 1px solid #0f151c;
  background-color: transparent;
}
.nightMode .blogAside .lwptoc-light .lwptoc_i .lwptoc_header {
  color: #ffcf10;
}
.nightMode .postContent h3 {
  color: #fff;
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
  .nightMode .navbar-collapse {
    background: #555;
  }
}