.image-with-text__bg {
  position: relative;

  .vertical-text {
    margin: 55px 0 0;
  }

  &.last-section {
    padding-bottom: 4.1rem !important;

    &::before {
      position: absolute;
      content: '';
      left: 0;
      right: 0;
      top: calc(100% - 75px);
      height: 80px;
      background-color: #121212;
      clip-path: polygon(calc(50% - 690px) 33px, 100% 33px, 100% 100%, 0 100%, 0% 0%, calc(50% - 716px) 0);
      z-index: -1;
    }
  }

  .section-holder {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 4rem;
    z-index: 1;

    @media screen and (min-width: 990px) {
      padding-top: 7rem;
      padding-bottom: 5rem;
    }

    &:before,
    &:after {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      height: 25px;
      width: 2210px;
      background: url(https://cdn.shopify.com/s/files/1/0568/5559/3158/files/top-block-decor.webp?v=1755357714) no-repeat;
      background-size: contain;
    }

    &:after {
      background: url(https://cdn.shopify.com/s/files/1/0568/5559/3158/files/bottom-block-decor.webp?v=1755357714) no-repeat;
      background-size: contain;
      transform: translateX(-50%);
      top: auto;
      bottom: 0;
    }

    @media screen and (min-width: 520px) {
      &:before,
      &:after {
        height: 50px;
        width: 4420px;
      }
    }
  }

  .bg-holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: polygon(calc(48% + 22px) 35px, 100% 35px, 100% 100%, calc(49.5% - 682px) 100%, calc(49.5% - 702px) calc(100% - 35px), 0 calc(100% - 35px), 0% 0%, 48% 0);
    z-index: -1;
  }

  .page-width {
    position: relative;
    z-index: 1;
  }

  .image-with-text {
    .grid {
      align-items: start;
    }
  }

  .image-with-text__grid {
    gap: 3rem;

    @media screen and (min-width: 990px) {
      gap: 5rem;
    }
  }

  .image-with-text__content {
    padding: 0;

    @media screen and (min-width: 750px) {
      padding: 3.2rem 0;
    }
  }

  h2 {
    margin-bottom: 2rem;
    line-height: 1.13;
    text-align: center;

    @media screen and (min-width: 768px) {
      margin-bottom: 2.2rem;
      text-align: left;
    }
  }

  .image-with-text__text {
    padding: 0 0 2rem;

    @media screen and (min-width: 768px) {
      padding:0;
    }
  }

  .image-with-text__text-item {
    font-weight: 300;

    p {
      margin-bottom: 2rem;
    }

    .button-holder {
      width: 100%;
      text-align: center;

      @media screen and (min-width: 750px) {
        text-align: left;
      }
    }
  }

  .image-with-text__media-item {
    width: 29%;
    max-width: 399px;
    margin: 0 auto;

    @media screen and (min-width: 990px) {
      margin-right: 7%;
    }
  }

  .image-with-text__image-wrap {
    max-width: 17rem;
    margin: -150px auto 0;

    @media screen and (min-width: 750px) {
      max-width: 24rem;
    }

    @media screen and (min-width: 990px) {
      max-width: none;
      margin: -178px 0 -116px;
    }
  }

  .image-with-text__logos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    margin: 0;

    @media screen and (min-width: 750px) {
      gap: 3rem;
      justify-content: flex-start;
    }

    .image-with-text__logo {
      flex-shrink: 0;
      margin-bottom: 3rem;
    }
  }
}