@extends('home.layouts.app')

@push('style')
<style>
  .read-more-btn {
    background-color: #f3f3f3;
    color: #333;
    padding: 10px 20px;
    border: none;
    border-bottom: 3px solid transparent;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
  }

  .read-more-btn::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #f76b1c, #784684);
    transition: all 0.3s ease;
  }

  .read-more-btn:hover::before {
    background: linear-gradient(90deg, #784684, #f76b1c);
  }

  .read-more-btn:hover {
    background-color: #e1e1e1;
    color: #000;
  }
  
  #desktop-content-container a, #mobile-content-container a {
      color: #bb6ffd;
  }
</style>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5Q2VFLD');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5Q2VFLD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager(noscript)-->
@endpush

@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" alt="Icon News"><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 CONSULTANTS 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" alt="Service Icon">
          <p class="alpha-para">We give the admission guidance which helps students choose the most suitable academic courses based on their talent.</p>
          <div class="d-flex justify-content-center">
          </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" alt="Service Icon">
          <p class="alpha-para">Counsellors are experts at understanding your study goals and finding the best course that matches your ambitions. </p>
          <div class="d-flex justify-content-center">
          </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" alt="Service Icon">
          <p class="alpha-para">Your personal enrollment advisor supports you through every step of the application process.</p>
          <div class="d-flex justify-content-center">
          </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" alt="Service Icon">
          <p class="alpha-para">We at Exprenza provide visa application assistance to students right from application filling to document preparation. Click now!.</p>
          <div class="d-flex justify-content-center">
          </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" alt="Service Icon">
          <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">
          </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" alt="Service Icon">
          <p class="alpha-para">We offer assistance with test preparations required for major academic and job profiles in India and abroad.</p>
          <div class="d-flex justify-content-center">
          </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" alt="Service Icon">
          <p class="alpha-para">we aims to give students a clear idea of the issues to consider at their departure before going to study abroad..</p>
          <div class="d-flex justify-content-center">
          </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" alt="Service Icon">
          <p class="alpha-para">We provides education loan assistance to students which solves their major concern of study expenses while studying abroad.</p>
          <div class="d-flex justify-content-center">
          </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> Consultants?</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" alt="People Crowd" 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">
              <h2 class="study-head2" data-aos="zoom-in" data-aos-duration="1000">Exprenza <br> Learning Academy</h2>
              <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>-->
              <a href="{{ route('home.learingAcadamy') }}">
                 <button type="button" class="lacadamy">Learning Academy</button>
              </a>
          </div>
      </div>
  </div>
</section>


<section>
  <div class="container text-center">
    <div class="row">
      <div class="row mx-auto my-auto justify-content-center">
        <h2 data-aos="fade-up" data-aos-duration="1000" class="gama-head">Choose Your Favorite Study Destination </h2>
        <h3 style="margin-bottom: 60px;" data-aos="fade-up" data-aos-duration="1000" class="gama-subhead">Lets choose the best study abroad destination for your future.</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">Ranked among the favourite study-abroad destinations, Australia is among the top five countries where international students seek admission.</p>
                </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">Studying in Canada offers world-class education in a welcoming, multicultural environment with ample opportunities for work and exploration.</p>
                </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">Studying in France provides access to world-renowned education and the chance to immerse yourself in a vibrant cultural and historical environment.</p>
                </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">Studying in Poland offers affordable, high-quality education in a culturally rich and historically significant European country.</p>
                  <a href="{{ route('home.countries', ['slug' => 'study-in-poland']) }}"><div class="beta-link"></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"> UK</h4>
                  <p class="beta-para">Studying in the UK offers prestigious education from globally recognized institutions in a culturally diverse and historic setting.</p>
                  <a href="{{ route('home.countries', ['slug' => 'study-in-uk']) }}"><div class="beta-link"></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">
        <h2 class="partener-head" data-aos="zoom-in" data-aos-duration="1000"><span style="font-weight: 100;">We&nbsp;</span>Have Great Achievements</h2>
        <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">12</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">
          <h2 class="course-head">Study Abroad Courses</h2>
          <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" alt="Course">
                  <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" alt="Course">
                        <h4 class="delta-head-text">Business & Management</h4>
                        <p class="delta-para">Business and management drive organizational success through strategic planning, effective leadership, and innovative solutions.</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" alt="Course">
                            <h4 class="delta-head-text">Engineering and Technology</h4>
                            <p class="delta-para">Engineering and technology propel society forward through innovation and problem-solving, shaping the world we live in.</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" alt="Course">
                                <h4 class="delta-head-text">Health sciences or Medicine</h4>
                                <p class="delta-para">Health sciences and medicine strive to enhance human health and well-being through cutting-edge research and compassionate patient care..</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" alt="Course">
                                    <h4 class="delta-head-text">Hospitality, Food and Restaurant</h4>
                                    <p class="delta-para">Hospitality, food, and restaurants create unforgettable moments through exquisite flavors and impeccable service.






</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">
  <h2 class="partener-head" data-aos="zoom-in" data-aos-duration="1000"><span style="font-weight: 100;">Our&nbsp;</span>Partnering Universities</h2>
  <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) }}" alt="{{ $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><h2 class="testi-head" data-aos="zoom-in" data-aos-duration="1000">A lot of Happy Students</h2><p class="testi-subhead" data-aos="zoom-in" data-aos-duration="1000">Best study abroad consultants in Kochi</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="study abroad consultant testimonial" >
                      </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="study abroad consultant testimonial">
                      </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="study abroad consultant testimonial">
                      </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="study abroad consultant testimonial">
                      </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="study abroad consultant testimonial">
                      </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">
      <h2 class="map-head">OUR BRANCHES</h2>
      <p class="map-subhead">Meet the best overseas education consultants in Kochi, Kerala.</p>
        <div class="col-md-4 col-12">
          <h4 class="map-location" style="font-size: 18px; font-weight: 600;">
            <img src="{{homeTheme()}}/image/location-icon.png" alt="Location Icon" width="40" height="40">
            ERNAKULAM HEAD 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 HEAD 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-4 col-12">
          <h4 class="map-location" style="font-size: 18px; font-weight: 600;">
            <img src="{{homeTheme()}}/image/location-icon.png" alt="Location Icon" width="40" height="40">
            THRISSUR BRANCH
          </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 BRANCH</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-4 col-12">
          <h4 class="map-location" style="font-size: 18px; font-weight: 600;">
            <img src="{{homeTheme()}}/image/location-icon.png" alt="Location Icon" width="40" height="40">
            KATTAPANA BRANCH
          </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 BRANCH</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-4 col-12">
          <h4 class="map-location" style="font-size: 18px; font-weight: 600;">
            <img src="{{homeTheme()}}/image/location-icon.png" alt="Location Icon" width="40" height="40">
            PERINTHALMANNA BRANCH
          </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 BRANCH</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 class="col-md-4 col-12">
              <h4 class="map-location" style="font-size: 18px; font-weight: 600;">
                <img src="{{homeTheme()}}/image/location-icon.png" alt="Location Icon" width="40" height="40">
                CHALAKUDY BRANCH
              </h4>
              <div class="map-box-main d-flex justify-content-center">
              <div class="map-box"  data-aos="fade-left" data-aos-duration="1000">
                <iframe class="gmap_iframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?hl=en&amp;q=exprenza chalakudy&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed" 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;">CHALAKUDY BRANCH</div></strong>
                  <div class="home-address">
                    EXPRENZA Pvt Ltd.<br/>
    First Floor, Muncipal Townhall building,
    Chalakudy, Perintalmanna, Kerala 680307</div>
                  <strong><div class="home-number">+91 9037669901<br>
                    info@exprenza.com</div></strong>
                </div>
              <a href=""><button class="map-contact">Contact us</button></a>
            </div>
          </div>
            </div>


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

@isset($obj["footer_content"])
@if($obj["footer_content"]->footer_content != null)
@php
$desktopContent = $obj["footer_content"]->footer_content;
$mobileContent = $obj["footer_content"]->footer_content;

$desktopContent = preg_replace('/<h2(.*?)>/', '<h2$1 class="p-4" style="font-weight: 100;">', $desktopContent);
$desktopContent = preg_replace('/<h1(.*?)>/', '<h1$1 class="p-4" style="font-weight: 100;">', $desktopContent);
$desktopContent = preg_replace('/<p(.*?)>/', '<p$1 class="p-1" style="font-size: 1.2rem; text-align: justify !important">', $desktopContent);

$mobileContent = preg_replace('/<h2(.*?)>/', '<h2$1 class="pb-4 pt-4" style="font-weight: 100;">', $mobileContent);
$mobileContent = preg_replace('/<h1(.*?)>/', '<h1$1 class="pb-4 pt-4" style="font-weight: 100;">', $mobileContent);
$mobileContent = preg_replace('/<p(.*?)>/', '<p$1 class="p-1" style="font-size: 1rem; text-align: justify">', $mobileContent);
@endphp
<section style="background-color: #f3f3f3;">
  <div class="container p-5 d-none d-sm-none d-md-block">
    <div class="row">
      <div class="col-lg-12 text-center">
        <div id="desktop-content-container" style="height: 300px; overflow: hidden;">
          {!! $desktopContent !!}
        </div>
        <div class="">
          <button id="desktop-read-more-btn" class="read-more-btn mt-5" onclick="toggleReadMore('desktop')">Read More</button>
        </div>
      </div>
    </div>
  </div>

  <div class="container p-2 d-block d-sm-block d-md-none" style="background-color: #f3f3f3;">
    <div class="row">
      <div class="col-lg-12 text-center">
        <div id="mobile-content-container" style="height: 300px; overflow: hidden;">
          {!! $mobileContent !!}
        </div>
        <div class="">
          <button id="mobile-read-more-btn" class="read-more-btn mt-3 mb-3" onclick="toggleReadMore('mobile')">Read More</button>
        </div>
      </div>
   </div>
  </div>
</section>
@endif
@endisset

@if($obj["faq"]->count() > 0)
      <section style="background-color: #FFE3CA; padding: 5rem 0rem">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h2 class="monts text-center mb-4">FAQ's</h2>
                </div>
            </div>
        </div>
          <div class="container">
              <div class="accordion" id="accordionExample">
                  <div class="row">
                      @foreach ($obj["faq"] as $key => $qa)
                          <div class="col-lg-12 col-md-12 col-sm-12 mb-4">
                              <div class="accordion-item">
                                  <h6 class="accordion-header" id="heading{{ $key }}">
                                      <button class="accordion-button d-flex justify-content-between align-items-center collapsed"
                                              type="button"
                                              data-bs-toggle="collapse"
                                              data-bs-target="#collapse{{ $key }}"
                                              aria-expanded="false"
                                              aria-controls="collapse{{ $key }}"
                                              style="font-size: 1.2rem; background-color: #ffe3ca69; color: #4e4e4d; min-height: 6rem;">
                                          {{ $qa->question }}
                                          <span class="chevron-icon-wrapper">
                                              <i class="bi bi-chevron-down"></i>
                                          </span>
                                      </button>
                                  </h6>
                                  <div id="collapse{{ $key }}" class="accordion-collapse collapse"
                                      aria-labelledby="heading{{ $key }}" data-bs-parent="#accordionExample">
                                      <div class="accordion-body" style="background-color: #0000000a;">
                                          {!! $qa->answer !!}
                                      </div>
                                  </div>
                              </div>
                          </div>
                      @endforeach
                  </div>
              </div>
          </div>
      </section>
@endisset

  <!--  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">
          <h2 class="modal-title fs-5" id="modalLabel">{{ $obj["modal"]->title }}</h2>
          <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="study abroad consultant" 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 > (3 * 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');
  document.addEventListener("DOMContentLoaded", function() {

  const load = () => {
     animate(text1, 0, 11, 7000);
     animate(text2, 0, 3800, 7000);
     animate(text3, 100, 250, 7000);
     animate(text4, 100, 500, 7000);
  }
    // Call the load function
    load();
});

</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>

<script>
    function toggleReadMore(type) {
        var contentContainer, readMoreBtn;
    
        if (type === 'desktop') {
            contentContainer = document.getElementById('desktop-content-container');
            readMoreBtn = document.getElementById('desktop-read-more-btn');
        } else {
            contentContainer = document.getElementById('mobile-content-container');
            readMoreBtn = document.getElementById('mobile-read-more-btn');
        }
    
        if (contentContainer.style.height === '300px') {
            contentContainer.style.height = 'auto';
            contentContainer.style.overflow = 'visible';
            readMoreBtn.innerText = 'Read Less';
        } else {
            contentContainer.style.height = '300px';
            contentContainer.style.overflow = 'hidden';
            readMoreBtn.innerText = 'Read More';
        }
    }
</script>
@endpush