<section class="lenswraparea even">
    <div class="imagewrap" >
<div class="desktop hindi-image-4" style="background-image:url(assets/img/customeyecare/photocromaticth.jpg)" data-bgImage = "(content|0)"></div>
<div class="mobile hindi-image-4" style="background-image:url(assets/img/customeyecare/photocromaticth.jpg)" data-bgImage = "(content|84)"></div>
      <div class="main-container">
        <div class="smain-container">
          <div class="inner-conatiner">
            <div class="customeyeblockwrap">
              <div class="customeyeblock">
                <div class="heading">
                  (content|1)
                  (content|2)
                </div>
                <div class="iconblocks">
                  <div class="iconbox fadeInLeft wow">
                    <div class="icon">
                      <figure><img data-src="(content|3)" alt="(content|4)" title="(content|5)"></figure>
                    </div>
                    (content|6)
                  </div>
                  <div class="iconbox fadeInLeft wow">
                    <div class="icon">
                      <figure><img data-src="(content|7)" alt="(content|8)" title="(content|9)"></figure>
                    </div>
                    (content|10)
                  </div>
                  <div class="iconbox fadeInLeft wow">
                    <div class="icon">
                      <figure><img data-src="(content|11)" alt="(content|12)" title="(content|13)"></figure>
                    </div>
                    (content|14)
                  </div>
                </div>
              </div>
              
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="arrowanimated">
    <div class="arrow toggleaction"><span></span> <span></span> <span></span> </div>
    </div>
    <div class="togglebutton eng"><a class="toggle" href="#polaris_lens"></a></div>
    <div class="toggle-content" id="polaris_lens">
      <div class="main-container">
        <div class="smain-container">
          <div class="inner-conatiner">
            <div class="contentblock polarised_senario">
              <div class="headingtitlewrap odd">
               (content|15)
                (content|16)
              </div>
              <div class="choose_senario_wrap">
                (content|17)
                <div class="tabwrap">
                  <ul class="tabMenu tabMenuC">
                    (scenerio_small_image_section)
                  </ul>
                  <div class="tabContents">
                    (scenerio_big_image_single_section)
                    
                  </div>
                </div>
              </div>
              <div class="choose_lens_options_wrap">
                <div class="heading">
                  (content|18)
                </div>
                <div class="chooselens_scroller">
                  <div class="owl-carousel carousel-1 polarized_lens">
                    (polarized_lens)
                  </div>
                </div>
              </div>
            </div>
            <div class="contentblock visionundersun">
              <div class="headingtitlewrap even">
                (content|19)
              </div>
              <div class="lensvisionlistwrap">
                <div class="visionlist">
                  (lens_types_for_best_vision)
                </div>
                <div class="visionthumb">
                  <figure><img data-src="(content|20)" alt="(content|21)" title="(content|22)"></figure>
                </div>
              </div>
            </div>
            <div class="contentblock progressive_bifocal">
              <div class="headingtitlewrap odd">
               (content|23)
              </div>
              <div class="dtablewrap">
                <div class="datatable">
                  <div class="datacolumn left">
                    <ul>
                      <li>
                        <figure class="icon"><img data-src="(content|24)" alt="(content|25)" title="(content|26)"></figure>
                        (content|27)
                      </li>
                      <li>
                        (content|28)
                      </li>
                      <li>
                        (content|29)
                      </li>
                    </ul>
                  </div>
                  <div class="datacolumn right">
                    <ul>
                      <li>
                        <figure class="icon"><img data-src="(content|30)" alt="(content|31)" title="(content|32)"></figure>
                        (content|33)
                      </li>
                      <li><div class="hide">(content|34)</div><img data-src="(content|35)" alt="(content|36)" title="(content|37)"></li>
                      <li><div class="hide">(content|38)</div><img data-src="(content|39)" alt="(content|40)" title="(content|41)"></li>
                    </ul>
                  </div>
                  <div class="datacolumn right">
                    <ul>
                      <li>
                        <figure class="icon"><img data-src="(content|42)" alt="(content|43)" title="(content|44)"></figure>
                        (content|45)
                      </li>
                      <li><div class="hide">(content|46)</div><img data-src="(content|47)" alt="(content|48)" title="(content|49)"></li>
                      <li><div class="hide">(content|50)</div><img data-src="(content|51)" alt="(content|52)" title="(content|53)"></li>
                    </ul>
                  </div>
                  <div class="datacolumn right">
                    <ul>
                      <li>
                        <figure class="icon"><img data-src="(content|54)" alt="(content|55)" title="(content|56)"></figure>
                        (content|57)
                      </li>
                      <li><div class="hide">(content|58)</div><img data-src="(content|59)" alt="(content|60)" title="(content|61)"></li>
                      <li><div class="hide">(content|62)</div><img data-src="(content|63)" alt="(content|64)" title="(content|65)"></li>
                    </ul>
                  </div>
                  <div class="datacolumn right">
                    <ul>
                      <li>
                        <figure class="icon"><img data-src="(content|66)" alt="(content|67)" title="(content|68)"></figure>
                        (content|69)
                      </li>
                      <li><div class="hide">(content|70)</div><img data-src="(content|71)" alt="(content|72)" title="(content|73)"></li>
                      <li><div class="hide">(content|74)</div><img data-src="(content|75)" alt="(content|76)" title="(content|77)"></li>
                    </ul>
                  </div>
                </div>
                <div class="vlogo">
                  <figure><img data-src="(content|78)" alt="(content|79)" title="(content|80)"></figure>
                </div>
              </div>
            </div>
            <div class="contentblock whoshould">
              <div class="headingtitlewrap even">
              (content|81)
              </div>
              <div class="whoshouldlisting">
                (content|82)
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</section>