/* Minor overrides and brand colors */
body {
  font-family: "Poppins", sans-serif;
}

.section-title {
  background: linear-gradient(135deg, #6a11cb, #2575fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero {
  background: linear-gradient(135deg, #6a11cb, #2575fc);
  color: #fff;
}

.promo-banner,
.cta {
  background: linear-gradient(135deg, #ff512f, #dd2476);
  color: #fff;
}

/* Ensure hero images remain within viewport */
.hero .image img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}

@media (max-width: 576px) {
  .hero .image img {
    max-height: 250px;
  }

  .promo-banner .promo-text {
    font-size: 1.25rem;
  }

  .promo-banner .promo-subtext {
    font-size: 1rem;
  }

  #faq .accordion-button {
    font-size: 0.9rem;
  }

  footer p {
    font-size: 0.875rem;
  }
}

.founder-img {
  width: 100%;
  max-width: 250px;
  height: auto;
  border-radius: 50%;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Instagram icon link styling */
.instagram-link {
  color: #fff;
  font-weight: 600;
  transition: color 0.3s ease;
}

.instagram-link:hover,
.instagram-link:focus {
  color: #ffd700;
  outline: 2px solid #ffd700;
  outline-offset: 2px;
}

/* Instagram CTA button styling */
.btn-instagram {
  background-color: #e4405f;
  color: #fff;
  border: none;
}

.btn-instagram:hover,
.btn-instagram:focus {
  background-color: #d62976;
  color: #fff;
}

#program ul li {
  position: relative;
  padding-left: 1.25rem;
}

#program ul li::before {
  content: "•";
  color: #2575fc;
  position: absolute;
  left: 0;
}

#who p.lead {
  font-weight: 400;
  margin-bottom: 1.5rem;
}
#who ul li {
  position: relative;
  padding-left: 1.25rem;
}
#who ul li::before {
  content: "•";
  color: #2575fc;
  position: absolute;
  left: 0;
}