.popular_program__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 316px));
  grid-gap: 20px;
  @media screen and (max-width: 780px){
    justify-content:center;
  }

  .popular_program__item {
    display: flex;
    flex-direction: column;
    gap: 25px;

    .item_header {
      background: #F5F5F5;
      position: relative;
      border-radius: 15px;
      padding: 20px;
      max-height: 230px;
      min-height: 230px;

      .name_program {
        position: absolute;
        top: 20px;
        left: 20px;
        color: #333;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.4;
      }

      > img {
        margin: 20px auto 0;
      }
    }

    .item_body {
      .title {
        color: rgb(211, 28, 33);
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
      }

      .count_buy {
        &::before {
          content: url("data:image/svg+xml,%3Csvg width='17.500000' height='17.500000' viewBox='0 0 17.5 17.5' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cpath id='Vector' d='M8.75 17.5C13.5825 17.5 17.5 13.5826 17.5 8.75C17.5 3.91736 13.5825 0 8.75 0C3.91748 0 0 3.91736 0 8.75C0 13.5826 3.91748 17.5 8.75 17.5ZM7.11377 10.325L8.3125 10.325C8.51904 10.325 8.62231 10.325 8.68604 10.3889C8.75 10.4528 8.75 10.556 8.75 10.7625L8.75 14.6387C8.75 15.4175 8.75 15.8077 8.92139 15.8463C9.09399 15.883 9.25659 15.5295 9.58472 14.8225L11.9744 9.65997C12.4924 8.54175 12.7515 7.9826 12.4932 7.57922C12.2351 7.17499 11.6182 7.17499 10.3862 7.17499L9.1875 7.17499C8.98096 7.17499 8.87769 7.17499 8.81396 7.11115C8.75 7.04724 8.75 6.94397 8.75 6.73749L8.75 2.86127C8.75 2.08252 8.75 1.69226 8.57861 1.65375C8.40601 1.617 8.24341 1.97052 7.91528 2.67749L5.52563 7.84003C5.00757 8.95825 4.74854 9.5174 5.00684 9.92078C5.26489 10.325 5.88184 10.325 7.11377 10.325Z' fill='%23333333' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E");
          width: 17.5px;
          height: 17.5px;
          display: inline-block;
          vertical-align: sub;
          margin-right: 7px;
        }

        color: rgb(0, 0, 0);
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
        margin: 15px 0;
      }

      .item_price {
        color: rgb(51, 51, 51);
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
        margin-bottom: 15px;
      }

      > button.btn-default {
        width: 100%;
      }
    }
  }
}