.ew-plan-cards-wrapper {
  position: relative;
  background-color: var(--tertiary-light-grey);
  p,
  ul {
    margin: 0;
  }
  .ew-plan-cards {
    padding: 40px 0px 56px;
    @media (min-width: 1024px) {
      padding: 4rem 0 2rem 0;
    }
    .ewp-card__top {
      padding-bottom: 48px;
      @media (min-width: 1024px) {
        padding-bottom: 4.5rem;
      }
      .ewp-card__title {
        color: var(--primary-main);
        font-weight: var(--fw-500);
        font-size: var(--heading-font-size-l);
        line-height: var(--heading-lh-11-mob-display);
        letter-spacing: 0.64px;
        margin-bottom: 3rem;
        @media (min-width: 1024px) {
          font-size: var(--heading-font-size-xl);
          line-height: var(--heading-lh-9-mob-display);
          letter-spacing: var(--space-1px);
          margin: 0;
        }
      }
    }
    .ewp-card__subheading {
      color: var(--primary-main);
      font-size: var(--body-font-size-xxs);
      font-style: normal;
      font-weight: var(--fw-300);
      line-height: var(--heading-lh-6-des);

      @media (min-width: 1024px) {
        font-size: var(--body-font-size-s);
        line-height: var(--heading-lh-21-des-text-small);
      }
    }

    .ewp-card__cta {
      background-color: var(--tertiary-black);
      clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
      display: flex;
      gap: 24px;
      padding: 8px 12px;
      margin-top: 24px;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      @media (min-width: 1024px) {
        display: inline-block;
        padding: 8px 20px;
        min-width: 165px;
      }

      .ewp-card__cta-btn {
        color: var(--tertiary-white);
        text-align: center;
        font-size: var(--body-font-size-xs);
        font-style: normal;
        font-weight: var(--fw-400);
        line-height: var(--heading-lh-21-des-text-small);
        @media (min-width: 1024px) {
          font-size: var(--body-font-size-s);
          line-height: var(--heading-lh-5--mob);
        }
      }
    }
    .ewp__items-wrapper {
      width: 100%;
      display: grid;
      gap: 16px;
      grid-template-columns: 1fr;
      @media (min-width: 1024px) {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }

      .ewp__item {
        padding: 16px;
        background: var(--gradient-4);

        .ewp__item-top {
          display: flex;
          flex-direction: row;
          gap: 12px;
          align-items: center;

          picture,
          img {
            height: 64px;
            width: 64px;

            @media (min-width: 1024px) {
              height: 80px;
              width: 80px;
            }
          }

          :is(h1, h2, h3, h4, h5, h6) {
            color: var(--primary-main);
            font-size: var(--body-font-size-m);
            font-style: normal;
            font-weight: var(--fw-500);
            line-height: var(--heading-lh-3--mob-heading);
            letter-spacing: 0.44px;
            margin: 0;

            @media (min-width: 1024px) {
              font-size: var(--heading-font-14-des);
              line-height: var(--heading-lh-22-mob-text-small);
              letter-spacing: 0.52px;
            }
          }
        }

        .ewp__item-divider {
          border: none;
          border-bottom: 1px dotted var(--tertiary-medium-grey);
          margin-top: 12px;
          margin-bottom: 16px;
          @media (min-width: 1024px) {
            margin-bottom: 24px;
          }
        }

        .ewp__item-desc {
          display: flex;
          flex-direction: column;

          @media (min-width: 1024px) {
            margin-top: 24px;
            gap: 12px;
          }
          .ewp__item-desc1 {
            color: var(--primary-main);
            font-size: var(--body-font-size-xxxs);
            font-weight: var(--fw-400);
            line-height: var(--heading-lh-19-mob-text-small);
            text-transform: uppercase;
            @media (min-width: 1024px) {
              font-size: var(--body-font-size-xxs);
            }
          }

          .ewp__item-desc2 {
            color: var(--primary-main);
            p {
              font-size: var(--body-font-size-s);

              line-height: var(--heading-lh-17-des-text-medium);
              letter-spacing: 0.36px;
              font-style: normal;
              @media (min-width: 1024px) {
                font-size: var(--body-font-size-sm);
                line-height: var(--heading-lh-3--mob-heading);
                letter-spacing: 0.4px;
              }
              strong {
                font-weight: var(--fw-500);
              }
            }
          }
        }
      }
    }
    .bottom {
      padding: 0 20px;
      @media (min-width: 1024px) {
        padding: 0 56px;
      }
      .sub-section {
        .ew-card__subSectionTitle {
          color: var(--primary-main);
          font-size: var(--body-font-size-x);
          font-style: normal;
          font-weight: var(--fw-500);
          line-height: var(--heading-lh-18-mob-text-small);
          letter-spacing: 0.48px;
          margin-top: 48px;
          margin-bottom: 0;
          @media (min-width: 1024px) {
            font-size: var(--heading-font-14-des);
            line-height: var(--heading-lh-22-mob-text-small);
            letter-spacing: 0.52px;
            margin-top: 64px;
          }
        }
        ul {
          padding-bottom: 16px;
          @media (min-width: 1024px) {
            padding-bottom: 0;
          }
          .point {
            display: flex;
            flex-direction: row;
            gap: 8px;
            margin-top: 24px;
            p {
              color: var(--primary-main);
              font-size: var(--body-font-size-xs);
              font-style: normal;
              font-weight: var(--fw-400);
              line-height: var(--heading-lh-6-des);
            }
            strong {
              font-weight: var(--fw-500);
            }
          }
        }
      }

      .ewp-card__disclaimer {
        color: var(--primary-main);
        font-size: var(--body-font-size-xxxs);
        font-style: normal;
        font-weight: var(--fw-400);
        line-height: var(--heading-lh-23-des-normal);
        p {
          margin-top: 24px;
          margin-bottom: 0;
          @media (min-width: 1024px) {
            margin-top: 26px;
          }
        }

        a {
          color: var(--primary-main);
          font-weight: var(--fw-500);
        }
      }
    }
  }
}