/* support-35th-businesses.css */

body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
  line-height: 1.6;
  color: #333; /* or #fff if you prefer */
}

/* Intro section with extra top padding so it's not under the fixed header */
.intro {
  padding: 120px 20px 40px; /* top padding accounts for the header height plus some space */
  text-align: center;
}

.intro h2 {
  margin-bottom: 20px;
  font-size: 2rem;
}

.intro p {
  max-width: 600px;
  margin: 0 auto 20px;
}

.intro .btn {
  display: inline-block;
  padding: 10px 25px;
  background: var(--primary-color);
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.3s ease;
}

.intro .btn:hover {
  background: var(--secondary-color);
}

/* Hero-image section below the intro text */
.hero-image {
  min-height: 70vh;
  background: url('BWSLO35.jpg') no-repeat center center;
  background-size: contain;
  background-color: #fff; /* Use white instead of black */
  margin-bottom: 40px;
}