{# Settings #}
{% set root = "../../" %}
{% set mainNavActive_1 = "shortcodes" %}
{% set sidebarNavActive_1 = "shortcode-base-dynamic-process-blocks-1" %}
{% set title = "Process Blocks 1 | " %}

{% include "html/assets/include/nunjucks/partials/head.njk" %}
{% include "html/assets/include/nunjucks/partials/core-fonts.njk" %}
{% include "html/assets/include/nunjucks/partials/core-css.njk" %}
<link rel="stylesheet" href="{{ root }}assets/vendor/bootstrap/offcanvas.css">
{% include "html/assets/include/nunjucks/partials/core-icons.njk" %}
<link rel="stylesheet" href="{{ root }}assets/vendor/animate.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/jquery-ui/themes/base/jquery-ui.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hamburgers/hamburgers.min.css">

{% include "html/assets/include/nunjucks/partials/css/css-showcode.njk" %}

{% include "html/assets/include/nunjucks/partials/css/css-unify.njk" %}
{% include "html/assets/include/nunjucks/partials/css/css-custom.njk" %}
</head>

<body>
  <main>
    {% include "html/assets/include/nunjucks/partials/blocks/headers/header-main-fullwidth.njk" %}

    <section class="container-fluid">
      <div class="row row-offcanvas row-offcanvas-left">
        <div class="col-auto sidebar-offcanvas u-sidebar-navigation g-bg-secondary g-px-0 g-py-20">
          {% include "html/assets/include/nunjucks/partials/blocks/sidebars/sidebar-local-search.njk" %}
        </div>

        <div class="col g-py-30 g-pa-30--md">
          <div class="g-hidden-md-up">
            <button type="button" class="btn btn-primary btn-sm"
                    data-toggle="offcanvas">Toggle shocrtcode nav
            </button>
          </div>

          <!-- Dynamic Process v1 -->
          <section class="container g-pt-30">
            <h1 class="g-font-weight-300 g-letter-spacing-1 g-mb-35">Dynamic Process Blocks</h1>

            <div class="text-center g-mb-50">
              <h2 class="h4 g-mb-0">Process
                <span class="g-color-primary g-ml-5">#01</span>
              </h2>
            </div>

            <div id="shortcode1">
              <div class="shortcode-html">
                <!-- Dynamic Process -->
                <div id="carousel1" class="js-carousel"
                     data-infinite="true">
                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Tax preparation">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Tax preparation</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img1.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Tax issues">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Tax issues</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img2.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Part-time cfo/controller">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Part-time cfo/controller</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img3.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Small business accounting">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Small business accounting</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img4.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Non-profit accountiong">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Non-profit accountiong</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img5.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Non-profit accountiong">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Non-profit accountiong</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img6.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>
                </div>
                <!-- End Dynamic Process -->
              </div>

              <div class="shortcode-styles">
                <!-- CSS Implementing Plugins -->
                <link type="text/plain" rel="stylesheet" href="{{ root }}assets/vendor/slick-carousel/slick/slick.css">
              </div>

              <div class="shortcode-scripts">
                <!-- JS Implementing Plugins -->
                <script type="text/plain" src="{{ root }}assets/vendor/slick-carousel/slick/slick.js"></script>

                <!-- JS Unify -->
                <script type="text/plain" src="{{ root }}assets/js/components/hs.carousel.js"></script>

                <!-- JS Plugins Init. -->
                <script type="text/plain">
                  $(document).ready(function () {
                    $.HSCore.components.HSCarousel.init('.js-carousel');

                    $('#carousel1').slick('setOption', 'dots', true, true);
                    $('#carousel1').slick('setOption', 'dotsClass', 'js-pagination u-carousel-indicators-v30 g-pos-abs g-top-0', true);
                    $('#carousel1').slick('setOption', 'customPaging', function (slider, i) {
                      var title = $(slider.$slides[i]).data('title');

                      return '<i class="u-dot-line-v1 g-brd-gray-light-v2--before g-brd-gray-light-v2--after g-mb-15--sm"><span class="u-dot-line-v1__inner g-bg-white g-bg-primary--before g-brd-gray-light-v2 g-brd-primary--active g-transition--ease-in g-transition-0_2"></span></i><span class="g-hidden-sm-down g-color-black g-font-size-15">' + title + '</span>';
                    }, true);
                  });
                </script>
              </div>
            </div>

            {% set SCExtendedClasses = "container g-pos-rel" %}
            {% set contentTarget = "#shortcode1" %}
            {% set modalID = "#modalMarkup" %}
            {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
          </section>
          <!-- End Dynamic Process v1 -->

          <hr class="g-brd-gray-light-v4 g-my-0">

          <!-- Dynamic Process v2 -->
          <section class="container g-py-100">
            <div class="text-center g-mb-50">
              <h2 class="h4 g-mb-0">Process
                <span class="g-color-primary g-ml-5">#02</span>
              </h2>
            </div>

            <div id="shortcode2">
              <div class="shortcode-html">
                <!-- Dynamic Process -->
                <div id="carousel2" class="js-carousel"
                     data-infinite="true">
                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Tax preparation">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Tax preparation</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img2.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Tax issues">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Tax issues</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img1.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Part-time cfo/controller">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Part-time cfo/controller</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img3.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Small business accounting">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Small business accounting</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img4.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Non-profit accountiong">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Non-profit accountiong</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img5.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Non-profit accountiong">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Non-profit accountiong</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img6.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>
                </div>
                <!-- End Dynamic Process -->
              </div>

              <div class="shortcode-styles">
                <!-- CSS Implementing Plugins -->
                <link type="text/plain" rel="stylesheet" href="{{ root }}assets/vendor/slick-carousel/slick/slick.css">
              </div>

              <div class="shortcode-scripts">
                <!-- JS Implementing Plugins -->
                <script type="text/plain" src="{{ root }}assets/vendor/slick-carousel/slick/slick.js"></script>

                <!-- JS Unify -->
                <script type="text/plain" src="{{ root }}assets/js/components/hs.carousel.js"></script>

                <!-- JS Plugins Init. -->
                <script type="text/plain">
                  $(document).ready(function () {
                    $.HSCore.components.HSCarousel.init('.js-carousel');

                    $('#carousel2').slick('setOption', 'dots', true, true);
                    $('#carousel2').slick('setOption', 'dotsClass', 'js-pagination u-carousel-indicators-v30 g-pos-abs g-bottom-0', true);
                    $('#carousel2').slick('setOption', 'customPaging', function (slider, i) {
                      var title = $(slider.$slides[i]).data('title');

                      return '<i class="u-dot-line-v1 g-brd-gray-light-v2--before g-brd-gray-light-v2--after g-mb-15--sm"><span class="u-dot-line-v1__inner g-bg-white g-bg-primary--before g-brd-gray-light-v2 g-brd-primary--active g-transition--ease-in g-transition-0_2"></span></i><span class="g-hidden-sm-down g-color-black g-font-size-15">' + title + '</span>';
                    }, true);
                  });
                </script>
              </div>
            </div>

            {% set SCExtendedClasses = "container g-pos-rel" %}
            {% set contentTarget = "#shortcode2" %}
            {% set modalID = "#modalMarkup" %}
            {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
          </section>
          <!-- End Dynamic Process v2 -->

          <hr class="g-brd-gray-light-v4 g-my-0">

          <!-- Dynamic Process v1 -->
          <section class="container g-py-100">
            <div class="text-center g-mb-50">
              <h2 class="h4 g-mb-0">Process
                <span class="g-color-primary g-ml-5">#03</span>
              </h2>
            </div>

            <div id="shortcode3">
              <div class="shortcode-html">
                <!-- Dynamic Process -->
                <div id="carousel3" class="js-carousel"
                     data-infinite="true">
                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Tax preparation">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Tax preparation</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img3.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Tax issues">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Tax issues</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img2.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Part-time cfo/controller">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Part-time cfo/controller</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img1.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Small business accounting">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Small business accounting</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img4.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Non-profit accountiong">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Non-profit accountiong</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img5.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pt-70 g-pt-150--sm"
                       data-title="Non-profit accountiong">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Non-profit accountiong</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img6.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>
                </div>
                <!-- End Dynamic Process -->
              </div>

              <div class="shortcode-styles">
                <!-- CSS Implementing Plugins -->
                <link type="text/plain" rel="stylesheet" href="{{ root }}assets/vendor/slick-carousel/slick/slick.css">
              </div>

              <div class="shortcode-scripts">
                <!-- JS Implementing Plugins -->
                <script type="text/plain" src="{{ root }}assets/vendor/slick-carousel/slick/slick.js"></script>

                <!-- JS Unify -->
                <script type="text/plain" src="{{ root }}assets/js/components/hs.carousel.js"></script>

                <!-- JS Plugins Init. -->
                <script type="text/plain">
                  $(document).ready(function () {
                    $.HSCore.components.HSCarousel.init('.js-carousel');

                    $('#carousel3').slick('setOption', 'dots', true, true);
                    $('#carousel3').slick('setOption', 'dotsClass', 'js-pagination u-carousel-indicators-v30 g-pos-abs g-top-0', true);
                    $('#carousel3').slick('setOption', 'customPaging', function (slider, i) {
                      var title = $(slider.$slides[i]).data('title');

                      return '<i class="u-dot-line-v2 g-brd-gray-light-v2--before g-brd-gray-light-v2--after g-mb-15--sm"><span class="u-dot-line-v2__inner g-bg-white--before g-brd-3--before--active g-brd-gray-light-v2--before g-brd-primary--before--active g-transition--ease-in g-transition-0_2"></span></i><span class="g-hidden-sm-down g-color-black g-font-size-15">' + title + '</span>';
                    }, true);
                  });
                </script>
              </div>
            </div>

            {% set SCExtendedClasses = "container g-pos-rel" %}
            {% set contentTarget = "#shortcode3" %}
            {% set modalID = "#modalMarkup" %}
            {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
          </section>
          <!-- End Dynamic Process v1 -->

          <hr class="g-brd-gray-light-v4 g-my-0">

          <!-- Dynamic Process v2 -->
          <section class="container g-py-100">
            <div class="text-center g-mb-50">
              <h2 class="h4 g-mb-0">Process
                <span class="g-color-primary g-ml-5">#04</span>
              </h2>
            </div>

            <div id="shortcode4">
              <div class="shortcode-html">
                <!-- Dynamic Process -->
                <div id="carousel4" class="js-carousel"
                     data-infinite="true">
                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Tax preparation">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Tax preparation</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img4.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Tax issues">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Tax issues</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img2.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Part-time cfo/controller">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Part-time cfo/controller</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img3.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Small business accounting">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Small business accounting</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img1.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Non-profit accountiong">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Non-profit accountiong</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img5.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>

                  <div class="js-slide g-pb-70 g-pb-150--sm"
                       data-title="Non-profit accountiong">
                    <!-- Dynamic Process -->
                    <div class="row no-gutters">
                      <div class="col-lg-6 g-bg-black g-pa-60 g-pa-100--sm">
                        <h3 class="h4 g-color-white g-font-weight-700 g-mb-25">Non-profit accountiong</h3>

                        <div class="g-mb-50">
                          <p class="g-color-white-opacity-0_7 g-mb-30">We aim high at being focused on building relationships with our clients and community. Using our creative gifts drives this foundation. Working together on the daily requires each individual to let the greater good of the team’s work surface above their own ego.</p>
                          <p class="g-color-white-opacity-0_7 g-mb-30">It’s important to stay detail oriented with every project we tackle. Staying focused allows us to turn every project we complete into something we love. We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt. As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
                        </div>

                        <a class="btn btn-lg u-btn-primary g-font-weight-600 g-font-size-default text-uppercase g-rounded-50" href="#">Contact us for more info</a>
                      </div>

                      <div class="col-lg-6 g-min-height-400 g-bg-size-cover g-bg-pos-center" style="background-image: url({{ root }}assets/img-temp/900x900/img6.jpg);"></div>
                    </div>
                    <!-- End Dynamic Process -->
                  </div>
                </div>
                <!-- End Dynamic Process -->
              </div>

              <div class="shortcode-styles">
                <!-- CSS Implementing Plugins -->
                <link type="text/plain" rel="stylesheet" href="{{ root }}assets/vendor/slick-carousel/slick/slick.css">
              </div>

              <div class="shortcode-scripts">
                <!-- JS Implementing Plugins -->
                <script type="text/plain" src="{{ root }}assets/vendor/slick-carousel/slick/slick.js"></script>

                <!-- JS Unify -->
                <script type="text/plain" src="{{ root }}assets/js/components/hs.carousel.js"></script>

                <!-- JS Plugins Init. -->
                <script type="text/plain">
                  $(document).ready(function () {
                    $.HSCore.components.HSCarousel.init('.js-carousel');

                    $('#carousel4').slick('setOption', 'dots', true, true);
                    $('#carousel4').slick('setOption', 'dotsClass', 'js-pagination u-carousel-indicators-v30 g-pos-abs g-bottom-0', true);
                    $('#carousel4').slick('setOption', 'customPaging', function (slider, i) {
                      var title = $(slider.$slides[i]).data('title');

                      return '<i class="u-dot-line-v2 g-brd-gray-light-v2--before g-brd-gray-light-v2--after g-mb-15--sm"><span class="u-dot-line-v2__inner g-bg-white--before g-brd-3--before--active g-brd-gray-light-v2--before g-brd-primary--before--active g-transition--ease-in g-transition-0_2"></span></i><span class="g-hidden-sm-down g-color-black g-font-size-15">' + title + '</span>';
                    }, true);
                  });
                </script>
              </div>
            </div>

            {% set SCExtendedClasses = "container g-pos-rel" %}
            {% set contentTarget = "#shortcode4" %}
            {% set modalID = "#modalMarkup" %}
            {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
          </section>
          <!-- End Dynamic Process v2 -->
        </div>
      </div>
    </section>

    {% include "html/assets/include/nunjucks/partials/blocks/cta/cta-main.njk" %}

    {% include "html/assets/include/nunjucks/partials/blocks/footers/footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/footers/copyright-footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/go-to-top/go-to-top-1.njk" %}
  </main>

  {% include "html/assets/include/nunjucks/partials/blocks/modals/modal-markup.njk" %}

  {% include "html/assets/include/nunjucks/partials/core-js.njk" %}
  <script src="{{ root }}assets/vendor/bootstrap/offcanvas.js"></script>

  <!-- JS Implementing Plugins -->
  <script src="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
  <script src="{{ root }}assets/vendor/slick-carousel/slick/slick.js"></script>

  {% include "html/assets/include/nunjucks/partials/js/js-jquery-ui-core.njk" %}

  <!-- jQuery UI Helpers -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/menu.js"></script>
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/mouse.js"></script>

  <!-- jQuery UI Widgets -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/autocomplete.js"></script>

  <!-- JS Unify -->
  <script src="{{ root }}assets/js/hs.core.js"></script>

  <script src="{{ root }}assets/js/components/hs.header.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.hamburgers.js"></script>

  <script src="{{ root }}assets/js/components/hs.carousel.js"></script>

  <script src="{{ root }}assets/js/components/hs.autocomplete-local-search.js"></script>
  <script src="{{ root }}assets/style-switcher/vendor/cookiejs/jquery.cookie.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.shortcode-filter.js"></script>

  <script src="{{ root }}assets/js/components/hs.go-to.js"></script>

  {% include "html/assets/include/nunjucks/partials/js/js-show-code.njk" %}

  <!-- JS Custom -->
  <script src="{{ root }}assets/js/custom.js"></script>

  <!-- JS Plugins Init. -->
  <script>
    $(document).on('ready', function () {
      // initialization of go to
      $.HSCore.components.HSGoTo.init('.js-go-to');

      // initialization of carousel
      $.HSCore.components.HSCarousel.init('.js-carousel');

      $('#carousel1').slick('setOption', 'dots', true, true);
      $('#carousel1').slick('setOption', 'dotsClass', 'js-pagination u-carousel-indicators-v30 g-pos-abs g-top-0', true);
      $('#carousel1').slick('setOption', 'customPaging', function (slider, i) {
        var title = $(slider.$slides[i]).data('title');

        return '<i class="u-dot-line-v1 g-brd-gray-light-v2--before g-brd-gray-light-v2--after g-mb-15--sm"><span class="u-dot-line-v1__inner g-bg-white g-bg-primary--before g-brd-gray-light-v2 g-brd-primary--hover g-brd-primary--active g-transition--ease-in g-transition-0_2"></span></i><span class="g-hidden-sm-down g-color-black g-font-size-15">' + title + '</span>';
      }, true);

      $('#carousel2').slick('setOption', 'dots', true, true);
      $('#carousel2').slick('setOption', 'dotsClass', 'js-pagination u-carousel-indicators-v30 g-pos-abs g-bottom-0', true);
      $('#carousel2').slick('setOption', 'customPaging', function (slider, i) {
        var title = $(slider.$slides[i]).data('title');

        return '<i class="u-dot-line-v1 g-brd-gray-light-v2--before g-brd-gray-light-v2--after g-mb-15--sm"><span class="u-dot-line-v1__inner g-bg-white g-bg-primary--before g-brd-gray-light-v2 g-brd-primary--hover g-brd-primary--active g-transition--ease-in g-transition-0_2"></span></i><span class="g-hidden-sm-down g-color-black g-font-size-15">' + title + '</span>';
      }, true);

      $('#carousel3').slick('setOption', 'dots', true, true);
      $('#carousel3').slick('setOption', 'dotsClass', 'js-pagination u-carousel-indicators-v30 g-pos-abs g-top-0', true);
      $('#carousel3').slick('setOption', 'customPaging', function (slider, i) {
        var title = $(slider.$slides[i]).data('title');

        return '<i class="u-dot-line-v2 g-brd-gray-light-v2--before g-brd-gray-light-v2--after g-mb-15--sm"><span class="u-dot-line-v2__inner g-bg-white--before g-brd-3--before--active g-brd-gray-light-v2--before g-brd-primary--before--hover u-block-hover__main--zoom-v1--hover g-brd-primary--before--active g-transition--ease-in g-transition-0_2"></span></i><span class="g-hidden-sm-down g-color-black g-font-size-15">' + title + '</span>';
      }, true);

      $('#carousel4').slick('setOption', 'dots', true, true);
      $('#carousel4').slick('setOption', 'dotsClass', 'js-pagination u-carousel-indicators-v30 g-pos-abs g-bottom-0', true);
      $('#carousel4').slick('setOption', 'customPaging', function (slider, i) {
        var title = $(slider.$slides[i]).data('title');

        return '<i class="u-dot-line-v2 g-brd-gray-light-v2--before g-brd-gray-light-v2--after g-mb-15--sm"><span class="u-dot-line-v2__inner g-bg-white--before g-brd-3--before--active g-brd-gray-light-v2--before g-brd-primary--before--hover u-block-hover__main--zoom-v1--hover g-brd-primary--before--active g-transition--ease-in g-transition-0_2"></span></i><span class="g-hidden-sm-down g-color-black g-font-size-15">' + title + '</span>';
      }, true);
    });

    $(window).on('load', function () {
      // initialization of header
      $.HSCore.components.HSHeader.init($('#js-header'));
      $.HSCore.helpers.HSHamburgers.init('.hamburger');

      // initialization of autocomplet
      $.HSCore.components.HSLocalSearchAutocomplete.init('#autocomplete1');

      // initialization of HSMegaMenu component
      $('.js-mega-menu').HSMegaMenu({
        event: 'hover',
        pageContainer: $('.container'),
        breakpoint: 991
      });
    });
  </script>
</body>
</html>
