.p__content {
  padding: 150px 0;
  display: block;
  @media (max-width: 992px) {
    padding: 120px 0;
  }
  .p__header {
    display: block;
    @media (min-width: 768px) {
      display: flex;
    }
    .p__list__items {
      display: flex;
      margin-bottom: 15px;
      .p__item__item__image img {
        min-width: 65px;
        min-height: 65px;
      }
      .p__item__item__content {
        padding-left: 30px;
      }
      .p__item__item__title {
        font-size: var(--body-small-bold-size);
        font-weight: var(--body-small-bold-weight);
        line-height: var(--body-small-bold-line);
        color: var(--color-grey-text);
        margin-top: 0px;
        margin-bottom: 0px;
      }
      .p__item__item__text-content {
        font-size: var(--body-small-regular-size);
        font-weight: var(--body-small-regular-weight);
        line-height: var(--body-small-regular-line);
        color: var(--color-grey-text);
      }
    }
  }
  .p__cards__content {
    .p__cards__title {
      font-size: var(--main-lead-bold-size);
      font-weight: var(--main-lead-bold-weight);
      line-height: var(--main-lead-bold-line);
      color: var(--color-grey-text);
      margin: 50px 0;
      @media (max-width: 768px) {
        max-width: 315px;
        margin-left: auto;
        margin-right: auto;
      }
    }
    .p__cards {
      display: flex;
      gap: 30px;
      justify-content: center;
      flex-wrap: wrap;
      padding-bottom: 60px;
      .p__cards__item {
        min-width: 380px;
        min-height: 420px;
        background: white;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: solid 7px var(--color-dark-grey-text);
        transition: padding 0.4s ease;
        .p__card__front,
        .p__card__back {
          position: absolute;
          padding: 50px 42px 43px;
          min-width: 380px;
          min-height: 420px;
        }
        @media (max-width: 768px) {
          .p__card__front,
          .p__card__back {
            min-width: 315px;
          }
        }
        .p__cards__item__image {
          img {
            min-width: 140px;
            min-height: 140px;
          }
        }
        .p__cards__item__title {
          font-size: var(--body-bold-size);
          font-weight: var(--body-bold-weight);
          line-height: var(--body-bold-line);
          color: var(--color-grey-text);
        }

        .p__cards__item__text-content {
          font-size: var(--modal-regular-size);
          font-weight: var(--modal-regular-weight);
          line-height: var(--modal-regular-line);
          color: var(--color-grey-text);
        }

        .p__cards__item__image,
        .p__cards__item__text,
        .p__cards__item__image_hover,
        .p__cards__item__text_hover {
          transition: opacity 0.4s ease, transform 0.4s ease;
        }

        .p__cards__item__image_hover,
        .p__cards__item__text_hover {
          opacity: 0;
          transform: translateY(20px);
          pointer-events: none;
        }

        &:hover,
        &.active {
          /*           .p__card__front,
          .p__card__back {
            padding: 52px 42px;
          } */

          .p__cards__item__image,
          .p__cards__item__text {
            opacity: 0;
            transform: translateY(-20px);
            pointer-events: none;
          }

          .p__cards__item__image_hover,
          .p__cards__item__text_hover {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
          }

          .p__cards__item__image_hover {
            width: 90px;
            height: 90px;
            margin-bottom: 30px;
          }

          .p__cards__item__text_hover {
            .p__cards__item__title {
              font-size: var(--body-bold-size);
              font-weight: var(--body-bold-weight);
              line-height: var(--body-bold-line);
              color: var(--color-grey-text);
            }

            .p__cards__item__text-content {
              font-size: var(--modal-regular-size);
              font-weight: var(--modal-regular-weight);
              line-height: var(--modal-regular-line);
              color: var(--color-grey-text);
            }
          }
        }
      }
      @media (max-width: 768px) {
        .p__cards__item {
          min-width: 315px;
        }
      }
    }
  }
  .p__footer {
    padding-left: 2rem;
    padding-right: 2rem;
    .p__footer__title {
      font-size: var(--body-small-bold-size);
      font-weight: var(--body-small-bold-weight);
      line-height: var(--body-small-bold-line);
      color: var(--color-grey-text);
    }
    .p__footer__text-content {
      font-size: var(--body-small-regular-size);
      font-weight: var(--body-small-regular-weight);
      line-height: var(--body-small-regular-line);
      color: var(--color-grey-text);
    }
  }
  .p_padding_left {
    padding-left: clamp(2rem, calc(50vw - 570px), 100%);
    padding-right: 0px;
  }
  .p_padding_right {
    padding-right: clamp(2rem, calc(50vw - 570px), 100%);
    padding-left: 0px;
  }
  @media (max-width: 768px) {
    .p_padding_left,
    .p_padding_right {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }
  .p__content__title {
    font-size: var(--heading-1-regular-size);
    font-weight: var(--heading-1-regular-weight);
    line-height: var(--heading-1-regular-line);
    margin: 0;
  }
  .p__content__text-content {
    font-size: var(--body-small-regular-size);
    font-weight: var(--body-small-regular-weight);
    line-height: var(--body-small-regular-line);
    margin: 32px 0;
    color: #656565;
  }
  .p__content__link {
    margin-top: 70px;
    @media (max-width: 992px) {
      margin-bottom: 30px;
    }
  }
  .p__content__link a {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
  }
}