/* --- Reward Card Page --- */
.about-offer {
  background-color: var(--color-light-gray);
  text-align: center;
}

.about-offer .lead {
  font-size: 1.1em;
  margin-block: var(--s-3);
}

.about-offer .btn-primary {
  margin-top: var(--s-3);
}

.reward-cards {
  display: flex;
  justify-content: center;
  gap: var(--s-3);
  margin-block: var(--s-4);
  flex-wrap: wrap;
}

.reward-card-image {
  max-width: 45%;
  height: auto;
  border-radius: var(--radius);
  box-shadow: var(--shadow-md);
  display: block;
}

/* Responsive Adjustments for Reward Card Page */
@media (max-width: 992px) {
  .reward-card-image {
    max-width: 80%;
  }
}