@media (prefers-color-scheme: dark) {
  body {
    background-color: #333536;
    background: linear-gradient(to right, #414345, #232526);
  }
  .feature-area, .apps-area, .donate-area, .review-area, .footer-area {
    background-color: #333536;
    background: linear-gradient(to right, #414345, #232526);
  }
  .apps-tab .active {
    background: linear-gradient(to right, #06AEFE, #0acffe) !important;
  }
  .icon-text h3, .apps-text > h1 {
    color: #ffffff
  }
  .quote {
    color: #ffffff !important;
  }
  .icon-text > p, .apps-text > p, p {
    color: #DADADA
  }
  .slider-section {
    background: url("../img/headerlight.jpg") no-repeat scroll center right / cover  rgba(0, 0, 0, 0);
  }
  .slider-section:before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom,#B6C9D9,#232526);
	opacity: .7;
  }
  .header, .header-space {
    background-color: #B6C9D9;
    background: linear-gradient(to right, #B6C9D9, #B6C9D9)
  }
  .header.is-sticky {
    background-color: #333536;
    background: linear-gradient(to right, #414345, #232526);
  }
  .review-post {
    box-shadow: 0 0 20px #000;
  }
  .review-post p, {
    color: #757575;
  }
  .slider-text h1, .slider-text h4 {
    color: #fff
  }
  .hidden-dark {
    display: block !important;
  }
  .hidden-light {
    display: none !important;
  }
}