<?php
/*
Template Name: Chemical Inventory Software
*/

get_header('new');
?>
<section class="section banner supply-chain-banner">
    <div class="container">
        <div class="row mt-xl-5 mt-lg-0">
            <div class="col-lg-6">
                <div class="text-cont mt-0">
                    <h1 class="banner-heading"><?php echo get_field('banner_heading'); ?></h1>
                    <p class="banner-content">
                        <?php echo get_field('banner_description'); ?>
                    </p>
					<?php $highlights = get_field('banner_highlights'); ?>
                    <ul>
                        <?php if ($highlights && is_array($highlights)) : ?>
                            <?php foreach ($highlights as $highlight) : ?>
                                <li>
                                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/apparel-inventory-management/tick.webp" alt="tick" class="img-fluid">
                                    <?php echo $highlight['item']; ?>
                                </li>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </ul>
                    <div class="banner-btns">
						<?php $cta_1 = get_field('banner_cta_1'); ?>
						 <?php if ($cta_1) : ?>
                        <a href="<?php echo esc_url($cta_1['url']); ?>" class="primary animated-cta-btn <?php echo is_modal_link($cta_1['url']); ?>"><?php echo $cta_1['title']; ?>
                        </a>
						<?php endif; ?>
						<?php $cta_2 = get_field('banner_cta_2'); ?>
						<?php if ($cta_2) : ?>
                        <a href="<?php echo esc_url($cta_2['url']); ?>" class="border-gradient-btn animated-btn <?php echo is_modal_link($cta_2['url']); ?>"><?php echo $cta_2['title']; ?>
                            <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.35816 0.0996094H7.95016L13.3502 5.49961L7.95016 10.8996H5.35816L9.82216 6.43561H0.660156V4.56361H9.82216L5.35816 0.0996094Z" fill="black"/>
                            </svg>
                        </a>
						<?php endif; ?>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-cont">
                    
					<?php
					$desktop_img_url = get_field('banner_image');
					$mobile_img_url  = get_field('banner_mobile_image');
				?>
					<picture>
    <source class="no-lazy" media="(max-width: 767px)" data-mobile-src="<?php echo esc_url($mobile_img_url ? $mobile_img_url : $desktop_img_url); ?>" width="370" height="260">
    <img src="<?php echo esc_url($desktop_img_url); ?>" loading="eager" fetchpriority="high" width="636" height="373" class="img-fluid no-lazy" alt="<?php echo strip_tags(get_field('banner_heading')); ?>">
</picture>
<script>var s=document.querySelector('source[data-mobile-src]');if(s)s.srcset=s.dataset.mobileSrc;</script>
                </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Certificates Section Start -->
<?php get_template_part('templates-parts/pages/certificates'); ?>
<!-- Certificates Section End -->


<!-- Icons Cards Start start -->
 <?php
 $counters = ['class' => 'pt-5 '];
 get_template_part('templates-parts/pages/counter-new',null,$counters)?>
<!-- Icons Cards Start end -->

<!-- Why Jewellry Inventory Gets Hard Start -->
<section class="section why-jewelry-inventory pale-blue">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="img-cont">
                    <img src="<?php echo get_field('why_jewellry_inventory_gets_hard_section_image'); ?>" alt="<?php echo wp_strip_all_tags(get_field('why_jewellry_inventory_gets_hard_section_title')); ?>" class="img-fluid" loading="lazy">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="text-cont">

                    <?php if(get_field('why_jewellry_inventory_gets_hard_section_title')): ?>
                        <h2 class="section-title">
                            <?php echo get_field('why_jewellry_inventory_gets_hard_section_title'); ?>
                        </h2>
                    <?php endif; ?>

                    <?php if(get_field('why_jewellry_inventory_gets_hard_section_text')): ?>
                        <p class="section-content">
                            <?php echo get_field('why_jewellry_inventory_gets_hard_section_text'); ?>
                        </p>
                    <?php endif; ?>

                    <?php if(have_rows('why_jewellry_inventory_gets_hard_section_list')): ?>
                        <ul>
                            <?php $count = 1; ?>
                            <?php while(have_rows('why_jewellry_inventory_gets_hard_section_list')): the_row(); ?>
                                <li>
                                    <span><?php echo str_pad($count, 2, '0', STR_PAD_LEFT); ?></span>
                                    <?php echo get_sub_field('why_jewellry_inventory_gets_hard_section_list_item'); ?>
                                </li>
                                <?php $count++; ?>
                            <?php endwhile; ?>
                        </ul>
                    <?php endif; ?>

                    <?php 
                    $button = get_field('why_jewellry_inventory_gets_hard_section_button');
                    if($button): 
                    ?>
                        <a href="<?php echo $button['url']; ?>" class="primary animated-cta-btn" target="<?php echo $button['target'] ? $button['target'] : '_self'; ?>">
                            <?php echo $button['title']; ?>
                        </a>
                    <?php endif; ?>

                </div>
            </div>
        </div>
    </div>
</section>
<!-- Why Jewellry Inventory Gets Hard End -->


<section class="section cloud-base-chemical-cta bg-white">
    <div class="container">
        <div class="box">
            <div class="row justify-content-lg-end">
                <div class="col-lg-6">
                    <div class="text-cont">

                        <?php if (get_field('cloud_chem_cta_title')) : ?>
                            <h2>
                                <?php the_field('cloud_chem_cta_title'); ?>
                            </h2>
                        <?php endif; ?>

                        <?php if (get_field('cloud_chem_cta_content')) : ?>
                            <p>
                                <?php the_field('cloud_chem_cta_content'); ?>
                            </p>
                        <?php endif; ?>

                        <?php 
                        $cloud_chem_cta_button_text = get_field('cloud_chem_cta_button_text');
                        $cloud_chem_cta_button_link = get_field('cloud_chem_cta_button_link');
                        ?>

                        <?php if ($cloud_chem_cta_button_text) : ?>
                            <a href="<?php echo $cloud_chem_cta_button_link ? $cloud_chem_cta_button_link : 'javascript:;'; ?>" 
                               class="accent-btn animated-cta-btn">
                                <?php the_field('cloud_chem_cta_button_text'); ?>
                            </a>
                        <?php endif; ?>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>




<section class="section features-barcode-inventory features-chemical-inventory bg-white">
  <div class="container">

    <div class="text-cont">
      <?php if(get_field('fbi_title')): ?>
        <h2 class="section-title text-center"><?php echo get_field('fbi_title'); ?></h2>
      <?php endif; ?>

      <?php if(get_field('fbi_description')): ?>
        <p class="section-content text-center"><?php echo get_field('fbi_description'); ?></p>
      <?php endif; ?>
    </div>

    <div class="features-barcode-cards-wrapper">
      <div class="row g-0">

        <?php if(have_rows('fbi_cards')): ?>
          <?php while(have_rows('fbi_cards')): the_row(); 
            $is_active = get_sub_field('fbi_card_is_active');
          ?>
            <div class="col-lg-4 col-md-6 features-col">
              <div class="features-barcode-card <?php echo $is_active ? 'is-active' : ''; ?>">

                <div class="features-icon">
                  <?php 
                    $svg = get_sub_field('fbi_card_svg');
                    if($svg) echo $svg; 
                  ?>
                </div>

                <?php if(get_sub_field('fbi_card_title')): ?>
                  <h3 class="features-barcode-card-title">
                    <?php echo get_sub_field('fbi_card_title'); ?>
                  </h3>
                <?php endif; ?>

                <?php if(get_sub_field('fbi_card_content')): ?>
                  <p class="features-barcode-card-content">
                    <?php echo get_sub_field('fbi_card_content'); ?>
                  </p>
                <?php endif; ?>

              </div>
            </div>
          <?php endwhile; ?>
        <?php endif; ?>

      </div>
    </div>

    <div class="demo-btn-wrapper text-center mt-4 mt-xl-5">
      <?php
        $btn_text = get_field('fbi_btn_text');
        $btn_link = get_field('fbi_btn_link'); 
        if($btn_text && $btn_link):
      ?>
        <a href="<?php echo esc_url($btn_link['url']); ?>"
           target="<?php echo esc_attr($btn_link['target'] ?: '_self'); ?>"
           class="primary animated-cta-btn">
          <?php echo $btn_text; ?>
        </a>
      <?php elseif($btn_text): ?>
        <a href="javascript:;" class="primary animated-cta-btn"><?php echo $btn_text; ?></a>
      <?php endif; ?>
    </div>

  </div>
</section>



<section class="section chemical-inventory-benefit bg-white">
    <div class="container">

        <div class="text-cont text-center">
            <?php if (get_field('chem_inv_benefit_title')) : ?>
                <h2 class="section-title mb-3">
                    <?php the_field('chem_inv_benefit_title'); ?>
                </h2>
            <?php endif; ?>

            <?php if (get_field('chem_inv_benefit_content')) : ?>
                <p class="section-content">
                    <?php the_field('chem_inv_benefit_content'); ?>
                </p>
            <?php endif; ?>
        </div>

        <div class="row gy-4">
            <div class="col-lg-6">
                <?php 
                $chem_inv_benefit_image = get_field('chem_inv_benefit_image');
                if ($chem_inv_benefit_image) : 
                ?>
                    <div class="img-cont">
                        <img src="<?php echo $chem_inv_benefit_image['url']; ?>"
                             alt="<?php echo $chem_inv_benefit_image['alt']; ?>"
                             class="img-fluid"
                             loading="lazy">
                    </div>
                <?php endif; ?>
            </div>

            <div class="col-lg-6">
                <?php if (have_rows('chem_inv_benefit_items')) : ?>
                    <ul>
                        <?php while (have_rows('chem_inv_benefit_items')) : the_row(); ?>
                            <li>
                                <?php if (get_sub_field('chem_inv_benefit_item_number')) : ?>
                                    <div class="left">
                                        <?php the_sub_field('chem_inv_benefit_item_number'); ?>
                                    </div>
                                <?php endif; ?>

                                <div class="right">
                                    <?php if (get_sub_field('chem_inv_benefit_item_title')) : ?>
                                        <h3>
                                            <?php the_sub_field('chem_inv_benefit_item_title'); ?>
                                        </h3>
                                    <?php endif; ?>

                                    <?php if (get_sub_field('chem_inv_benefit_item_content')) : ?>
                                        <p>
                                            <?php the_sub_field('chem_inv_benefit_item_content'); ?>
                                        </p>
                                    <?php endif; ?>
                                </div>
                            </li>
                        <?php endwhile; ?>
                    </ul>
                <?php endif; ?>
            </div>
        </div>

        <?php 
        $chem_inv_benefit_btn_text = get_field('chem_inv_benefit_button_text');
        $chem_inv_benefit_btn_link = get_field('chem_inv_benefit_button_link');
        ?>

        <?php if ($chem_inv_benefit_btn_text) : ?>
            <div class="demo-btn-wrapper text-center mt-5">
                <a href="<?php echo $chem_inv_benefit_btn_link ? $chem_inv_benefit_btn_link : 'javascript:;'; ?>" 
                   class="primary animated-cta-btn">
                    <?php the_field('chem_inv_benefit_button_text'); ?>
                </a>
            </div>
        <?php endif; ?>

    </div>
</section>


<div class="spacer bg-white"></div>

<section class="simplify-chemical-cta">
    <div class="container">
        <div class="row gy-4 align-items-lg-center">
            <div class="col-lg-6">
                <div class="text-cont">

                    <?php if (get_field('simplify_chem_cta_title')) : ?>
                        <h2>
                            <?php the_field('simplify_chem_cta_title'); ?>
                        </h2>
                    <?php endif; ?>

                    <?php if (get_field('simplify_chem_cta_content')) : ?>
                        <p>
                            <?php the_field('simplify_chem_cta_content'); ?>
                        </p>
                    <?php endif; ?>

                    <?php 
                    $simplify_chem_cta_button_text = get_field('simplify_chem_cta_button_text');
                    $simplify_chem_cta_button_link = get_field('simplify_chem_cta_button_link');
                    ?>

                    <?php if ($simplify_chem_cta_button_text) : ?>
                        <a href="<?php echo $simplify_chem_cta_button_link ? $simplify_chem_cta_button_link : 'javascript:;'; ?>" 
                           class="accent-btn animated-cta-btn">
                            <?php the_field('simplify_chem_cta_button_text'); ?>
                        </a>
                    <?php endif; ?>

                </div>
            </div>

            <div class="col-lg-6">
                <?php 
                $simplify_chem_cta_image = get_field('simplify_chem_cta_image');
                if ($simplify_chem_cta_image) : 
                ?>
                    <div class="img-cont">
                        <img src="<?php echo $simplify_chem_cta_image['url']; ?>"
                             alt="<?php echo $simplify_chem_cta_image['alt']; ?>"
                             class="img-fluid"
                             loading="lazy">
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </div>
</section>

<section class="section lighting-businesses-help chemical-businesses-help pale-blue">
    <div class="container">
        <div class="text-cont">
            <div class="row">
                <div class="col-lg-7">
                    <?php if (get_field('lighting_biz_help_title')) : ?>
                        <h2 class="section-title">
                            <?php the_field('lighting_biz_help_title'); ?>
                        </h2>
                    <?php endif; ?>
                </div>

                <div class="col-lg-5">
                    <?php if (get_field('lighting_biz_help_content')) : ?>
                        <p class="section-content">
                            <?php the_field('lighting_biz_help_content'); ?>
                        </p>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>

    <?php if (have_rows('lighting_biz_help_slides')) : ?>
        <div class="container-fluid px-0">
            <div class="owl-carousel owl-theme lighting-businesses-help-slider">
                <?php while (have_rows('lighting_biz_help_slides')) : the_row(); 
                    $lighting_biz_help_slide_image = get_sub_field('lighting_biz_help_slide_image');
                ?>
                    <div class="item">
                        <?php if ($lighting_biz_help_slide_image) : ?>
                            <img src="<?php echo $lighting_biz_help_slide_image['url']; ?>"
                                 alt="<?php echo $lighting_biz_help_slide_image['alt']; ?>"
                                 class="img-fluid"
                                 loading="lazy">
                        <?php endif; ?>

                        <div class="text-content">
                            <?php if (get_sub_field('lighting_biz_help_slide_title')) : ?>
                                <h3>
                                    <?php the_sub_field('lighting_biz_help_slide_title'); ?>
                                </h3>
                            <?php endif; ?>

                            <?php if (get_sub_field('lighting_biz_help_slide_content')) : ?>
                                <p>
                                    <?php the_sub_field('lighting_biz_help_slide_content'); ?>
                                </p>
                            <?php endif; ?>
                        </div>
                    </div>
                <?php endwhile; ?>
            </div>
        </div>
    <?php endif; ?>

    <?php 
    $lighting_biz_help_button_text = get_field('lighting_biz_help_button_text');
    $lighting_biz_help_button_link = get_field('lighting_biz_help_button_link');
    ?>

    <?php if ($lighting_biz_help_button_text) : ?>
        <div class="demo-btn-wrapper text-left container mt-5">
            <a href="<?php echo $lighting_biz_help_button_link ? $lighting_biz_help_button_link : 'javascript:;'; ?>" 
               class="primary animated-cta-btn">
                <?php the_field('lighting_biz_help_button_text'); ?>
            </a>
        </div>
    <?php endif; ?>
</section>





<?php
$heading = get_field('abw_heading');
$content = get_field('abw_content');
?>

<!-- Automate Brewery Work SEction Start -->
<section class="section automate-brewery-work coffee-roaster-inventory-work bg-white">
    <div class="container">
        <div class="text-cont">
		<?php if (!empty($heading)) : ?>
            <h2 class="section-title text-center"><?php echo wp_kses_post($heading); ?></h2>
			 <?php endif; ?>
			  <?php if (!empty($content)) : ?>
            <p class="section-content text-center">
                <?php echo wp_kses_post($content); ?>
            </p>
			 <?php endif; ?>
        </div>

        <div class="brewery-integrations-logos-wrapper">
		 <?php if (have_rows('abw_logos')) : ?>
                <?php while (have_rows('abw_logos')) : the_row();
                    $img = get_sub_field('abw_logo_image'); // array
                    $alt_override = get_sub_field('abw_logo_alt');

                    $img_url = !empty($img['url']) ? $img['url'] : '';
                    $img_alt = !empty($alt_override) ? $alt_override : (!empty($img['alt']) ? $img['alt'] : 'automate-brewery-work');
                ?>
				 <?php if (!empty($img_url)) : ?>
            <div class="img-wrapper">
                            <img src="<?php echo esc_url($img_url); ?>"
                                 alt="<?php echo esc_attr($img_alt); ?>"
                                 class="img-fluid">
                        </div>
            <?php endif; ?>
                <?php endwhile; ?>
            <?php endif; ?>
          
        </div>
		<?php 
            $cta_link = get_field('abw_logos__button');
            ?>
			  <?php if (!empty($cta_link)) : ?>
        <div class="demo-btn-wrapper text-center">
            <a href="<?php echo esc_url($cta_link['url']); ?>" class="primary animated-cta-btn"><?php echo $cta_link['title']; ?></a>
        </div>
		<?php endif; ?>
    </div>
</section>
<!-- Automate Brewery Work SEction End -->

<!-- pricing section start -->
<?php 
$pricing = [
    'class' => 'supply-chain-pricing-cards pt-5',
    'category' => 'home',
    'headingcon' => 'h2',
];
get_template_part('templates-parts/pages/pricing',null,$pricing)?>
<!-- pricing section end -->


<section class="section quick-glance-transformation">
    <div class="container">

        <div class="text-cont text-center">
            <?php if (get_field('quick_glance_transform_title')) : ?>
                <h2 class="section-title">
                    <?php the_field('quick_glance_transform_title'); ?>
                </h2>
            <?php endif; ?>

            <?php if (get_field('quick_glance_transform_content')) : ?>
                <p class="section-content">
                    <?php the_field('quick_glance_transform_content'); ?>
                </p>
            <?php endif; ?>
        </div>

        <?php if (have_rows('quick_glance_transform_slides')) : ?>
            <div class="owl-carousel owl-theme quick-glance-transformation-slider">
                <?php while (have_rows('quick_glance_transform_slides')) : the_row(); 
                    $quick_glance_transform_slide_image = get_sub_field('quick_glance_transform_slide_image');
                ?>
                    <div class="item">
                        <?php if ($quick_glance_transform_slide_image) : ?>
                            <img src="<?php echo $quick_glance_transform_slide_image['url']; ?>"
                                 alt="<?php echo $quick_glance_transform_slide_image['alt']; ?>"
                                 class="img-fluid"
                                 loading="lazy">
                        <?php endif; ?>

                        <div class="box">
                            <?php if (get_sub_field('quick_glance_transform_slide_title')) : ?>
                                <h3>
                                    <?php the_sub_field('quick_glance_transform_slide_title'); ?>
                                </h3>
                            <?php endif; ?>

                            <?php if (get_sub_field('quick_glance_transform_slide_content')) : ?>
                                <p>
                                    <?php the_sub_field('quick_glance_transform_slide_content'); ?>
                                </p>
                            <?php endif; ?>
                        </div>
                    </div>
                <?php endwhile; ?>
            </div>
        <?php endif; ?>

        <?php 
        $quick_glance_transform_button_text = get_field('quick_glance_transform_button_text');
        $quick_glance_transform_button_link = get_field('quick_glance_transform_button_link');
        ?>

        <?php if ($quick_glance_transform_button_text) : ?>
            <div class="demo-btn-wrapper text-center mt-5">
                <a href="<?php echo $quick_glance_transform_button_link ? $quick_glance_transform_button_link : 'javascript:;'; ?>" 
                   class="primary animated-cta-btn">
                    <?php the_field('quick_glance_transform_button_text'); ?>
                </a>
            </div>
        <?php endif; ?>

    </div>
</section>

<section class="section why-choose-distribution bg-white">
  <div class="container">
    <div class="text-cont">
      <div class="row">
        <div class="col-xl-6">
          <?php $title = get_field('distwch_sec_title'); ?>
          <?php if ($title) : ?>
            <h2 class="section-title"><?php echo esc_html($title); ?></h2>
          <?php endif; ?>
        </div>

        <div class="col-xl-6">
          <?php $desc = get_field('distwch_sec_desc'); ?>
          <?php if ($desc) : ?>
            <p class="section-content"><?php echo wp_kses_post($desc); ?></p>
          <?php endif; ?>
        </div>
      </div>
    </div>
  </div>

  <div class="container-fluid px-0">
    <div class="owl-carousel owl-theme why-choose-distribution-slider">

      <?php if (have_rows('distwch_sec_slides')) : ?>
        <?php while (have_rows('distwch_sec_slides')) : the_row();

          $slide_img      = get_sub_field('distwch_slide_image');
          $slide_img_alt  = get_sub_field('distwch_slide_image_alt');

          $pro_img        = get_sub_field('distwch_slide_profile_image');
          $pro_img_alt    = get_sub_field('distwch_slide_profile_image_alt');
          $pro_meta       = get_sub_field('distwch_slide_profile_meta');

          $rpro_img       = get_sub_field('distwch_slide_right_profile_image');
          $rpro_img_alt   = get_sub_field('distwch_slide_right_profile_image_alt');

          $heading        = get_sub_field('distwch_slide_heading');
          $text           = get_sub_field('distwch_slide_text');
        ?>
          <div class="item">
            <div class="row gy-4">

              <div class="col-lg-6">
                <div class="img-cont">

                  <?php if (!empty($slide_img)) : ?>
                    <img
                      src="<?php echo esc_url($slide_img['url']); ?>"
                      alt="<?php echo esc_attr($slide_img_alt ? $slide_img_alt : $slide_img['alt']); ?>"
                      class="img-fluid card-img"
                    >
                  <?php endif; ?>

                  <ul>
                    <li>
                      <?php if (!empty($pro_img)) : ?>
                        <img
                          src="<?php echo esc_url($pro_img['url']); ?>"
                          alt="<?php echo esc_attr($pro_img_alt ? $pro_img_alt : $pro_img['alt']); ?>"
                          class="img-fluid"
                        >
                      <?php endif; ?>
                    </li>
                    <li><?php echo wp_kses_post($pro_meta); ?></li>
                  </ul>

                </div>
              </div>

              <div class="col-lg-6">
                <div class="text-content">

                  <?php if (!empty($rpro_img)) : ?>
                    <img
                      src="<?php echo esc_url($rpro_img['url']); ?>"
                      alt="<?php echo esc_attr($rpro_img_alt ? $rpro_img_alt : $rpro_img['alt']); ?>"
                      class="img-fluid"
                    >
                  <?php endif; ?>

                  <?php if ($heading) : ?>
                    <h3><?php echo $heading; ?></h3>
                  <?php endif; ?>

                  <?php if ($text) : ?>
                    <p><?php echo wp_kses_post($text); ?></p>
                  <?php endif; ?>

                </div>
              </div>

            </div>
          </div>
        <?php endwhile; ?>
      <?php endif; ?>

    </div>

    <?php
      $btn_text  = get_field('distwch_sec_btn_text');
      $btn_url   = get_field('distwch_sec_btn_url');
      $btn_class = get_field('distwch_sec_btn_class');
    ?>
    <?php if ($btn_text) : ?>
      <div class="text-center mt-5">
        <a
          href="<?php echo esc_url($btn_url ? $btn_url : 'javascript:;'); ?>"
          class="<?php echo esc_attr($btn_class ? $btn_class : 'primary animated-cta-btn'); ?>"
        >
          <?php echo esc_html($btn_text); ?>
        </a>
      </div>
    <?php endif; ?>

  </div>
</section>

<!-- CTA start -->
<?php $ctas = [
    'class' => 'distribution-cta get-cost-estimate-cta pt-5',
    'heading_class' => 'cta-title',
    'para_class' => 'cta-description',
	'col_left_class' => 'col-lg-6 col-xxl-5',
    'col_right_class' => 'col-lg-6',
    'button_class' => 'accent-btn',
]; 
get_template_part('templates-parts/pages/3pl-client-portal-cta',null,$ctas);?>
<!-- CTA end -->


<!-- Faqs start -->
<?php
    $args = [   
        'category'  => 'chemical-inventory-software',
    ];
    get_template_part('templates-parts/pages/faqs-new', null, $args);
?>





<script src="<?php echo get_template_directory_uri(); ?>/assets/js/owl.carousel.min.js"></script>
<?php
    get_footer();
?>
<script>
    $('.about-our-product-slider').owlCarousel({
        loop: false,
        margin: 10,
        nav: false,
        dots: false,
        responsive: {
            0: {
                items: 1,
                autoplay: true
            },
            600: {
                loop: true,
                items: 3,
                autoplay: true
            },
            1000: {
                items: 5
            }
        }
    });

    $('.portfolio-slider').owlCarousel({
        loop:false,
        margin:40,
        nav:false,
        dots:false,
        dotsData:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:2,
                margin:20
            },
            1000:{
                items:2
            }
        }
    });
    var more_industries_slider = $('.industry-specific-slider');

    $('.slide-next-button').click(function() {
        more_industries_slider.trigger('next.owl.carousel');
    });

    $('.slide-prev-button').click(function() {
        more_industries_slider.trigger('prev.owl.carousel');
    });
    $('.industry-specific-slider').owlCarousel({
        loop: true,
        autoplay:false,
        margin: 20,
        nav: false,
        stagePadding: 50,
        dots: false,
        responsive: {
            0: {
                items: 1,
                stagePadding: 1,
            },
            480: {
                items: 1
            },
            600: {
                items: 2

            },
            1400: {
                items : 2
            },
        }
    });
    $('.why-choose-distribution-slider').owlCarousel({
        loop:true,
        margin:20,
        nav: false,
        dots: false,
        autoplay: true,
        autoplayTimeout: 4000,
        autoplayHoverPause: true,
        smartSpeed: 1200,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1.5
            },
            1000:{
                items:1.9
            }
        }
    })
</script>

<script>
    $('.lighting-businesses-help-slider').owlCarousel({
        loop:true,
        margin:20,
        nav:true,
        navText: [
            `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M14.0938 6.09375C14.0938 6.65625 13.6562 7.09375 13.125 7.09375H3.53125L6.8125 10.4062C7.21875 10.7812 7.21875 11.4375 6.8125 11.8125C6.625 12 6.375 12.0938 6.125 12.0938C5.84375 12.0938 5.59375 12 5.40625 11.8125L0.40625 6.8125C0 6.4375 0 5.78125 0.40625 5.40625L5.40625 0.40625C5.78125 0 6.4375 0 6.8125 0.40625C7.21875 0.78125 7.21875 1.4375 6.8125 1.8125L3.53125 5.09375H13.125C13.6562 5.09375 14.0938 5.5625 14.0938 6.09375Z" fill="white"/>
                </svg>
                `,
            `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13.6875 6.8125L8.6875 11.8125C8.5 12 8.25 12.0938 8 12.0938C7.71875 12.0938 7.46875 12 7.28125 11.8125C6.875 11.4375 6.875 10.7812 7.28125 10.4062L10.5625 7.09375H1C0.4375 7.09375 0 6.65625 0 6.09375C0 5.5625 0.4375 5.09375 1 5.09375H10.5625L7.28125 1.8125C6.875 1.4375 6.875 0.78125 7.28125 0.40625C7.65625 0 8.3125 0 8.6875 0.40625L13.6875 5.40625C14.0938 5.78125 14.0938 6.4375 13.6875 6.8125Z" fill="white"/>
                </svg>
                `
        ],
        autoplay: true,
        dots: false,
        autoplayHoverPause:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:2.5
            },
            1000:{
                items:3.5
            }
        }
    });
    $('.amazing-clients-review-slider').owlCarousel({
        loop:true,
        margin:10,
        nav:true,
        navText: [
            `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M14.0938 6.09375C14.0938 6.65625 13.6562 7.09375 13.125 7.09375H3.53125L6.8125 10.4062C7.21875 10.7812 7.21875 11.4375 6.8125 11.8125C6.625 12 6.375 12.0938 6.125 12.0938C5.84375 12.0938 5.59375 12 5.40625 11.8125L0.40625 6.8125C0 6.4375 0 5.78125 0.40625 5.40625L5.40625 0.40625C5.78125 0 6.4375 0 6.8125 0.40625C7.21875 0.78125 7.21875 1.4375 6.8125 1.8125L3.53125 5.09375H13.125C13.6562 5.09375 14.0938 5.5625 14.0938 6.09375Z" fill="white"/>
                </svg>
                `,
            `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13.6875 6.8125L8.6875 11.8125C8.5 12 8.25 12.0938 8 12.0938C7.71875 12.0938 7.46875 12 7.28125 11.8125C6.875 11.4375 6.875 10.7812 7.28125 10.4062L10.5625 7.09375H1C0.4375 7.09375 0 6.65625 0 6.09375C0 5.5625 0.4375 5.09375 1 5.09375H10.5625L7.28125 1.8125C6.875 1.4375 6.875 0.78125 7.28125 0.40625C7.65625 0 8.3125 0 8.6875 0.40625L13.6875 5.40625C14.0938 5.78125 14.0938 6.4375 13.6875 6.8125Z" fill="white"/>
                </svg>
                `
        ],
        dots: false,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:1
            }
        }
    });
</script>


<script>
    $('.quick-glance-transformation-slider').owlCarousel({
        loop:true,
        margin:10,
        nav:true,
        dots:false,
        items: 1,
        navText: [
            `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M14.0938 6.09375C14.0938 6.65625 13.6562 7.09375 13.125 7.09375H3.53125L6.8125 10.4062C7.21875 10.7812 7.21875 11.4375 6.8125 11.8125C6.625 12 6.375 12.0938 6.125 12.0938C5.84375 12.0938 5.59375 12 5.40625 11.8125L0.40625 6.8125C0 6.4375 0 5.78125 0.40625 5.40625L5.40625 0.40625C5.78125 0 6.4375 0 6.8125 0.40625C7.21875 0.78125 7.21875 1.4375 6.8125 1.8125L3.53125 5.09375H13.125C13.6562 5.09375 14.0938 5.5625 14.0938 6.09375Z" fill="white"/>
                </svg>
                `,
            `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13.6875 6.8125L8.6875 11.8125C8.5 12 8.25 12.0938 8 12.0938C7.71875 12.0938 7.46875 12 7.28125 11.8125C6.875 11.4375 6.875 10.7812 7.28125 10.4062L10.5625 7.09375H1C0.4375 7.09375 0 6.65625 0 6.09375C0 5.5625 0.4375 5.09375 1 5.09375H10.5625L7.28125 1.8125C6.875 1.4375 6.875 0.78125 7.28125 0.40625C7.65625 0 8.3125 0 8.6875 0.40625L13.6875 5.40625C14.0938 5.78125 14.0938 6.4375 13.6875 6.8125Z" fill="white"/>
                </svg>
                `
        ],
    });
    $('.why-choose-distribution-slider').owlCarousel({
        loop:true,
        margin:20,
        nav: false,
        dots: false,
        autoplay: true,
        autoplayTimeout: 4000,
        autoplayHoverPause: true,
        smartSpeed: 1200,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1.5
            },
            1000:{
                items:1.9
            }
        }
    })
</script>