.program {
  padding: 6.4rem 0 4rem;
  background-image: url(../assets/images/program-bg-m.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  position: relative;
  z-index: 1;
}

.program__title {
  margin-bottom: 12.5rem;
  text-align: center;
}

.program__list {
  display: grid;
  gap: 2rem;
  margin-bottom: 17rem;
}

.program__item{
  border-radius: 7rem;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(11px);
  padding: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.program__item-title {
  color: #B1FFC2;
  text-align: center;
  font-family: "UAFSans";
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  letter-spacing: 0.104rem;
  text-transform: uppercase;
}

.program__item-text {
  color: #FFF;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.24rem */
}

.program__subtitle {
  color: #FFF;
  text-align: center;
  font-family: "UAFSans";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.8rem; /* 155.556% */
  letter-spacing: 0.072rem;
  text-transform: uppercase;
  max-width: 30.4rem;
  margin: 0 auto 5.4rem;
}

.program__subtitle strong {
  color: #B1FFC2;
  font-weight: normal;
}

.program__button {
  width: 100%;
}

@media (min-width: 768px) {
  .program {
    padding: 9.5rem 0 11rem;
    background-image: url(../assets/images/program-bg-d.webp);
  }

  .program__title {
    margin-bottom: 7.5rem;
  }

  .program__list {
    max-width: 89.4rem;
    margin-left: 18rem;
    gap: 3rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16.4rem;
  }

  .program__item {
    height: 19.2rem;
    background: transparent;
    justify-content: center;
  }

  .program__item:nth-child(1) {
    width: 44.7rem;
    margin-left: 20.7rem;
  }

  .program__item:nth-child(2) {
    width: 38.5rem;
  }

  .program__item:nth-child(3) {
    width: calc(100% - 38.5rem - 3rem);
  }

  .program__item:nth-child(4) {
    width: 44.7rem;
    margin-left: 20.7rem;
  }

  .program__item-title {
    font-size: 3.5rem;
    line-height: 6.4rem;
  }

  .program__item-text {
    font-size: 1.8rem;
  }

  .program__subtitle {
    font-size: 4.2rem;
    line-height: 6.4rem;
    letter-spacing: 0.168rem;
    max-width: 90rem;
    margin-bottom: 7rem;
  }

  .program__button {
    max-width: 44.7rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
}