/* Colors */
:root {
  --yellow-color: #ffcc00; /* eye-catching yellow */
  --green-color: #2e8b57; /* creative green shade */
  --overlay-bg: rgba(170, 170, 170, 0.4); /* dark overlay for text visibility */
}

/* Section Heading */
.section-heading-custom {
  color: var(--yellow-color);
  font-weight: bold;
}

/* Feature Cards */
.feature-card {
  position: relative;
  border: 2px solid var(--yellow-color);
  border-radius: 8px;
  overflow: hidden;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
}


/* Heading color inside feature-card */
.feature-card h5 {
  color: var(--green-color); /* yellow titles */
}

.feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--overlay-bg);
  z-index: 1;
}

.feature-card h5,
.feature-card p,
.feature-card a {
  position: relative;
  z-index: 2;
}

/* Buttons */
.btn-yellow {
  background-color: var(--yellow-color);
  border: none;
  color: #333;
  transition: background-color 0.3s ease;
}

.btn-yellow:hover {
  background-color: var(--green-color);
  color: #fff;
}

/* Center last two cards */
.row.g-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.row.g-4 > .col-md-4:nth-last-child(2),
.row.g-4 > .col-md-4:nth-last-child(1) {
  margin-top: 2rem;
}