/* Contrast tweaks for content blocks over busy backgrounds */

/* Dark translucent panel behind content for readability */
#two .container,
#four .container,
#five .container {
  background: rgba(0, 0, 0, 0.45);
  border-radius: 0.5rem;
  padding: 2.5rem 2rem;
}

/* Headings pop on darker bg */
#two .major h2,
#four .major h2,
#five .major h2 {
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

/* Body text and list items slightly lighter than pure white */
#two .alt li,
#four p,
#four .disclaimer,
#five p,
#five .disclaimer {
  color: rgba(255, 255, 255, 0.92);
}

#two .alt li strong {
  color: #fff;
}

/* Why Choose section styling */
.center-text {
  text-align: center;
  font-size: 1.1rem;
  margin-top: 2rem;
}

/* Tighter padding on small screens */
@media (max-width: 736px) {
  #two .container,
  #four .container,
  #five .container {
    padding: 1.75rem 1.25rem;
  }
}

/* --- Visibility & Typography Enhancements --- */

/* Bolder, clearer text in "Why Choose" */
#four .major h2 {
  font-weight: 600; /* heavier headline for section */
}

#four h3 {
  font-weight: 600; /* headings stand out more */
  letter-spacing: 0.2px;
}

#four p {
  font-weight: 400; /* bump from theme's 300 */
  color: rgba(255, 255, 255, 0.97);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.center-text strong {
  font-weight: 700; /* emphasize key CTA text */
}

/* Ensure Contact section has unmistakable dark overlay */
#five {
  position: relative; /* anchor for overlay */
}

#five::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6); /* strong dim over hero image */
  z-index: 0;
}

#five .container {
  position: relative;
  z-index: 1; /* sit above the overlay */
  background: rgba(0, 0, 0, 0.55); /* add panel for extra contrast */
}

#five .major h2 {
  font-weight: 600;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

#five p,
#five .disclaimer {
  color: rgba(255, 255, 255, 0.96);
}
