/* This CSS file is responsible for supporting the old page only, remove this file if we're not using the old page in the homepage or in the builders-risk page */

.header-height { min-height: 60px; }
.section0-height { min-height: 589px; }
.section1-height { min-height: 575px; }
.section2-height { min-height: 596px; }
.section3-height { min-height: 459px; }
.section4-height { min-height: 461px; }
.section5-height { min-height: 878px; }
.section6-height { min-height: 768px; }
.footer-height { min-height: 546px; }

@media (max-width: 768px) {
  .section0-height { min-height: 770px; }
  .section1-height { min-height: 1035px; }
  .section2-height { min-height: 1271px; }
  .section3-height { min-height: 854px; }
  .section4-height { min-height: 633px; }
  .section5-height { min-height: 940px; }
  .section6-height { min-height: 966px; }
  .footer-height { min-height: 793px; }
}

.hero-background {
  background-position: center;
  background-size: cover;
  opacity: 1; /* Slightly increased opacity for glossiness */
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  filter: grayscale(80%) brightness(0.8) contrast(200%);
}

/* Mobile background image */
@media (max-width: 767px) {
    .hero-background {
        background-image: url('../images/index-hero-background-mobile-450x768.webp');
    }
}

/* Desktop background image */
@media (min-width: 768px) {
    .hero-background {
        background-image: url('../images/index-hero-background-image-1656X1016.webp');
    }
}