@if(!empty($aboutData))
<section class="home-section about_section noPaddBottom" id="about-us">
    <div class="container">
      <div class="title_box ">
        <h4 class="title_small">
          <span>{{lang('who_we_are')}}</span>
        </h4>
        <h1 class="section-title "><span>{{lang('about_us')}}</span></h1>
      </div>
      <div class="about_wrapper">

        <div class="image_grid_box v2">
          <div class="main_img_box">
            <div class="swiper-container ">
              <div class="swiper-wrapper">

                <div class="swiper-slide image_item">
                  <a href="{{PP($aboutData->getData('about_video'))}}" class="inner_" data-fancybox>
                    <div class="img_box p_img">
                    <picture>
                      <source srcset="{{webp($aboutData->getData('video_banner_image'))}}" type="image/webp">
                      <source srcset="{{PP($aboutData->getData('video_banner_image'))}}" type="image/{{fileExtensionType($aboutData->getData('video_banner_image'))}}">
                      <img src="{{PP($aboutData->getData('video_banner_image'))}}" loading="lazy" alt="{{$aboutData->getData('post_title')}}">
                    </picture>
                  </div>
                  <div class="icon">
                    <div class="bg_">
                      <svg class="textcircle" viewBox="0 0 500 500">
              <title>Watch showreel Watch showreel Watch showreel</title>
              <defs>
                <path id="textcircle" d="M250,400 a150,150 0 0,1 0,-300a150,150 0 0,1 0,300Z"></path>
              </defs>
              <text>
                <textPath xlink:href="#textcircle" aria-label="watch showreel watch showreel watch showreel" textLength="920">Watch showreel Watch showreel Watch showreel</textPath>
              </text>
            </svg>
          </div>
            <svg class="play_" x="0px" y="0px" viewBox="0 0 163.861 163.861" style="enable-background:new 0 0 163.861 163.861;" xml:space="preserve">
              <g>
                <path d="M34.857,3.613C20.084-4.861,8.107,2.081,8.107,19.106v125.637c0,17.042,11.977,23.975,26.75,15.509L144.67,97.275
    c14.778-8.477,14.778-22.211,0-30.686L34.857,3.613z"></path>
              </g>
            </svg>


                  </div>
                  </a>
                </div>

              </div>
              {{-- <div class="swiper-pagination"></div> --}}
            </div>
          </div>
                </div>

        <div class="content_box">
          <div class="text_box lg_">
            {!!$aboutData->getData('sub_title')!!}
          </div>
          <div class="text_box">
          {!!$aboutData->getData('excerpt')!!}
          </div>
          <div class="more_wrap">
            <a class="dir-btn" href="{{route('about-us',$lang)}}">{{lang('know_more')}}<span></span><span></span><span></span><span></span><b
                aria-hidden="true">{{lang('know_more')}}</b><b aria-hidden="true">{{lang('know_more')}}</b><b aria-hidden="true">{{lang('know_more')}}</b><b
                aria-hidden="true">{{lang('know_more')}}</b></a>
          </div>
        </div>


      </div>
    </div>
  </section>
  @endif