text and image

<style>
  .positioning-section {
    width: 100%;
    background: #f5efe2;
    padding: 80px 20px;
    font-family: Arial, sans-serif;
  }

  .positioning-container {
    max-width: 1450px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
  }

  .positioning-left {
    /* width: 55%; */
    flex-direction: column;
    gap: 18px;
    max-width: 720px;
    display: flex;
  }

  .small-heading {
    color: #c0392b;
    font-size: 11px;
    letter-spacing: 2.2px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px;
  }

  .wave-line {
    width: 180px;
    margin-bottom: 0px;
  }

  .wave-line svg {
    width: 100%;
    height: auto;
    display: block;
  }

  .positioning-title {
    font-size: 39px;
    line-height: 1.05;
    font-weight: 700;
    text-transform: uppercase;
    color: #0d0d0d;
    letter-spacing: 4.16px;
    margin-bottom: 0px;
    max-width: 760px;
    font-family: "Barlow Condensed", "Barlow Condensed Fallback", "Barlow Condensed", sans-serif;
  }

  .positioning-text {
    font-size: 18px;
    line-height: 1.7;
    color: #2a2a2a;
    max-width: 760px;
    margin-bottom: 0px;
  }

  .positioning-right {
    width: 480px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .image-box {
    width: 100%;
    max-width: 480px;
    border: 1px solid #c8bea8;
    border-radius: 12px;
    overflow: hidden;
    background: #f8f3e8;
  }

  .image-box img {
    width: 100%;
    display: block;
  }

  /* =========================
      Tablet Responsive
  ========================== */

  @media(max-width:1200px) {
    .positioning-title {
      font-size: 29px;
    }

    .positioning-text {
      font-size: 18px;
    }

    .positioning-container {
      gap: 48px;
    }
  }

  /* =========================
      Mobile Responsive
  ========================== */

  @media(max-width:768px) {
    .positioning-section {
      padding: 60px 20px;
    }

    .positioning-container {
      flex-direction: column;
      gap: 40px;
    }

    .positioning-left,
    .positioning-right {
      width: 100%;
    }

    .positioning-title {
      font-size: 38px;
      line-height: 1.15;
      margin-bottom: 0px;
    }

    .positioning-text {
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 0px;
    }

    .wave-line {
      width: 180px;
      margin-bottom: 0px;
    }

    .image-box {
      border-radius: 14px;
    }
  }

  @media(max-width:480px) {
    .positioning-title {
      font-size: 21px;
      letter-spacing: 2.10px;
    }

    .small-heading {
      font-size: 10px;
      letter-spacing: 3px;
    }

    .positioning-text {
      font-size: 15px;
    }

    .positioning-section {
      padding: 50px 15px;
    }
  }
</style>

<section class="positioning-section">
  <div class="positioning-container">

    <!-- LEFT CONTENT -->
    <div class="positioning-left">

      <div class="small-heading">
        OUR POSITIONING
      </div>

      <div class="wave-line">
        <svg viewBox="0 0 300 20" fill="none">
          <path d="M0 10 
                   C20 0 40 20 60 10 
                   C80 0 100 20 120 10
                   C140 0 160 20 180 10
                   C200 0 220 20 240 10
                   C260 0 280 20 300 10" stroke="#c0392b" stroke-width="6" fill="none" stroke-linecap="round" />
        </svg>
      </div>

      <h2 class="positioning-title">
        WE'RE NOT ANOTHER AGENCY.<br>
        WE'RE YOUR PROFIT PARTNER.
      </h2>

      <p class="positioning-text">
        Bizgrowth Ninja works as a full-stack growth partner for serious Shopify brands.
      </p>

      <p class="positioning-text">
        We don't hand you reports and disappear. We go into the numbers with you. Ads, store, automation, logistics. And
        work until the margin moves.
      </p>

      <p class="positioning-text">
        We’ve managed ₹30 Cr+ in D2C ad spend over 5+ years. We're operational partners in brands doing ₹1Cr+/month. We
        know what a profitable D2C operation actually looks like. And we know exactly where yours is leaking.
      </p>

    </div>

    <!-- RIGHT IMAGE -->
    <div class="positioning-right">

      <div class="image-box">
        <img src="https://cdn.shopify.com/s/files/1/0768/6943/5636/files/warroom.jpg?v=1779968626"
          alt="Positioning Image">
      </div>

    </div>

  </div>
</section>