title: Repeater inside Group and the both are inside Group ACF Wordpress
body: <p>I'm working on <strong>ACF</strong> Plugin in Wordpress and I have this HTML Code that split into 3 parts.
  the first part is the <strong>parent Group</strong> inside this parent Group has also <strong>child group</strong> and inside <strong>child Group</strong> has <strong>repeater</strong>.
  I tried to solve it like this one <a href="https://allisontarr.com/2017/12/01/acf-repeater-within-group/" rel="nofollow noreferrer">[4]</a>
  but it didn't work. These some images to explain more</p>
  
  <p><a href="https://i.stack.imgur.com/SrBue.png" rel="nofollow noreferrer">image 1</a></p>
  
  <p><a href="https://i.stack.imgur.com/66eMB.png" rel="nofollow noreferrer">image 2</a></p>
  
  <p><a href="https://i.stack.imgur.com/XmUqe.png" rel="nofollow noreferrer">image 3</a></p>
  
  <pre><code>&lt;!--The Parent Group (section2_technology)--&gt;
  &lt;div class="section2"&gt;
    &lt;div class="container"&gt;
      &lt;div class="right"&gt;
        &lt;div class="frame"&gt;
          &lt;!-- The (qoute) text --&gt;
          We use modern, proven technologies and approaches that allow us to effectively extend and scale our products.
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="left"&gt;
        &lt;div class="top"&gt;
          &lt;hr&gt;
          &lt;span&gt;MOBILE&lt;/span&gt;
          &lt;hr&gt;
        &lt;/div&gt;
        &lt;!-- The Child Group class='mobile' --&gt;
        &lt;div class="bottom" id="mobile"&gt;
          &lt;div data-aos="flip-up"&gt;
            &lt;div class="slide-down frame1"&gt;
              &lt;div class="main-hover"&gt;
                &lt;div class="mobile"&gt;
                  IOS
                &lt;/div&gt;
                &lt;div class="split"&gt;&lt;/div&gt;
                &lt;div class="content-div"&gt;
                  &lt;div class="slide-down__top"&gt;
                    &lt;!-- The Repeater class='type' --&gt;
                    &lt;div class="type"&gt;
                      &lt;img src="" alt="" class="mobileicons-img"&gt;
                      &lt;div class="name"&gt;&lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div data-aos="flip-down" data-aos-delay="200"&gt;
            &lt;div class="slide-down"&gt;
              &lt;div class="main-hover"&gt;
                &lt;div class="mobile"&gt;
                  ANDROID
                &lt;/div&gt;
                &lt;div class="split"&gt;&lt;/div&gt;
                &lt;div class="content-div"&gt;
                  &lt;div class="slide-down__top"&gt;
                    &lt;!-- This is the repeater class='type' --&gt;
                    &lt;div class="type"&gt;
                      &lt;img src="" alt="" class="mobileicons-img"&gt;
                      &lt;div class="name"&gt;Java&lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>