/* === Fix Inline Styles (moved from HTML) === */

/* Hidden elements */
.hidden {
  display: none !important;
}

/* Invisible elements */
.invisible {
  display: none !important;
  visibility: hidden !important;
}

/* Section padding (replaces inline style) */
.section-padding {
  padding: 40px 0 !important;
}

/* Hero dynamic background */
.hero-dynamic {
  background-size: cover;       /* full image coverage */
  background-position: center;  /* center the image */
  background-repeat: no-repeat; /* prevent tiling */
  width: 100%;                  /* full width */
  min-height: 100vh;            /* full viewport height */
  position: relative;           /* needed for overlays */
}

/* Optional: dark overlay for hero text readability */
.hero-dynamic::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); /* adjust opacity as needed */
  z-index: 1;
}

/* Hero content text above overlay */
.hero-dynamic .optech-hero-content {
  position: relative;
  z-index: 2;
}