@import url("https://use.typekit.net/rge1xkb.css");
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.giving__container {
  overflow: visible;
}
.giving__content {
  display: flex;
  flex-flow: row wrap;
}
.giving__preheading {
  order: 1;
  flex: 0 0 100%;
  text-align: center;
}
.giving__heading {
  order: 2;
  flex: 0 0 100%;
  text-align: center;
  margin-bottom: calc(clamp(3rem, 4.348vw + 2.022rem, 6.25rem) / 2);
}
.giving__tiles {
  order: 3;
  flex: 0 0 100%;
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
  justify-content: center;
}
@media screen and (min-width: 1280px) {
  .giving__tiles {
    gap: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .giving__tiles {
    gap: 60px;
  }
}
.giving__tile {
  flex: 0 0 calc(50% - 8px);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  aspect-ratio: 1/1;
  padding: 6px;
  background: #FFF;
  border-radius: clamp(1rem, 1.338vw + 0.699rem, 2rem);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  .giving__tile {
    flex: 0 0 calc(33.33% - 11.2px);
    padding: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .giving__tile {
    flex: 0 0 calc(20% - 12.8px);
    padding: 12px;
  }
}
@media screen and (min-width: 1280px) {
  .giving__tile {
    flex: 0 0 calc(20% - 24px);
  }
}
@media screen and (min-width: 1440px) {
  .giving__tile {
    flex: 0 0 calc(20% - 48px);
    padding: 20px;
  }
}
.giving__tile-icon {
  margin-bottom: 8px;
  color: #0098c3;
}
.giving__tile-heading h4 {
  font-size: clamp(1.2rem, 0.903vw + 0.997rem, 1.875rem);
  margin-bottom: 0;
  color: #53565A;
}
.giving__button {
  order: 4;
  flex: 0 0 100%;
  text-align: center;
}