.lp__benefits {
  position: relative;
  display: block;
  padding: 40px 64px;

  .container {
    .heading {
      position: relative;
      display: block;
      margin-bottom: 30px;

      h3 {
        font-size: 24px;
        font-weight: 900;
        color: var(--brand-grey-dark);
        text-align: center;
        margin-bottom: 10px;
        margin-top: 0;
      }

      .description {
        position: relative;
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        font-weight: 300;
        color: var(--brand-grey-dark);
        text-align: center;
        max-width: 650px;
        left: 50%;
        transform: translateX(-50%);
      }
    }

    .lp__benefits-items {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      text-align: center;

      .benefit_block {
        flex-basis: 33%;

        i {
          font-size: 55px;
          margin-bottom: 15px;
          color: var(--brand-grey-dark);
        }

        h5 {
          font-size: 16px;
          font-weight: 900;
          color: var(--brand-grey-dark);
          margin-bottom: 10px;
          margin-top: 0;
        }

        .benefit__description {
          position: relative;
          font-size: 16px;
          font-weight: 400;
          color: var(--brand-grey-dark);
          max-width: 215px;
          left: 50%;
          transform: translateX(-50%);
        }
      }
    }
  }
}

@media screen and (max-width: 991px) {
  .lp__benefits {
    padding: 30px 15px 60px 15px;

    .container {
      .lp__benefits-items {
        .benefit_block {
          flex-basis: 100%;
          margin-bottom: 30px;

          &:last-child {
            margin-bottom: 0;
          }

          i {
            margin-bottom: 11px;
          }

          .benefit__description {
            max-width: 100%;
            left: unset;
            transform: unset;
          }
        }
      }
    }
  }
}