.program__cards {
  background-color: #eeeeee;
  padding: 30px 0 100px 0;
  .container {
    max-width: 934px;
    padding: 0 30px;
    margin: 0 auto;
    .program__cards-block {
      h3 {
        font-family: "Europa";
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #181818;
        margin: 0 0 10px 0;
      }
      .program__cards-description {
        margin: 0 0 20px 0;
      }
      .program__cards-description,
      .program__cards-description p {
        font-family: Europa;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #181818;
        p {
          margin: 0;
        }
      }
      .program__cards-cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        .program__card {
          flex-basis: calc(50% - 10px);
          padding: 25px 20px 30px 20px;
          background-color: #fff;
          border-top: 5px solid #00C8DC;
          .program__card-icon svg {
            height: 40px;
            fill: #00C8DC;
          }
          &.geek-green {
            border-top-color: #AADC33;
            .program__card-icon svg {
              fill: #AADC33;
            }
          }
          &.sw-orange {
            border-top-color: #FF6200;
            .program__card-icon svg {
              fill: #FF6200;
            }
          }
          .program__card-icon {
            margin-bottom: 27px;
          }
          .program__card-info {
            h4 {
              font-family: "Roboto";
              font-size: 14px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.29;
              letter-spacing: normal;
              color: #111111;
              margin: 0 0 20px 0;
            }
            .program__card-text,
            .program__card-text p {
              font-family: "Roboto";
              font-size: 16px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.38;
              letter-spacing: normal;
              color: #111111;
              strong {
                font-weight: bold;
              }
              a {
                color: #006482;
                text-decoration: none;
                &:hover {
                  color: #23527c;
                  text-decoration: underline;
                }
              }
            }
            .program__card-link {
              font-family: "Roboto";
              font-size: 14px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #FF6200;
              text-decoration: none;
              &:hover {
                text-decoration: underline;
              }
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .program__cards {
    padding: 30px 0 60px 0;
    .container {
      .program__cards-block {
        .program__cards-cards {
          .program__card {
            flex-basis: 100%;
            margin-bottom: 20px;
            &:last-child {
              margin-bottom: 0;
            }
          }
        }
      }
    }
  }
}