.bg-gradient-container {
  background: linear-gradient(90deg, #e76127 0%, #dc4128 100%);
}

/* For "today!" text with transparent fill and white stroke */
.highlight-text {
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px white; /* White border stroke */
}

/* Ensure responsive scaling on smaller devices */
@media (min-width: 768px) {
  .cta-section {
    min-height: 418px;
  }
}

@media (min-width: 1024px) {
  .cta-section {
    min-height: 324px;
  }
}

.btn-donate-today {
  background: linear-gradient(180deg, #f2fcff 0%, #ddf9ff 100%);
  box-shadow: 0px 1px 1px 0px #fff inset, 0px 6px 12px -8px rgba(0, 0, 0, 0.28),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

/* Default visibility settings (smallest screens) */
.called-to-give-text-split-mobile {
  display: block;
}

.called-to-give-text-split-tablet,
.called-to-give-text-full {
  display: none;
}

/* Tablet and medium screens (490px - 767px) */
@media (min-width: 490px) {
  .called-to-give-text-split-mobile,
  .called-to-give-text-split-tablet {
    display: none;
  }
  .called-to-give-text-full {
    display: block;
  }
}

@media (min-width: 767px) {
  .called-to-give-text-split-mobile,
  .called-to-give-text-full {
    display: none;
  }
  .called-to-give-text-split-tablet {
    display: block;
  }
}

/* Large screens (above 914px) */
@media (min-width: 914px) {
  .called-to-give-text-split-mobile,
  .called-to-give-text-split-tablet {
    display: none;
  }
  .called-to-give-text-full {
    display: block;
  }
}