.ourway-pdp-banner__wrapper {
  position: relative;

  img {
    height: auto;
    width: 100%;
  }

  .ourway-pdp-banner__context {
    padding: 12rem 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;

    .ourway-pdp-banner__inner {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      max-width: 64rem;

      .ourway-pdp-banner__heading {
        font-family: var(--font-body-family-light);
        font-size: 1.8rem;
        line-height: 1.25;
      }

      .ourway-pdp-banner__content {
        font-size: 2rem;
        line-height: 1.6;
      }

      .ourway-pdp-banner__blocks {
        display: flex;
        margin-top: 1.5rem;

        .ourway-pdp-banner__block {
          flex: 1;

          .ourway-pdp-banner__block-icon {
            height: 3rem;

            .ourway-pdp-banner__block-icon__image {
              height: 100%;
              width: auto;
            }
          }

          .ourway-pdp-banner__block-text {
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.7;

            span {
              display: block;
              font-weight: normal;
            }
          }
        }
      }

      .ourway-pdp-banner__action {
        padding-top: 2rem;

        .button {
          min-width: 24rem;
          font-size: 1.6rem;
          font-weight: 400;
        }
      }
    }
  }
}

@media screen and (width < 768px) {
  .ourway-pdp-banner__wrapper {
    .ourway-pdp-banner__image-mobi {
      height: 110rem;
      object-fit: cover;
    }

    .ourway-pdp-banner__context {
      padding: 6rem 0;

      .ourway-pdp-banner__inner {
        .ourway-pdp-banner__heading {
          font-size: 1.6rem;
          text-align: center;
        }

        .ourway-pdp-banner__content {
          font-size: 1.7rem;
          text-align: center;
        }

        .ourway-pdp-banner__blocks {
          flex-direction: column;
          gap: 1rem;
          max-width: 30rem;
          margin: 0 auto;

          .ourway-pdp-banner__block {
            align-items: center;
            display: flex;
            gap: 2rem;

            .ourway-pdp-banner__block-icon {
              height: 2.5rem;
            }

            .ourway-pdp-banner__block-text {
              font-size: 1.4rem;
            }
          }
        }

        .ourway-pdp-banner__action {
          display: flex;
          justify-content: center;
        }
      }
    }
  }
}