/* Shared artwork: 50% image opacity with a light white wash above it. */
body {
  min-height: 100vh;
  background: #fff;
  isolation: isolate;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

body::before {
  background: url("../img/background.svg") center center / cover no-repeat;
  opacity: 0.5;
}

body::after {
  background: rgba(255, 255, 255, 0.2);
}

/* Let the artwork show through the broad page surfaces. */
.section-bg,
.breadcrumbs,
.reach-section,
.portfolio-details,
.blog_section,
#about,
#services,
#team,
#clients,
#testimonials,
#contact {
  background-color: rgba(255, 255, 255, 0.2);
}

#hero {
  background: rgba(255, 255, 255, 0.2);
}

.section-header p {
  color: #53585c;
}

#hero .hero-info h2,
#hero .hero-info h2 span,
#hero .hero-info h3 {
  color: #292929;
}

#hero .hero-info h3 span {
  color: #292929 !important;
}

#hero .hero-info .btn-services,
#hero .hero-info .btn-get-started:hover {
  color: #393939;
  border-color: #393939;
}

#hero .hero-info .btn-services:hover {
  color: #fff;
}

#header {
  background: rgba(255, 255, 255, 0.96);
}

#footer {
  background: rgba(0, 0, 0, 0.94);
}

#footer .footer-top {
  background: rgba(46, 46, 46, 0.94);
}