<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* _index/_services */
class __TwigTemplate_4679813e5433a50bfb4368e9996d0e15 extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->parent = false;

        $this->blocks = [
        ];
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        craft\helpers\Template::beginProfile("template", "_index/_services");
        // line 1
        echo "    ";
        $context["imgPath"] = Craft::getAlias("@web/assets/images/hero_bg_1.jpg");
        // line 2
        echo "    <div
      class=\"hero page-inner overlay\"
      style=\"background-image: url(";
        // line 4
        echo twig_escape_filter($this->env, (isset($context["imgPath"]) || array_key_exists("imgPath", $context) ? $context["imgPath"] : (function () { throw new RuntimeError('Variable "imgPath" does not exist.', 4, $this->source); })()), "html", null, true);
        echo ")\"
    >
      <div class=\"container\">
        <div class=\"row justify-content-center align-items-center\">
          <div class=\"col-lg-9 text-center mt-5\">
            <h1 class=\"heading\" data-aos=\"fade-up\">Services</h1>

            <nav
              aria-label=\"breadcrumb\"
              data-aos=\"fade-up\"
              data-aos-delay=\"200\"
            >
              <ol class=\"breadcrumb text-center justify-content-center\">
                <li class=\"breadcrumb-item\"><a href=\"index.html\">Home</a></li>
                <li
                  class=\"breadcrumb-item active text-white-50\"
                  aria-current=\"page\"
                >
                  Services
                </li>
              </ol>
            </nav>
          </div>
        </div>
      </div>
    </div>

    <div class=\"section bg-light\">
      <div class=\"container\">
        <div class=\"row\">
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"300\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house mb-4 d-block\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">
                Quality Properties
              </h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"400\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house-2 mb-4 d-block-3\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">Top Rated Agent</h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"500\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-building mb-4 d-block\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">
                Property for Sale
              </h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"600\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house-3 mb-4 d-block-1\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">House for Sale</h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>

          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"300\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house-4 mb-4 d-block\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">
                Quality Properties
              </h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"400\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-building mb-4 d-block-3\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">Top Rated Agent</h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"500\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house mb-4 d-block\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">
                Property for Sale
              </h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"600\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house-1 mb-4 d-block-1\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">House for Sale</h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class=\"section sec-testimonials\">
      <div class=\"container\">
        <div class=\"row mb-5 align-items-center\">
          <div class=\"col-md-6\">
            <h2 class=\"font-weight-bold heading text-primary mb-4 mb-md-0\">
              Customer Says
            </h2>
          </div>
          <div class=\"col-md-6 text-md-end\">
            <div id=\"testimonial-nav\">
              <span class=\"prev\" data-controls=\"prev\">Prev</span>

              <span class=\"next\" data-controls=\"next\">Next</span>
            </div>
          </div>
        </div>

        <div class=\"row\">
          <div class=\"col-lg-4\"></div>
        </div>
        <div class=\"testimonial-slider-wrap\">
          <div class=\"testimonial-slider\">
            <div class=\"item\">
              <div class=\"testimonial\">
                ";
        // line 159
        $context["imgPath"] = Craft::getAlias("@web/assets/images/person_1-min.jpg");
        // line 160
        echo "                <img
                  src=\"";
        // line 161
        echo twig_escape_filter($this->env, (isset($context["imgPath"]) || array_key_exists("imgPath", $context) ? $context["imgPath"] : (function () { throw new RuntimeError('Variable "imgPath" does not exist.', 161, $this->source); })()), "html", null, true);
        echo "\"
                  alt=\"Image\"
                  class=\"img-fluid rounded-circle w-25 mb-4\"
                />
                <div class=\"rate\">
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                </div>
                <h3 class=\"h5 text-primary mb-4\">James Smith</h3>
                <blockquote>
                  <p>
                    &ldquo;Far far away, behind the word mountains, far from the
                    countries Vokalia and Consonantia, there live the blind
                    texts. Separated they live in Bookmarksgrove right at the
                    coast of the Semantics, a large language ocean.&rdquo;
                  </p>
                </blockquote>
                <p class=\"text-black-50\">Designer, Co-founder</p>
              </div>
            </div>

            <div class=\"item\">
              <div class=\"testimonial\">
                ";
        // line 187
        $context["imgPath"] = Craft::getAlias("@web/assets/images/person_2-min.jpg");
        // line 188
        echo "                <img
                  src=\"";
        // line 189
        echo twig_escape_filter($this->env, (isset($context["imgPath"]) || array_key_exists("imgPath", $context) ? $context["imgPath"] : (function () { throw new RuntimeError('Variable "imgPath" does not exist.', 189, $this->source); })()), "html", null, true);
        echo "\"
                  alt=\"Image\"
                  class=\"img-fluid rounded-circle w-25 mb-4\"
                />
                <div class=\"rate\">
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                </div>
                <h3 class=\"h5 text-primary mb-4\">Mike Houston</h3>
                <blockquote>
                  <p>
                    &ldquo;Far far away, behind the word mountains, far from the
                    countries Vokalia and Consonantia, there live the blind
                    texts. Separated they live in Bookmarksgrove right at the
                    coast of the Semantics, a large language ocean.&rdquo;
                  </p>
                </blockquote>
                <p class=\"text-black-50\">Designer, Co-founder</p>
              </div>
            </div>

            <div class=\"item\">
              <div class=\"testimonial\">
                ";
        // line 215
        $context["imgPath"] = Craft::getAlias("@web/assets/images/person_3-min.jpg");
        // line 216
        echo "                <img
                  src=\"";
        // line 217
        echo twig_escape_filter($this->env, (isset($context["imgPath"]) || array_key_exists("imgPath", $context) ? $context["imgPath"] : (function () { throw new RuntimeError('Variable "imgPath" does not exist.', 217, $this->source); })()), "html", null, true);
        echo "\"
                  alt=\"Image\"
                  class=\"img-fluid rounded-circle w-25 mb-4\"
                />
                <div class=\"rate\">
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                </div>
                <h3 class=\"h5 text-primary mb-4\">Cameron Webster</h3>
                <blockquote>
                  <p>
                    &ldquo;Far far away, behind the word mountains, far from the
                    countries Vokalia and Consonantia, there live the blind
                    texts. Separated they live in Bookmarksgrove right at the
                    coast of the Semantics, a large language ocean.&rdquo;
                  </p>
                </blockquote>
                <p class=\"text-black-50\">Designer, Co-founder</p>
              </div>
            </div>

            <div class=\"item\">
              <div class=\"testimonial\">
                ";
        // line 243
        $context["imgPath"] = Craft::getAlias("@web/assets/images/person_4-min.jpg");
        // line 244
        echo "                <img
                  src=\"";
        // line 245
        echo twig_escape_filter($this->env, (isset($context["imgPath"]) || array_key_exists("imgPath", $context) ? $context["imgPath"] : (function () { throw new RuntimeError('Variable "imgPath" does not exist.', 245, $this->source); })()), "html", null, true);
        echo "\"
                  alt=\"Image\"
                  class=\"img-fluid rounded-circle w-25 mb-4\"
                />
                <div class=\"rate\">
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                </div>
                <h3 class=\"h5 text-primary mb-4\">Dave Smith</h3>
                <blockquote>
                  <p>
                    &ldquo;Far far away, behind the word mountains, far from the
                    countries Vokalia and Consonantia, there live the blind
                    texts. Separated they live in Bookmarksgrove right at the
                    coast of the Semantics, a large language ocean.&rdquo;
                  </p>
                </blockquote>
                <p class=\"text-black-50\">Designer, Co-founder</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
";
        craft\helpers\Template::endProfile("template", "_index/_services");
    }

    public function getTemplateName()
    {
        return "_index/_services";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  310 => 245,  307 => 244,  305 => 243,  276 => 217,  273 => 216,  271 => 215,  242 => 189,  239 => 188,  237 => 187,  208 => 161,  205 => 160,  203 => 159,  45 => 4,  41 => 2,  38 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("    {% set imgPath = alias('@web/assets/images/hero_bg_1.jpg') %}
    <div
      class=\"hero page-inner overlay\"
      style=\"background-image: url({{ imgPath }})\"
    >
      <div class=\"container\">
        <div class=\"row justify-content-center align-items-center\">
          <div class=\"col-lg-9 text-center mt-5\">
            <h1 class=\"heading\" data-aos=\"fade-up\">Services</h1>

            <nav
              aria-label=\"breadcrumb\"
              data-aos=\"fade-up\"
              data-aos-delay=\"200\"
            >
              <ol class=\"breadcrumb text-center justify-content-center\">
                <li class=\"breadcrumb-item\"><a href=\"index.html\">Home</a></li>
                <li
                  class=\"breadcrumb-item active text-white-50\"
                  aria-current=\"page\"
                >
                  Services
                </li>
              </ol>
            </nav>
          </div>
        </div>
      </div>
    </div>

    <div class=\"section bg-light\">
      <div class=\"container\">
        <div class=\"row\">
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"300\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house mb-4 d-block\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">
                Quality Properties
              </h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"400\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house-2 mb-4 d-block-3\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">Top Rated Agent</h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"500\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-building mb-4 d-block\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">
                Property for Sale
              </h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"600\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house-3 mb-4 d-block-1\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">House for Sale</h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>

          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"300\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house-4 mb-4 d-block\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">
                Quality Properties
              </h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"400\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-building mb-4 d-block-3\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">Top Rated Agent</h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"500\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house mb-4 d-block\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">
                Property for Sale
              </h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
          <div class=\"col-6 col-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"600\">
            <div class=\"box-feature mb-4\">
              <span class=\"flaticon-house-1 mb-4 d-block-1\"></span>
              <h3 class=\"text-black mb-3 font-weight-bold\">House for Sale</h3>
              <p class=\"text-black-50\">
                Far far away, behind the word mountains, far from the countries
                Vokalia and Consonantia, there live the blind texts.
              </p>
              <p><a href=\"#\" class=\"learn-more\">Read more</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class=\"section sec-testimonials\">
      <div class=\"container\">
        <div class=\"row mb-5 align-items-center\">
          <div class=\"col-md-6\">
            <h2 class=\"font-weight-bold heading text-primary mb-4 mb-md-0\">
              Customer Says
            </h2>
          </div>
          <div class=\"col-md-6 text-md-end\">
            <div id=\"testimonial-nav\">
              <span class=\"prev\" data-controls=\"prev\">Prev</span>

              <span class=\"next\" data-controls=\"next\">Next</span>
            </div>
          </div>
        </div>

        <div class=\"row\">
          <div class=\"col-lg-4\"></div>
        </div>
        <div class=\"testimonial-slider-wrap\">
          <div class=\"testimonial-slider\">
            <div class=\"item\">
              <div class=\"testimonial\">
                {% set imgPath = alias('@web/assets/images/person_1-min.jpg') %}
                <img
                  src=\"{{ imgPath }}\"
                  alt=\"Image\"
                  class=\"img-fluid rounded-circle w-25 mb-4\"
                />
                <div class=\"rate\">
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                </div>
                <h3 class=\"h5 text-primary mb-4\">James Smith</h3>
                <blockquote>
                  <p>
                    &ldquo;Far far away, behind the word mountains, far from the
                    countries Vokalia and Consonantia, there live the blind
                    texts. Separated they live in Bookmarksgrove right at the
                    coast of the Semantics, a large language ocean.&rdquo;
                  </p>
                </blockquote>
                <p class=\"text-black-50\">Designer, Co-founder</p>
              </div>
            </div>

            <div class=\"item\">
              <div class=\"testimonial\">
                {% set imgPath = alias('@web/assets/images/person_2-min.jpg') %}
                <img
                  src=\"{{ imgPath }}\"
                  alt=\"Image\"
                  class=\"img-fluid rounded-circle w-25 mb-4\"
                />
                <div class=\"rate\">
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                </div>
                <h3 class=\"h5 text-primary mb-4\">Mike Houston</h3>
                <blockquote>
                  <p>
                    &ldquo;Far far away, behind the word mountains, far from the
                    countries Vokalia and Consonantia, there live the blind
                    texts. Separated they live in Bookmarksgrove right at the
                    coast of the Semantics, a large language ocean.&rdquo;
                  </p>
                </blockquote>
                <p class=\"text-black-50\">Designer, Co-founder</p>
              </div>
            </div>

            <div class=\"item\">
              <div class=\"testimonial\">
                {% set imgPath = alias('@web/assets/images/person_3-min.jpg') %}
                <img
                  src=\"{{ imgPath }}\"
                  alt=\"Image\"
                  class=\"img-fluid rounded-circle w-25 mb-4\"
                />
                <div class=\"rate\">
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                </div>
                <h3 class=\"h5 text-primary mb-4\">Cameron Webster</h3>
                <blockquote>
                  <p>
                    &ldquo;Far far away, behind the word mountains, far from the
                    countries Vokalia and Consonantia, there live the blind
                    texts. Separated they live in Bookmarksgrove right at the
                    coast of the Semantics, a large language ocean.&rdquo;
                  </p>
                </blockquote>
                <p class=\"text-black-50\">Designer, Co-founder</p>
              </div>
            </div>

            <div class=\"item\">
              <div class=\"testimonial\">
                {% set imgPath = alias('@web/assets/images/person_4-min.jpg') %}
                <img
                  src=\"{{ imgPath }}\"
                  alt=\"Image\"
                  class=\"img-fluid rounded-circle w-25 mb-4\"
                />
                <div class=\"rate\">
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                  <span class=\"icon-star text-warning\"></span>
                </div>
                <h3 class=\"h5 text-primary mb-4\">Dave Smith</h3>
                <blockquote>
                  <p>
                    &ldquo;Far far away, behind the word mountains, far from the
                    countries Vokalia and Consonantia, there live the blind
                    texts. Separated they live in Bookmarksgrove right at the
                    coast of the Semantics, a large language ocean.&rdquo;
                  </p>
                </blockquote>
                <p class=\"text-black-50\">Designer, Co-founder</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
", "_index/_services", "/home/addons/atweb.space/sub/craft-demo/cms/templates/_index/_services.twig");
    }
}
