@extends('home.layouts.app')
@section('content')
<!-- banner slider section -->
  <section>
    <video autoplay muted loop playsinline id="videoId" style="margin-top: 120px;" width="100%" height="auto" poster="{{homeTheme()}}/image/video-banner-thumb.jpg">
      <source src="{{homeTheme()}}/image/EXPRENZA%20VISA%20FRAMES%20FINAL.mp4" type="video/mp4">
  </video>
</section>

<!-- News scroll text section -->
<section class="" style="background-color: #BBDBBD;">
<div class="container">
    <div class="row">
        <div class="col-md-2 col-3 d-flex  justify-content-center align-items-center"><img class="news-icon" src="{{homeTheme()}}/image/icon-news.png"><p class="stand-text">Latest News <span style="font-size:30px">|</span></p></div>
        <div class="col-md-10 col-9">
          <marquee class="scroll-text" attribute_name = "attribute_value"....more attributes>
            @isset ($obj['news'])
                @foreach ($obj['news'] as $post )
                    {{ $post->title }} |
                @endforeach
            @endisset
         </marquee>
        </div>
    </div>
</div>
</section>

<!-- Study Abroad Section -->
<Section>
  <div class="parent"></div>
    <div class="container box-width">
      <h1 data-aos="fade-up" data-aos-duration="1000" class="mainhead1">STUDY ABROAD FACILITATORS IN KOCHI </h1>
      <h3 style="margin-bottom: 60px;" data-aos="fade-up" data-aos-duration="1000" class="mainhead2">How Study Abroad is Possible To Everyone?</h3>
      <div style="width: 100%; height: 100%;" class="d-flex flex-column" >

        </div>
        <div class="row main-box">
                <div class="col-md-3 col-6">
                    <div class="box-alpha" data-aos="fade-up" data-aos-duration="1000">
                      <h4 class="alpha-head-text">Overseas Academic<br>Counselling</h4>
                      <img class="alpha-img" src="{{homeTheme()}}/image/service icons/1.png">
                      <p class="alpha-para">We give the admission guidance to the students seeking admission into universities abroad.</p>
                      <div class="d-flex justify-content-center">
                      <a href=""><span class="alpha-link">More</span></a>
                    </div>
                    </div>
                </div>

                <div class="col-md-3 col-6">
                    <div class="box-alpha" data-aos="fade-up" data-aos-duration="1000">
                        <h4 class="alpha-head-text">Course<br>Advises</h4>
                        <img class="alpha-img" src="{{homeTheme()}}/image/service icons/2.png">
                        <p class="alpha-para">There are many scholarships available for students who cannot afford to study abroad.</p>
                        <div class="d-flex justify-content-center">
                          <a href=""><span class="alpha-link">More</span></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 col-6">
                    <div class="box-alpha" data-aos="fade-up" data-aos-duration="1000">
                        <h4 class="alpha-head-text">Admission Assistance</h4>
                        <img class="alpha-img" src="{{homeTheme()}}/image/service icons/3.png">
                        <p class="alpha-para">We give the admission guidance to the students seeking admission into universities abroad.</p>
                        <div class="d-flex justify-content-center">
                          <a href=""><span class="alpha-link">More</span></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                  <div class="box-alpha" data-aos="fade-up" data-aos-duration="1000">
                      <h4 class="alpha-head-text">Visa Application<br>Assistance</h4>
                      <img class="alpha-img" src="{{homeTheme()}}/image/service icons/4.png">
                      <p class="alpha-para">There are many scholarships available for students who cannot afford to study abroad.</p>
                      <div class="d-flex justify-content-center">
                        <a href=""><span class="alpha-link">More</span></a>
                      </div>
                  </div>
              </div>
        </div>
      </div>
    </Section>

    <Section>
      <div class="parent2"></div>
        <div class="container box-width">


        <div style="width: 100%; height: 100%;" class="d-flex flex-column" >
        </div>
        <div class="row main-box">
                <div class="col-md-3 col-6">
                    <div class="box-alpha" data-aos="fade-up" data-aos-duration="1000">
                        <h4 class="alpha-head-text">Scholarship<br>Guidance</h4>
                        <img class="alpha-img" src="{{homeTheme()}}/image/service icons/5.png">
                        <p class="alpha-para">We give the admission guidance to the students seeking admission into universities abroad.</p>
                        <div class="d-flex justify-content-center">
                          <a href=""><span class="alpha-link">More</span></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 col-6">
                    <div class="box-alpha" data-aos="fade-up" data-aos-duration="1000">
                        <h4 class="alpha-head-text">Language<br>Test
                          Coaching</h4>
                        <img class="alpha-img" src="{{homeTheme()}}/image/service icons/6.png">
                        <p class="alpha-para">There are many scholarships available for students who cannot afford to study abroad.</p>
                        <div class="d-flex justify-content-center">
                          <a href=""><span class="alpha-link">More</span></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 col-6">
                    <div class="box-alpha" data-aos="fade-up" data-aos-duration="1000">
                        <h4 class="alpha-head-text">Pre-departure<br>Guidance</h4>
                        <img class="alpha-img" src="{{homeTheme()}}/image/service icons/7.png">
                        <p class="alpha-para">We give the admission guidance to the students seeking admission into universities abroad.</p>
                        <div class="d-flex justify-content-center">
                          <a href=""><span class="alpha-link">More</span></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                  <div class="box-alpha" data-aos="fade-up" data-aos-duration="1000">
                      <h4 class="alpha-head-text">Foreign Education<br>Loan Assistance</h4>
                      <img class="alpha-img" src="{{homeTheme()}}/image/service icons/8.png">
                      <p class="alpha-para">There are many scholarships available for students who cannot afford to study abroad.</p>
                      <div class="d-flex justify-content-center">
                        <a href=""><span class="alpha-link">More</span></a>
                      </div>
                  </div>
              </div>
        </div>
        </div>
        </Section>

<section class="">
    <div class="container">
        <div class="row">
          <div class="col-md-4"><h2 class="study-head" data-aos="fade-right" data-aos-duration="1000">Why Choose Us <br> Why study abroad <br> facilitators?</h2></div>
          <div class="col-md-8 d-flex align-items-center">
            <p class="study-para" data-aos="fade-right" data-aos-duration="1000">Exprenza is one of the top overseas education consultants in Kochi, Kerala and one among the highly rated best study abroad consultants in Ernakulam. Exprenza helps to broaden your dreams as sky as the limit and distance doesn’t matter. Consult with our top overseas experts to become the students in top universities.
            Being one of the best study abroad consultants in Kochi, Kerala, Exprenza widens the study opportunities for all classes of people with scholarships, allowances and many other study
            abroad oriented programmes.
        </p>
      </div>
            <div class="col-md-12 col-12"><img src="{{homeTheme()}}/image/people-crowd-diverse-characters-waving-hand_107791-14082 copy.png" style="width: 100%;" data-aos="fade-left" data-aos-duration="1000"></div>
        </div>
    </div>
</section>

<section class="learnin-back-image">
  <div class="container">
      <div class="row">
          <div class="col-md-4 col-12"></div>
          <div class="col-md-8 col-12">
              <h1 class="study-head2" data-aos="zoom-in" data-aos-duration="1000">Exprenza <br> Learning Academy</h1>
              <p class="study-para2" data-aos="zoom-in" data-aos-duration="1000">Learning language skills is of paramount importance for students nurses seeking registration, and workers pursuing job opportunities abroad. For students, language proficiency is a gateway to academic success, enabling effective participation in discussions, comprehension of complex materials, and integration into foreign educational environments. It also broadens their horizons by facilitating international study opportunities.
              </p>
              <button class="lacadamy">Learning Academy</button>
          </div>
      </div>
  </div>
</section>


<section>
  <div class="container text-center">
    <div class="row">
      <div class="row mx-auto my-auto justify-content-center">
        <h1 data-aos="fade-up" data-aos-duration="1000" class="gama-head">Choose Your Favorite Study Destination </h1>
        <h3 style="margin-bottom: 60px;" data-aos="fade-up" data-aos-duration="1000" class="gama-subhead">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h3>
        <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
          <div class="carousel-inner" role="listbox">
            <div class="carousel-item active">
              <div class="col-md-3 col-12 d-flex justify-content-center">
                <div class="card mx-1">
                  <div class="card-img card-img-top">
                    <div class="card-img-container">
                      <img alt="Slide 1" src="{{homeTheme()}}/image/asutralia -1688543436.jpg">
                    </div>
                  </div>
                  <h4 class="beta-head-text">AUSTRALIA</h4>
                  <p class="beta-para">Lorem Ipsum is simply dummytext of the printing and typesetting industryLorem Ipsum is simply dummytext of the printing and typesetting industry</p>
                  <a href=""><span class="beta-link">More</span></a>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="col-md-3 col-12 d-flex justify-content-center">
                <div class="card mx-1">
                  <div class="card-img card-img-top">
                    <div class="card-img-container">
                      <img alt="Slide 2" src="{{homeTheme()}}/image/canada -1688543324.jpg">
                    </div>
                  </div>

                  <h4 class="beta-head-text">CANADA</h4>
                  <p class="beta-para">Lorem Ipsum is simply dummytext of the printing and typesetting industryLorem Ipsum is simply dummytext of the printing and typesetting industry</p>
                  <a href=""><div class="beta-link">More</div></a>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="col-md-3 col-12 d-flex justify-content-center">
                <div class="card mx-1">
                  <div class="card-img">
                    <div class="card-img-container">
                      <img alt="Slide 3" src="{{homeTheme()}}/image/france -1688543751.jpg">
                    </div>
                  </div>

                  <h4 class="beta-head-text">FRANCE</h4>
                  <p class="beta-para">Lorem Ipsum is simply dummytext of the printing and typesetting industryLorem Ipsum is simply dummytext of the printing and typesetting industry</p>
                  <a href=""><div class="beta-link">More</div></a>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="col-md-3 col-12 col-12 d-flex justify-content-center">
                <div class="card mx-1">
                  <div class="card-img">
                    <div class="card-img-container">
                      <img alt="Slide 4" src="{{homeTheme()}}/image/poland -1688543148.jpg">
                    </div>
                  </div>

                  <h4 class="beta-head-text"> POLAND</h4>
                  <p class="beta-para">Lorem Ipsum is simply dummytext of the printing and typesetting industryLorem Ipsum is simply dummytext of the printing and typesetting industry</p>
                  <a href=""><div class="beta-link">More</div></a>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="col-md-3 col-12 d-flex justify-content-center">
                <div class="card mx-1">
                  <div class="card-img">
                    <div class="card-img-container">
                      <img alt="Slide 5" src="{{homeTheme()}}/image/canada -1688543324.jpg">
                    </div>
                  </div>

                  <h4 class="beta-head-text"> CANADA</h4>
                  <p class="beta-para">Lorem Ipsum is simply dummytext of the printing and typesetting industryLorem Ipsum is simply dummytext of the printing and typesetting industry</p>
                  <a href=""><div class="beta-link">More</div></a>
                </div>
              </div>
            </div>
          </div>
          <a class="carousel-control-prev bg-transparent w-aut" href="#myCarousel" role="button" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          </a>
          <a class="carousel-control-next bg-transparent w-aut" href="#myCarousel" role="button" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div id="visible" class="d-none d-md-block"></div>
</section>

<!-- <section Count Section -->
  <section class="" style="background-color: #FBF193;" >
    <div  class="container">
       <div class="row">
        <h1 class="partener-head" data-aos="zoom-in" data-aos-duration="1000"><span style="font-weight: 100;">We&nbsp;</span>Have Great Achievements</h1>
        <p class="partener-subhead" data-aos="zoom-in" data-aos-duration="1000">Our Global Partnering Universities/Institutions</p>
       <div  class="col-12">
        <div class="row">
          <div  class="col-md-3" style="padding: 10px; margin-bottom: 50px;">
             <div class="d-flex justify-content-center"><p class="consult-count" id='0101' class="fs-2 text-light"></p><p style="font-size: 50px; padding: 2px;">+</p></div>
             <p class="text-light consult-name">Years of experience</p>
          </div>
          <div class="col-md-3" style="padding: 10px; margin-bottom: 50px;">
            <div class="d-flex justify-content-center"><p class="consult-count" id='0102' class="fs-2 text-light">1000</p><p style="font-size: 50px; padding: 2px;">+</p></div>
             <p class="text-light consult-name">Enrolled Students</p>
       </div>
       <div class="col-md-3" style="padding: 10px; margin-bottom: 50px;">
        <div class="d-flex justify-content-center"><p class="fs-2 text-light consult-count"><span id='0103'>1000</span></p><p style="font-size: 50px; padding: 2px;">+</p></div>
        <p class="text-light align-content-center consult-name">Affiliated Universities</p>
       </div>
       <div class="col-md-3" style="padding: 10px; margin-bottom: 50px;">
        <div class="d-flex justify-content-center"><p class="fs-2 text-light consult-count"><span id='0104'>100</span></p><p style="font-size: 50px; padding: 2px;">+</p></div>
        <p class="text-light align-content-center consult-name">Professional Courses</p>
       </div>
      </div>
    </div>
  </div>
 </div>
</section>

<!-- courses section -->
<section>
  <div class="container">
      <div class="row">
        <div class="col-md-12 col-6">
          <h1 class="course-head">Study Abroad Courses</h1>
          <hr class="hr line" />
          </div>
          <div class="owl-carousel owl-theme ll">

              <div class="item">
                <div class="course-box" style="background-color: #CBFFF0;">
                  <img class="delta-img" src="{{homeTheme()}}/image/courses/1.png">
                  <h4 class="delta-head-text">OSPAP<br> Courses</h4>
                  <p class="delta-para">The OSPAP is a recognised qualification designed for qualified pharmacists outside the European Economic Area</p>
                  <a><button class="delta-link" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button></a>
              </div>
                  </div>
                  <div class="item">
                      <div class="course-box" style="background-color: #FDF0B7;">
                        <img class="delta-img" src="{{homeTheme()}}/image/courses/2.png">
                        <h4 class="delta-head-text">Business & Management</h4>
                        <p class="delta-para">The OSPAP is a recognised qualification designed for qualified pharmacists outside the European Economic Area</p>
                        <a><button class="delta-link" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button></a>
                    </div>
                        </div>
                        <div class="item">
                          <div class="course-box" style="background-color: #FFC1BD;">
                            <img class="delta-img" src="{{homeTheme()}}/image/courses/3.png">
                            <h4 class="delta-head-text">Engineering and Technology</h4>
                            <p class="delta-para">The OSPAP is a recognised qualification designed for qualified pharmacists outside the European Economic Area</p>
                            <a ><button class="delta-link" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button></a>
                        </div>
                            </div>
                            <div class="item">
                              <div class="course-box" style="background-color: #B8C3FF;">
                                <img class="delta-img" src="{{homeTheme()}}/image/courses/4.png">
                                <h4 class="delta-head-text">Health sciences or Medicine</h4>
                                <p class="delta-para">The OSPAP is a recognised qualification designed for qualified pharmacists outside the European Economic Area</p>
                                <a ><button class="delta-link" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button></a>
                            </div>
                                </div>
                                <div class="item">
                                  <div class="course-box" style="background-color: #F7D6F9;">
                                    <img class="delta-img" src="{{homeTheme()}}/image/courses/5.png">
                                    <h4 class="delta-head-text">Hospitality, Food and Restaurant</h4>
                                    <p class="delta-para">The OSPAP is a recognised qualification designed for qualified pharmacists outside the European Economic Area</p>
                                    <a ><button class="delta-link" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button></a>
                                </div>
                                    </div>
                </div>
          </div>
      </div>
  </div>
</section>



<section class="" style="background-color: #9AFFC8;">
  <div class="container">
  <h1 class="partener-head" data-aos="zoom-in" data-aos-duration="1000"><span style="font-weight: 100;">Our&nbsp;</span>Partnering Universities</h1>
  <p class="partener-subhead" data-aos="zoom-in" data-aos-duration="1000">Our Global Partnering Universities/Institutions</p>

  <div class="owl-carousel owl-theme jj">
     @isset ($obj['universities'])
         @foreach ($obj['universities'] as $post )


    <div class="item">
      <div class="brand-box">
        <img class="brand-img" src="{{asset('storage/universities/'. $post->image) }}">
      </div>
        </div>
        @endforeach
     @endisset



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


@isset($obj['testimonial'])
@if($obj['testimonial']->count() > 0)
 <section>
    <div class="container">
        <div class="row">
            <div><h1 class="testi-head" data-aos="zoom-in" data-aos-duration="1000">A lot of Happy Students</h1><p class="testi-subhead" data-aos="zoom-in" data-aos-duration="1000">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p></div>
            <div class="outerdiv">


                <div class="innerdiv">

                    @isset ($obj['testimonial'][0])
                  <!-- div1 -->
                  <div class="div1 eachdiv">
                    <div class="userdetails">
                      <div class="imgbox">
                        <img src="{{ asset('storage/testimonial/'. $obj['testimonial'][0]->image) }}" alt="" >
                      </div>
                      <div class="detbox">
                        <p class="name">{{$obj['testimonial'][0]->name}}</p>
                        <p class="designation">Verified Graduate</p>
                      </div>
                    </div>
                    <div class="review">
                      <h4>{{$obj['testimonial'][0]->title}}</h4>
                      <p>{{$obj['testimonial'][0]->description}}</p>
                    </div>
                  </div>
                  @endisset
                 @isset ($obj['testimonial'][1])
                  <!-- div2 -->
                  <div class="div2 eachdiv">
                    <div class="userdetails">
                      <div class="imgbox">
                        <img src="{{ asset('storage/testimonial/'. $obj['testimonial'][1]->image) }}" alt="">
                      </div>
                      <div class="detbox">
                        <p class="name">{{$obj['testimonial'][1]->name}}</p>
                        <p class="designation">Verified Graduate</p>
                      </div>
                    </div>
                    <div class="review">
                      <h4>{{$obj['testimonial'][1]->title}}</h4>
                      <p>{{$obj['testimonial'][1]->description}}</p>

                    </div>
                  </div>
                  @endisset
                  <!-- div3 -->
                 @isset ($obj['testimonial'][2])
                  <div class="div3 eachdiv">
                    <div class="userdetails">
                      <div class="imgbox">
                        <img src="{{ asset('storage/testimonial/'. $obj['testimonial'][2]->image) }}" alt="">
                      </div>
                      <div class="detbox">
                        <p class="name">{{$obj['testimonial'][2]->name}}</p>
                        <p class="designation dark">Verified Graduate</p>
                      </div>
                    </div>
                    <div class="review dark">
                        <h4>{{$obj['testimonial'][2]->title}}</h4>
                        <p>{{$obj['testimonial'][2]->description}}</p>
                    </div>
                  </div>
                  @endisset
                  <!-- div4 -->
                 @isset ($obj['testimonial'][3])
                  <div class="div4 eachdiv">
                    <div class="userdetails">
                      <div class="imgbox">
                        <img src="{{ asset('storage/testimonial/'. $obj['testimonial'][3]->image) }}" alt="">
                      </div>
                      <div class="detbox">
                        <p class="name">{{$obj['testimonial'][3]->name}}</p>
                        <p class="designation dark">Verified Graduate</p>
                      </div>
                    </div>
                    <div class="review dark">
                        <h4>{{$obj['testimonial'][3]->title}}</h4>
                        <p>{{$obj['testimonial'][3]->description}}</p>
                    </div>
                  </div>
                  @endisset
                  <!-- div5 -->
                 @isset ($obj['testimonial'][4])
                  <div class="div5 eachdiv">
                    <div class="userdetails">
                      <div class="imgbox">
                        <img src="{{ asset('storage/testimonial/'. $obj['testimonial'][4]->image) }}" alt="">
                      </div>
                      <div class="detbox">
                        <p class="name">{{$obj['testimonial'][4]->name}}</p>
                        <p class="designation">Verified Graduate</p>
                      </div>
                    </div>
                    <div class="review">
                        <h4>{{$obj['testimonial'][4]->title}}</h4>
                        <p>{{$obj['testimonial'][4]->description}}</p>
                    </div>
                  </div>
                  @endisset

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

<section class="" style="background-color: #FFE3CA;">
  <div class="container">
    <div class="row">
      <h1 class="map-head">OUR BRANCHES</h1>
      <p class="map-subhead">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
        <div class="col-md-3 col-12">
          <h4 class="map-location" style="font-size: 18px; font-weight: 600;">
            <img src="{{homeTheme()}}/image/location-icon.png" width="40" height="40">
            ERNAKULAM OFFICE
          </h4>
          <div class="map-box-main d-flex justify-content-center">
          <div class="map-box" data-aos="fade-right" data-aos-duration="1000">
          <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15718.08435293194!2d76.2860537!3d9.9737443!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b080d45b62533b1%3A0xc8eccdcd729f4520!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696917556587!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
          <div class="location-details">
            <strong><div style="font-size: 15px; margin-bottom: 7px!important;">ERNAKULAM OFFICE</div></strong>
            <div class="home-address">Exprenza Private Limited 2nd Floor, Samudra Building Iyyatil Junction, Ernakulam 682011</div>
            <strong><div class="home-number">+91 4844066686 <br> +91 90376 69901<br>
            info@exprenza.com</div></strong>
          </div>
          <a href=""><button class="map-contact">Contact us</button></a>
        </div>
      </div>
        </div>
        <div class="col-md-3 col-12">
          <h4 class="map-location" style="font-size: 18px; font-weight: 600;">
            <img src="{{homeTheme()}}/image/location-icon.png" width="40" height="40">
            THRISSUR OFFICE
          </h4>
          <div class="map-box-main d-flex justify-content-center">
          <div class="map-box" data-aos="zoom-in" data-aos-duration="1000">
            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15691.68854582496!2d76.2110204!3d10.506799!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba7effc52373475%3A0x4ac63bc20f31d3e3!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696938694762!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            <div class="location-details">
              <strong><div style="font-size: 15px; margin-bottom: 7px!important;">THRISSUR OFFICE</div></strong>
              <div class="home-address">Exprenza Private Limited<br>39/1953-2, NSS Karayogam Building, Koorkenchery, Thrissur, Kerala - 680007</div>
              <strong><div class="home-number">+91 97786 17605<br>
                info@exprenza.com</div></strong>
            </div>
          <a href=""><button class="map-contact">Contact us</button></a>
        </div>
</div>
        </div>
        <div class="col-md-3 col-12">
          <h4 class="map-location" style="font-size: 18px; font-weight: 600;">
            <img src="{{homeTheme()}}/image/location-icon.png" width="40" height="40">
            KATTAPANA OFFICE
          </h4>
          <div class="map-box-main d-flex justify-content-center">
          <div class="map-box" data-aos="zoom-in" data-aos-duration="1000">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d502733.61662618665!2d76.33510819170677!3d10.131269820826189!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b07a9d554f0990d%3A0xa8f7e99f5957c78e!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696938829850!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            <div class="location-details">
              <strong><div style="font-size: 15px; margin-bottom: 7px!important;">KATTAPANA OFFICE</div></strong>
              <div class="home-address">
                Exprenza Private Limited, 2 nd floor Cheruthenkal building Near newbusstand kattappana,Idukki-685508</div>
              <strong><div class="home-number">+91 9037669909<br>
                info@exprenza.com</div></strong>
            </div>
          <a href=""><button class="map-contact">Contact us</button></a>
        </div>
      </div>
        </div>
        <div class="col-md-3 col-12">
          <h4 class="map-location" style="font-size: 18px; font-weight: 600;">
            <img src="{{homeTheme()}}/image/location-icon.png" width="40" height="40">
            PERINTHALMANNA OFFICE
          </h4>
          <div class="map-box-main d-flex justify-content-center">
          <div class="map-box" data-aos="fade-left" data-aos-duration="1000">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d502733.61662618665!2d76.33510819170677!3d10.131269820826189!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b07a9d554f0990d%3A0xa8f7e99f5957c78e!2sExprenza%20Private%20Limited!5e0!3m2!1sen!2sin!4v1696938829850!5m2!1sen!2sin" width="100%" height="250" style="border-radius: 10px 10px 0px 0px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            <div class="location-details">
              <strong><div style="font-size: 15px; margin-bottom: 7px!important;">PERINTHALMANNA OFFICE</div></strong>
              <div class="home-address">
                EXPRENZA Pvt Ltd.
Near Fitcore Gym & HLT Fitness,
Angadippuram, calicut road, Perintalmanna, Kerala 679321</div>
              <strong><div class="home-number">+91 6238984820<br>
                info@exprenza.com</div></strong>
            </div>
          <a href=""><button class="map-contact">Contact us</button></a>
        </div>
      </div>
        </div>



    </div>
  </div>
</section>
  <!--  modal -->
@isset ($obj["modal"])
<div class="modal fade" id="modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5" id="modalLabel">{{ $obj["modal"]->title }}</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
            @if (!empty( $obj["modal"]->image))
            <img src="{{ asset('storage/modal/'. $obj["modal"]->image )}}" alt="" class="img-fluid rounded">
            @endif
            <p class="py-3"><small> {{ $obj["modal"]->description }}</small></p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
          <a class="btn btn-success text-white" href="{{ $obj["modal"]->link }}" >{{ $obj["modal"]->button }}</a>
        </div>
      </div>
    </div>
  </div>
  @push('script')
  <script>
    $(document).ready(function() {

        // Function to show the Swal.fire message
        function showAbstractSubmissionMessage() {
            $('#modal').modal('show');
            // Mark message as shown in session storage
            sessionStorage.setItem('modal_show', Date.now());
        }

        // Check if message has been shown before or more than 1 minute has passed
        var lastShownTime = sessionStorage.getItem('modal_show');
        if (!lastShownTime || Date.now() - lastShownTime > (30 * 1000)) {
            showAbstractSubmissionMessage();
        }

  });
  </script>
  @endpush
  @endisset
  <!--  modal -->

 @endsection

 @push('script')

  <script>
    // Get the button
    let mybutton = document.getElementById("myBtn");
    // When the user scrolls down 20px from the top of the document, show the button
    window.onscroll = function() {scrollFunction()};

    function scrollFunction() {
      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        mybutton.style.display = "block";
      } else {
        mybutton.style.display = "none";
      }
    }

    // When the user clicks on the button, scroll to the top of the document
    function topFunction() {
      document.body.scrollTop = 0;
      document.documentElement.scrollTop = 0;
    }
    </script>

 <!-- Initialize Swiper -->
 <script>
  function animate(obj, initVal, lastVal, duration) {
     let startTime = null;

  //get the current timestamp and assign it to the currentTime variable
  let currentTime = Date.now();

  //pass the current timestamp to the step function
  const step = (currentTime ) => {

  //if the start time is null, assign the current time to startTime
  if (!startTime) {
     startTime = currentTime ;
  }

  //calculate the value to be used in calculating the number to be displayed
  const progress = Math.min((currentTime - startTime)/ duration, 1);

  //calculate what to be displayed using the value gotten above
  obj.innerHTML = Math.floor(progress * (lastVal - initVal) + initVal);

  //checking to make sure the counter does not exceed the last value (lastVal)
  if (progress < 1) {
     window.requestAnimationFrame(step);
  } else {
        window.cancelAnimationFrame(window.requestAnimationFrame(step));
     }
  };
  //start animating
     window.requestAnimationFrame(step);
  }
  let text1 = document.getElementById('0101');
  let text2 = document.getElementById('0102');
  let text3 = document.getElementById('0103');
  let text4 = document.getElementById('0104');
  const load = () => {
     animate(text1, 0, 15, 7000);
     animate(text2, 0, 10000, 7000);
     animate(text3, 100, 250, 7000);
     animate(text4, 100, 500, 7000);
  }
</script>
<script>
  $(document).ready(function () {
    function initCarousel() {
      if ($("#visible").css("display") == "block") {
        $(".carousel .carousel-item").each(function () {
          var i = $(this).next();
          i.length || (i = $(this).siblings(":first")),
            i.children(":first-child").clone().appendTo($(this));

          for (var n = 0; n < 4; n++)
            (i = i.next()).length || (i = $(this).siblings(":first")),
              i.children(":first-child").clone().appendTo($(this));
        });
      }
    }
    $(window).on({
      resize: initCarousel(),
      load: initCarousel()
    });
  });
  </script>
 <script>


$('.ll').owlCarousel({
    loop:true,
    margin:10,
   autoplay:true,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
});

$('.jj').owlCarousel({
    loop:true,
    margin:10,
   autoplay:true,
   autoplaySpeed: 12000,
    nav:true,
    responsive:{
        0:{
            items:3
        },
        600:{
            items:4
        },
        1000:{
            items:7
        }
    }
})
 </script>


 @endpush