@extends('customer.layouts.index')


@section('content')
<!-- preloader area start -->
<div class="preloader" id="preloader">
     <div class="preloader-inner">
          <div class="spinner">
               <div class="dot1"></div>
               <div class="dot2"></div>
          </div>
     </div>
</div>
<!-- preloader area end -->
<!-- search popup start-->
<!-- <div class="body-overlay" id="body-overlay"></div>
        <div class="td-search-popup" id="td-search-popup">
            <form action="" class="search-form">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search.....">
                </div>
                <button type="submit" class="submit-btn"><i class="fa fa-search"></i></button>
            </form>
        </div> -->
<!-- search popup end-->


@include('customer.includes.header')

<!-- banner start -->
<div class="banner-area banner-area-2" style="background-image: url('{{asset('customer_assets/img/banner/4.png')}}');">

     <div class="container-fluid">
          <div class="row justify-content-center">
               <!-- align-self-center -->
               <!-- <div class="col-xl-6 col-lg-7 col-md-10 mt-5">
                        <div class="banner-inner text-center text-lg-left">
                            <h6 class="b-animate-1 sub-title color-purple">Animal Consultation</h6>
                            <h1 class="b-animate-2 title">Find the doctor book veterinary</h1>
                            <p class="content b-animate-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, a perferendis quisquam esse ipsam cupiditate aliquam aliquid. "</p>
                            <div class="btn-wrap b-animate-4">
                                <a class="btn btn-base b-animate-4 mr-3" href="#">Meet A Doctor</a>
                            </div>
                        </div>
                    </div> -->
               <div class="col-xl-10 mt-5 mt-lg-0">
                    <!-- <div class="thumb">
                            <img src="assets/img/banner/01.png" alt="img">
                        </div> -->
                    <div class="booking-form fixedElement full-booking-form">
                         <div class="container-fluid">
                              <div class="banner-inner text-center text-lg-left ">
                                   <div class="">
                                        <!-- <h6 class="b-animate-1 sub-title color-purple">Animal Consultation</h6> -->
                                        <h1 class="title">Find Your Pet's Care</h1>
                                        <!-- <h1 class="title">Faster at your local shelter</h1> -->
                                   </div>
                              </div>
                              <div class="dg-banner">
                                   <img src="{{asset('customer_assets/img/new-banner-img.png')}}" class="img-fluid">
                              </div>
                              <div class="booking-form-inner" style="background-image: url('assets/img/bg/2.png');">
                                   <h3>Book Appointment</h3>
                                   <p>Excepteur sint occaecat cupidatat non proident, </p>
                                   <div class="row">



                                        <div class="col-xl-12 col-lg-12">
                                             <form action="{{route('customer.doctordetails')}}" method="get">
                                                  @csrf
                                                  <div class="row">
                                                       <div class="col-lg-10">
                                                            <div class="row">
                                                                 <div class="col-lg-3">
                                                                      <div class="single-select-inner">
                                                                           <select class="form-select" name="type_animal" required>
                                                                                <option value="">Type Animal</option>
                                                                                @foreach($animalTypes as $animalType)
                                                                                <option value="{{ $animalType->animal_name }}">{{ $animalType->animal_name }}</option>
                                                                                @endforeach
                                                                           </select>
                                                                      </div>
                                                                 </div>
                                                                 <div class="col-lg-3">
                                                                      <div class="single-select-inner">
                                                                           <select class="form-select" name="type_care" required>
                                                                                <option value="">Type of care</option>
                                                                                @foreach($careTypes as $careType)
                                                                                <option value="{{ $careType->speciality }}">{{ $careType->speciality }}</option>
                                                                                @endforeach
                                                                           </select>
                                                                      </div>
                                                                 </div>

                                                                 <div class="col-lg-3">
                                                                      <div class="single-select-inner">
                                                                           <select class="form-select" name="type_consultation" required>
                                                                                <option value="">Type of consultation</option>
                                                                                <option value="on_demand">On demand</option>
                                                                                <option value="scheduled">Scheduled</option>
                                                                           </select>
                                                                      </div>
                                                                 </div>

                                                                 <div class="col-lg-3">
                                                                      <div class="single-input-inner">
                                                                           <input type="text" placeholder="Zip Code" name="zip_code" value="" required>
                                                                      </div>
                                                                 </div>
                                                            </div>
                                                       </div>
                                                       <div class="col-lg-2">
                                                            <div class="btn-wrap">
                                                                 <button class="btn btn-base w-100" type="submit">Find</button>
                                                            </div>
                                                       </div>
                                                  </div>
                                             </form>
                                        </div>




                                        <!-- <div class="col-xl-3 col-lg-3">
                                            <div class="btn-wrap">
                                                <a class="btn btn-base w-100" href="#">Find</a>
                                            </div>
                                        </div> -->
                                   </div>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
     </div>
</div>
<!-- banner end -->
<!-- booking start -->

<!-- booking end -->
<!-- about area start -->
<div class="service-area pd-top-110 pd-bottom-90">
     <div class="container">
          <div class="row justify-content-center">
               <div class="col-xl-8 col-lg-9 col-md-11">
                    <div class="section-title text-center">
                         <h6 class="sub-title left-line">How it works</h6>
                         <h2 class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
                    </div>
               </div>
          </div>
          <div class="row justify-content-center desk-shelter">
               <div class="col-lg-4 col-md-6">
                    <div class="single-intro-inner">
                         <div class="thumb media-left text-center">
                              <img src="{{asset('customer_assets/img/intro/find.png')}}" alt="img">
                         </div>
                         <div class="details media-body text-center">
                              <h4>Find A Doctor</h4>
                              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam eaque nobis consequatur
                                   expedita eligendi exercitationem</p>
                         </div>
                    </div>
               </div>
               <div class="col-lg-4 col-md-6">
                    <div class="single-intro-inner">
                         <div class="thumb media-left text-center">
                              <img src="{{asset('customer_assets/img/intro/shelter.png')}}" alt="img">
                         </div>
                         <div class="details media-body text-center">
                              <h4>Shelter Location</h4>
                              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam eaque nobis consequatur
                                   expedita eligendi exercitationem</p>
                         </div>
                    </div>
               </div>
               <div class="col-lg-4 col-md-6">
                    <div class="single-intro-inner">
                         <div class="thumb media-left text-center">
                              <img src="{{asset('customer_assets/img/intro/appointment.png')}}" alt="img">
                         </div>
                         <div class="details media-body text-center">
                              <h4>Book Appointment</h4>
                              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam eaque nobis consequatur
                                   expedita eligendi exercitationem</p>
                         </div>
                    </div>
               </div>
          </div>
          <div class="row">
               <div class="col-lg-12">
                    <div class="testimonial-slider-2 slider-control-dots owl-carousel mobile-shelter">
                         <div class="item">
                              <div class="single-intro-inner">
                                   <div class="thumb media-left text-center">
                                        <img src="{{asset('customer_assets/img/intro/find.png')}}" alt="img">
                                   </div>
                                   <div class="details media-body text-center">
                                        <h4>Find A Doctor</h4>
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam eaque nobis
                                             consequatur expedita eligendi exercitationem</p>
                                   </div>
                              </div>
                         </div>
                         <div class="item">
                              <div class="single-intro-inner">
                                   <div class="thumb media-left text-center">
                                        <img src="{{asset('customer_assets/img/intro/shelter.png')}}" alt="img">
                                   </div>
                                   <div class="details media-body text-center">
                                        <h4>Shelter Location</h4>
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam eaque nobis
                                             consequatur expedita eligendi exercitationem</p>
                                   </div>
                              </div>
                         </div>
                         <div class="item">
                              <div class="single-intro-inner">
                                   <div class="thumb media-left text-center">
                                        <img src="{{asset('customer_assets/img/intro/appointment.png')}}" alt="img">
                                   </div>
                                   <div class="details media-body text-center">
                                        <h4>Book Appointment</h4>
                                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam eaque nobis
                                             consequatur expedita eligendi exercitationem</p>
                                   </div>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
     </div>
</div>
<!-- about area end -->
<!--service-area start-->
<div class="service-area bg-gray pd-top-110 pd-bottom-90">
     <div class="container">
          <div class="row justify-content-center">
               <div class="col-xl-8 col-lg-9 col-md-11">
                    <div class="section-title text-center">
                         <h6 class="sub-title left-line">Shelter</h6>
                         <h2 class="title">Lorem ipsum dolor sit amet consectetur adipisicing elit Officiis.</h2>
                    </div>
               </div>
          </div>
          <div class="row justify-content-center">
               @foreach($shelters as $shelter)
               <div class="col-lg-4 col-md-6 desk-shelter">
                    <div class="single-blog-inner">
                         <div class="details">
                              <h4><a href="#">{{ $shelter->name }}</a></h4>
                              <div class="address-box">
                                   <i class="fas fa-map-marker-alt"></i>
                                   <p class="content">{{$shelter->address . ', ' . $shelter->city . ', ' . $shelter->state . ', ' . $shelter->postal_code}}</p>
                              </div>
                              <a class="btn-arrow" href="#"><i class="fa fa-angle-right"></i></a>
                         </div>
                    </div>
               </div>

               @endforeach

               <div class="col-lg-12">
                    <div class="testimonial-slider-2 slider-control-dots owl-carousel mobile-shelter">
                         @foreach($shelters as $shelter)
                         <div class="item">
                              <div class="single-blog-inner">
                                   <!-- <div class="thumb">
                        <img src="assets/img/blog/s-3.jpg" alt="img">
                    </div> -->
                                   <div class="details">
                                        <h4><a href="#">{{ $shelter->name }}</a></h4>
                                        <div class="address-box">
                                             <i class="fas fa-map-marker-alt"></i>
                                             <p class="content">{{ $shelter->address }},{{ $shelter->city }},{{ $shelter->state }},{{ $shelter->postal_code }}</p>
                                        </div>
                                        <a class="btn-arrow" href="#"><i class="fa fa-angle-right"></i></a>
                                   </div>
                              </div>
                         </div>
                         @endforeach
                    </div>
               </div>

               <div class="col-lg-12 mt-5 text-center">
                    <a class="btn btn-base" href="shelter.html">View All</a>
               </div>
          </div>

     </div>
</div>


<!--service-area end-->
<!-- booking area start -->
<div class="booking-area pb-5 pb-xl-0" style="background-image: url('{{asset('customer_assets/img/about/4.png')}}');">
     <div class="container">
          <div class="row align-items-center">
               <div class="col-xl-6 col-lg-7 pb-5 pb-xl-0 pt-5 pt-xl-0">
                    <div class="section-title mb-0 style-white">
                         <h6 class="sub-title left-line">Why Choos Us</h6>
                         <h2 class="title">Why Us</h2>
                         <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                              tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
                         <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                              tempor incididunt ut labore et dolore magna aliqua.</p>
                         <!-- <a class="btn btn-border-white" href="#">Book Appointment</a> -->
                    </div>
               </div>
               <div class="col-lg-6 d-none d-xl-block text-lg-right align-self-center">
                    <div class="thumb">
                         <img src="{{asset('customer_assets/img/other/03.png')}}" alt="img">
                    </div>
               </div>
          </div>
     </div>
</div>
<!-- booking area end -->
<!-- team area start -->
<!-- <div class="team-area bg-relative pd-top-115 pd-bottom-120">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-9 col-md-11">
                        <div class="section-title text-center">
                            <h6 class="sub-title left-line">Predefind Doctor</h6>
                            <h2 class="title">Our Professional Doctor Working For Your Health</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-3 col-md-6">
                        <div class="single-team-inner style-two text-center">
                            <div class="thumb">
                                <img src="assets/img/team/1.png" alt="team">
                            </div>
                            <div class="details">
                                <h4><a href="#">Madison Ava</a></h4>
                                <span>Founder</span>
                                <ul class="social-media mt-3">
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-linkedin"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-team-inner style-two text-center">
                            <div class="thumb">
                                <img src="assets/img/team/2.png" alt="team">
                            </div>
                            <div class="details">
                                <h4><a href="#">Madison Ava</a></h4>
                                <span>specialist</span>
                                <ul class="social-media mt-3">
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-linkedin"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-team-inner style-two text-center">
                            <div class="thumb">
                                <img src="assets/img/team/3.png" alt="team">
                            </div>
                            <div class="details">
                                <h4><a href="#">Madison Ava</a></h4>
                                <span>Dentalist</span>
                                <ul class="social-media mt-3">
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-linkedin"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-team-inner style-two text-center">
                            <div class="thumb">
                                <img src="assets/img/team/4.png" alt="team">
                            </div>
                            <div class="details">
                                <h4><a href="#">Richard Kyle</a></h4>
                                <span>Doctor</span>
                                <ul class="social-media mt-3">
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="btn-base-m" href="#">
                                            <i class="fa fa-linkedin"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
<!-- team area end -->
<!-- testimonial area start -->
<div class="testimonial-area pd-top-120 pd-bottom-120" style="background-image: url('assets/img/bg/1.png');">
     <div class="container">
          <div class="row justify-content-center">
               <div class="col-xl-4 col-md-7">
                    <div class="section-title text-center">
                         <h6 class="sub-title left-line">Testimonial</h6>
                         <h2 class="title">Let’s see What our clients say</h2>
                    </div>
               </div>
          </div>
          <div class="testimonial-slider-2 slider-control-dots owl-carousel">
               <div class="item">
                    <div class="single-testimonial-inner">
                         <img class="side-icon" src="{{asset('customer_assets/img/icon/9.png')}}" alt="img">
                         <p>Eurtugul Freeman dolor sit amet, elitr ipscing sad consetetur diam nonumy eirmod invidunt
                              tempor ut elitr labore</p>
                         <div class="media">
                              <div class="media-left">
                                   <img src="{{asset('customer_assets/img/testimonial/1.png')}}" alt="img">
                              </div>
                              <div class="media-body align-self-center">
                                   <h6>Abigail Barbara</h6>
                                   <span>CEO</span>
                              </div>
                         </div>
                    </div>
               </div>
               <div class="item">
                    <div class="single-testimonial-inner">
                         <img class="side-icon" src="{{asset('customer_assets/img/icon/9.png')}}" alt="img">
                         <p>Stuart Binny ipsum dolor sit amet, elitr ipscing sad, consetetur diam nonumy eirmod invidunt
                              tempor ut elitr labore</p>
                         <div class="media">
                              <div class="media-left">
                                   <img src="{{asset('customer_assets/img/testimonial/2.png')}}" alt="img">
                              </div>
                              <div class="media-body align-self-center">
                                   <h6>Al Hshmud</h6>
                                   <span>Manager</span>
                              </div>
                         </div>
                    </div>
               </div>
               <div class="item">
                    <div class="single-testimonial-inner">
                         <img class="side-icon" src="{{asset('customer_assets/img/icon/9.png')}}" alt="img">
                         <p>Stuart Binny ipsum dolor sit amet, elitr ipscing sad, consetetur diam nonumy eirmod invidunt
                              tempor ut elitr labore</p>
                         <div class="media">
                              <div class="media-left">
                                   <img src="{{asset('customer_assets/img/testimonial/3.png')}}" alt="img">
                              </div>
                              <div class="media-body align-self-center">
                                   <h6>Al Hshmud</h6>
                                   <span>Manager</span>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
     </div>
</div>
<!-- testimonial area end -->
<!-- faq area start -->
<!-- <div class="faq-area bg-relative pd-top-120 pd-bottom-100">
            <div class="container">
                <div class="about-area-inner">
                    <div class="row">
                        <div class="col-lg-6 col-md-11">
                            <div class="about-thumb-wrap about-left-thumb">
                                <img class="img-2" src="assets/img/about/5.png" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-6 mt-4 mt-lg-0">
                            <div class="about-inner-wrap">
                                <div class="section-title mb-0">
                                    <h6 class="sub-title left-line">Faq</h6>
                                    <h2 class="title">frequently asked Any questions</h2>
                                </div>
                                <div class="accordion-inner-wrap mt-4 pt-3" id="accordion">
                                    <div class="card">
                                        <div class="card-header" id="headingOne">
                                            <h5 class="mb-0">
                                            <button class="btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            <span>1</span> What is good health?
                                            </button>
                                            </h5>
                                        </div>
                                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                                            <div class="card-body">
                                                Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header" id="headingTwo">
                                            <h5 class="mb-0">
                                            <button class="btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            <span>2</span> Is A good blood pressure?
                                            </button>
                                            </h5>
                                        </div>
                                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                                            <div class="card-body">
                                                Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header" id="headingThree">
                                            <h5 class="mb-0">
                                            <button class="btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                            <span>3</span> Does require medication?
                                            </button>
                                            </h5>
                                        </div>
                                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                                            <div class="card-body">
                                                Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
<!-- faq area end -->
<!-- call-to-action area start -->
<!-- <div class="call-to-action-area pd-top-120 pd-bottom-120" style="background-image: url('assets/img/about/4.png');">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-6 mb-4 mb-lg-0">
                        <div class="section-title mb-0 style-white">
                            <h6 class="sub-title left-line">Book Appointment</h6>
                            <h2 class="title">We are ready to any Challenge</h2>
                        </div>
                    </div>
                    <div class="col-lg-5 offset-xl-2 offset-lg-1 align-self-center">
                        <div class="thumb mb-4">
                            <img src="assets/img/other/5.png" alt="img">
                        </div>
                        <a class="btn btn-base-2" href="appointment.html">Book appointment</a>
                    </div>
                </div>
            </div>
        </div> -->
<!-- call-to-action area end -->
<!--blog-area start-->
<!-- <div class="blog-area bg-gray pd-top-110 pd-bottom-90">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-6 col-lg-9 col-md-11">
                        <div class="section-title text-center">
                            <h6 class="sub-title left-line">News & Blog</h6>
                            <h2 class="title">Every single day update here about medical</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-blog-inner">
                            <div class="thumb">
                                <img src="assets/img/blog/1.png" alt="img">
                            </div>
                            <div class="details">
                                <ul class="blog-meta">
                                    <li><img src="assets/img/icon/10.png" alt="img"> April 15, 2021</li>
                                    <li><img src="assets/img/icon/11.png" alt="img"> Comment</li>
                                </ul>
                                <h4><a href="blog-details.html">to be good health take doctor suggestions </a></h4>
                                <p class="content">Excepteur sint occaecat cupidatat non proident, sunt in culpa </p>
                                <a class="btn-arrow" href="service-details.html"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-blog-inner">
                            <div class="thumb">
                                <img src="assets/img/blog/2.png" alt="img">
                            </div>
                            <div class="details">
                                <ul class="blog-meta">
                                    <li><img src="assets/img/icon/10.png" alt="img"> April 15, 2021</li>
                                    <li><img src="assets/img/icon/11.png" alt="img"> Comment</li>
                                </ul>
                                <h4><a href="blog-details.html">take good care to your children</a></h4>
                                <p class="content">Excepteur sint occaecat cupidatat non proident, sunt in culpa </p>
                                <a class="btn-arrow" href="service-details.html"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-blog-inner">
                            <div class="thumb">
                                <img src="assets/img/blog/3.png" alt="img">
                            </div>
                            <div class="details">
                                <ul class="blog-meta">
                                    <li><img src="assets/img/icon/10.png" alt="img"> April 15, 2021</li>
                                    <li><img src="assets/img/icon/11.png" alt="img"> Comment</li>
                                </ul>
                                <h4><a href="blog-details.html">Lighting the Way with Guest Daniel Stern</a></h4>
                                <p class="content">Excepteur sint occaecat cupidatat non proident, sunt in culpa </p>
                                <a class="btn-arrow" href="service-details.html"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
<!--blog-area end-->

@endsection