body {
  font-family: "Inter", sans-serif;
  background-color: #f8f9fa;
  color: #1f2937;
}

.carousel-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 1s ease-in-out;
}
.carousel-slide .carousel-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

/* --- Brand Colors --- */
.brand-color {
  color: #08a79d;
}

.brand-hover:hover {
  color: #08a79d;
}

.brand-bg {
  background-color: #08a79d;
}
.brand-bg:hover {
  background-color: #068c81;
}

#main-header {
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
#main-header.bg-white .nav-link.active {
  color: #08a79d;
  font-weight: 600;
}

.hero-bg-about, .hero-bg-contact, .hero-bg-montage, .hero-bg-production, .hero-bg-remont, .hero-bg-service {
  background-size: cover;
  background-position: center;
}
.hero-bg-about .hero-overlay, .hero-bg-contact .hero-overlay, .hero-bg-montage .hero-overlay, .hero-bg-production .hero-overlay, .hero-bg-remont .hero-overlay, .hero-bg-service .hero-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}

.hero-bg-about {
  background-image: url("/img/hero/about-hero.avif");
}

.hero-bg-contact {
  background-image: url("/img/hero/contact-hero.png");
}

.hero-bg-montage {
  background-image: url("/img/hero/montage-hero.jpg");
  background-position: 0 -700px;
}

.hero-bg-production {
  background-image: url("/img/hero/production-hero.png");
}

.hero-bg-remont {
  background-image: url("/img/hero/remont-hero.png");
}

.hero-bg-service {
  background-image: url("/img/hero/service-hero.png");
}