.programs {
  padding: 80px 0;
}

.programs + .programs {
  padding-top: 0;
}

@media only screen and (max-width: 768px) {
  .programs {
    padding: 40px 0;
  }
  .programs + .programs {
    padding-top: 0;
  }
}

.programs-heading {
  margin-bottom: 20px;
}
.program-cards {
}
.program-card {
  position: relative;
  margin-bottom: 30px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.program-card:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .program-card {
    margin-bottom: 20px;
  }
  .program-card:last-child {
    margin-bottom: 0;
  }
}

.program-card__img {
  position: relative;
  height: 250px;
}
.program-card--heading .program-card__img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(1.25deg, #000000 1.44%, rgba(0, 0, 0, 0) 61.03%);
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
}
.program-card--normal .program-card__img {
  height: 230px;
}
.program-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.program-card__heading {
  font-size: 32px;
  line-height: 1;
}
.program-card--normal .program-card__heading {
  margin-bottom: 10px;
  color: #473564;
}
.program-card--heading .program-card__heading {
  position: absolute;
  left: 0;
  bottom: 25px;
  padding: 0 30px;
  z-index: 1;
  color: white;
  width: 100%;
}
.program-card--image .program-card__heading {
  margin-top: auto;
}
.program-card--normal .program-card__content {
  display: flex;
  flex-direction: column;
  padding: 30px;
}
.program-card--image .program-card__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 25px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  color: white;
  z-index: 1;
}
.program-card__desc {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}
.program-card__cta__wrapper {
  margin-top: auto;
  text-align: right;
}
.program-card__cta {
  position: relative;
  padding-right: 23px;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #323232;
}
.program-card__cta::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 13px;
  height: 14px;
  transform: translateY(-50%);
  background: url('data:image/svg+xml;utf8,<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.21875 0.691406L12.0312 5.28516C12.168 5.42188 12.25 5.58594 12.25 5.77734C12.25 5.94141 12.168 6.10547 12.0312 6.24219L7.21875 10.8359C6.97266 11.082 6.53516 11.082 6.28906 10.8086C6.04297 10.5625 6.04297 10.125 6.31641 9.87891L9.95312 6.43359H0.65625C0.273438 6.43359 0 6.13281 0 5.77734C0 5.39453 0.273438 5.12109 0.65625 5.12109H9.95312L6.31641 1.64844C6.04297 1.40234 6.04297 0.964844 6.28906 0.71875C6.53516 0.445312 6.94531 0.445312 7.21875 0.691406Z" fill="%23D28745"/></svg>')
    no-repeat center;
}
.program-card__cta[target="_blank"]::before {
  background: url('data:image/svg+xml;utf8,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3438 0.75H9.625C9.26953 0.75 8.94141 0.96875 8.80469 1.32422C8.66797 1.65234 8.75 2.03516 8.99609 2.28125L10.1172 3.40234L4.83984 8.67969C4.48438 9.00781 4.48438 9.58203 4.83984 9.91016C5.00391 10.0742 5.22266 10.1562 5.46875 10.1562C5.6875 10.1562 5.90625 10.0742 6.07031 9.91016L11.3477 4.63281L12.4688 5.75391C12.6328 5.91797 12.8516 6 13.0977 6C13.207 6 13.3164 6 13.4258 5.94531C13.7812 5.80859 14 5.48047 14 5.125V1.40625C14 1.05078 13.6992 0.75 13.3438 0.75ZM10.7188 9.5C10.3359 9.5 10.0625 9.80078 10.0625 10.1562V13.2188C10.0625 13.3555 9.95312 13.4375 9.84375 13.4375H1.53125C1.39453 13.4375 1.3125 13.3555 1.3125 13.2188V4.90625C1.3125 4.79688 1.39453 4.6875 1.53125 4.6875H4.59375C4.94922 4.6875 5.25 4.41406 5.25 4.03125C5.25 3.67578 4.94922 3.375 4.59375 3.375H1.53125C0.683594 3.375 0 4.08594 0 4.90625V13.2188C0 14.0664 0.683594 14.75 1.53125 14.75H9.84375C10.6641 14.75 11.375 14.0664 11.375 13.2188V10.1562C11.375 9.80078 11.0742 9.5 10.7188 9.5Z" fill="%23D28745"/></svg>')
    no-repeat center;
}
.program-card--image .program-card__cta {
  color: #fff;
}
@media (min-width: 768px) {
  .program-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 50px;
  }
  .program-card {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .program-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}