@extends('home.layouts.app')



@section('content')
<!-- banner slider section -->

<section class="hero">
  <div class="hero-video-wrapper">
    <video
      id="videoId"
      autoplay
      muted
      loop
      playsinline
      preload="none"
      poster="{{ asset('home/image/video-banner-thumb.webp') }}"
      width="1920"
      height="1080"
      aria-hidden="true">

      <!-- Video source goes HERE -->
      <source
        src="{{ asset('home/image/EXPRENZA LOGO WEBSITE FORMAT.mp4') }}"
        type="video/mp4">

      <!-- Optional fallback text -->
      Your browser does not support the video tag.
    </video>
  </div>
</section>

<!-- Study Abroad Section -->
<section class=" pt-3">
  <div class="container">
    <h1  class="mainhead1">Exprenza – Best Study Abroad Consultancy in Kerala</h1>
    <h2   class="mainhead2 mb-5">Your Trusted Partner for Overseas Education! Here’s what we provide </h2>
    <div class="row main-box">
      <div class="col-md-3 col-12 mb-4">
        <div class="box-alpha">
          <h3 class="alpha-head-text"> Overseas Academic Counselling</h3>
          <img class="alpha-img" src="{{homeTheme()}}/image/global (5).webp" width="91" height="91" loading="lazy" alt="Best study abroad consultancy in kerala">
          <p class="alpha-para">Our professional counsellors at Exprenza, the best study abroad consultancy in Kerala, will guide you to select a proper university and course based on your background, interests, and career aspirations.</p>
          <div class="d-flex justify-content-center">
            <a class="btn-one" href="https://wa.link/v9tenm" target="_blank">Get Counselling </a>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-12 mb-4">
        <div class="box-alpha" >
          <h3 class="alpha-head-text"> Course Advice</h3>
          <img class="alpha-img" loading="lazy" src="{{homeTheme()}}/image/thesis (2).webp" width="91" height="91" alt="Best study abroad consultancy in kerala">
          <p class="alpha-para">Exprenza, the best study abroad consultancy in Kerala, provides professional advice to assist you in choosing the ideal course and place that suit your long-term career intentions. </p>
          <div class="d-flex justify-content-center">
            <a class="btn-one" href="https://wa.link/plwsbq" target="_blank">Explore Courses </a>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-12 mb-4">
        <div class="box-alpha" >
          <h3 class="alpha-head-text">Admission Assistance </h3>
          <img class="alpha-img" loading="lazy" src="{{homeTheme()}}/image/admission (4).webp" width="91" height="91" alt="Best study abroad consultancy in kerala">
          <p class="alpha-para">We as the best study abroad consultancy in Kerala, offers end-to-end admission services, from university applications to document preparation and interview preparation. </p>
          <div class="d-flex justify-content-center">
            <a class="btn-one" href="https://wa.link/b2dkmr" target="_blank">Apply Now </a>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-12 mb-4">
        <div class="box-alpha" >
          <h3 class="alpha-head-text">Visa Application Assistance </h3>
          <img loading="lazy" class="alpha-img" src="{{homeTheme()}}/image/passport (2).webp" width="91" height="91" alt="Best study abroad consultancy in kerala">
          <p class="alpha-para">Our visa specialists at Exprenza, the best study abroad consultancy in Kerala, guide students through the entire visa process — right from form submission to final approval. </p>
          <div class="d-flex justify-content-center">
            <a class="btn-one" href="https://wa.link/23k5ud" target="_blank">Get Visa Help </a>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-12 mb-4">
        <div class="box-alpha" >
          <h3 class="alpha-head-text">Scholarship Guidance</h3>
          <img loading="lazy" class="alpha-img" src="{{homeTheme()}}/image/scholarship (1).webp" width="91" height="91" alt="Best study abroad consultancy in kerala">
          <p class="alpha-para">As the best study abroad consultancy in Kerala, We assist you in selecting and applying for foreign scholarships that lower the cost of studying.</p>
          <div class="d-flex justify-content-center">
            <a class="btn-one" href="https://wa.link/azjq0y" target="_blank">Check Scholarship  </a>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-12 mb-4">
        <div class="box-alpha" >
          <h3 class="alpha-head-text">Language Test Coaching</h3>
          <img loading="lazy" class="alpha-img" src="{{homeTheme()}}/image/assessment (2).webp" width="91" height="91" alt="Best study abroad consultancy in kerala">
          <p class="alpha-para">As the best study abroad consultancy in Kerala, we prepare for IELTS, TOEFL, PTE, and other English proficiency exams with Exprenza’s specialized training programs.  </p>
          <div class="d-flex justify-content-center">
            <a class="btn-one" href="https://wa.link/g8drql" target="_blank">Join Test Coaching </a>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-12 mb-4">
        <div class="box-alpha" >
          <h3 class="alpha-head-text">Foreign Education Loan Assistance  </h3>
          <img loading="lazy" class="alpha-img" src="{{homeTheme()}}/image/tourist.webp" width="91" height="91" alt="Service Icon">
          <p class="alpha-para">Exprenza, the best study abroad consultancy in Kerala partners with leading banks and financial institutions to help you secure hassle-free education loans. </p>
          <div class="d-flex justify-content-center">
            <a class="btn-one" href="https://wa.link/tnt5q0" target="_blank">Get Loan Support </a>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-12 mb-4">
        <div class="box-alpha" >
          <h3 class="alpha-head-text">Pre-Departure Guidance </h3>
          <img loading="lazy" class="alpha-img" src="{{homeTheme()}}/image/student-loan (3).webp" width="91" height="91" alt="Best study abroad consultancy in kerala">
          <p class="alpha-para">Our experts at Exprenza, the best study abroad consultancy in Kerala, prepare you for life abroad with orientation sessions covering travel, accommodation, culture, and more. </p>
          <div class="d-flex justify-content-center">
            <a class="btn-one" href="https://wa.link/vddgle" target="_blank">Get Guidance </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="mt-5">
  <div class="container">
    <div class="row">
      <div class="col-md-5">
        <div class="study-head">
          <h2 data-aos="fade-right" data-aos-duration="1000">Why Choose Us Why Study Abroad Consultants? </h2>
          <a href="https://wa.link/2kflze" class=" " data-aos="fade-right" data-aos-duration="1000">Book Your Free Consultation</a>
        </div>
      </div>
      <div class="col-md-7 ">
        <p class="study-para" data-aos="fade-right" data-aos-duration="1000">Planning to study abroad? Exprenza, the best study abroad consultancy in Kerala, 
          accompanies you at each step — from selecting the suitable course and university to getting 
          your visa approved. One of the top overseas education consultancy firms in Kochi, Kerala, 
          Exprenza, the best study abroad consultancy in Kerala is exceptionally rated for assisting students to fulfill their international education 
          aspirations. </p>
          <p class="study-para" data-aos="fade-right" data-aos-duration="1000">
          We expand your aspirations — since with Exprenza, the world is limitless and distance is 
          irrelevant. Our specialist counsellors offer tailored advice, scholarship guidance, and full study 
          abroad facilitation to assist students of all walks of life in gaining entry into the finest universities 
          globally. Begin your path to international success today with the best study abroad consultancy in Kerala, Exprenza's trusted <br>
          counselling and end-to-end assistance. 
          </p>
      </div>
        <div class="col-md-12 col-12 mt-5">
            <div class="people-image-wrapper">
              <img
                src="https://exprenza.com/home/image/people-bg.webp"
                alt="Best study abroad consultancy in kerala"
                width="1300"
                height="300"
                loading="lazy"
                decoding="async"
                class="people-img">
            </div>
        </div>
    </div>
  </div>
</section>

<section class="learnin-back-image">
  <div class="container">
      <div class="">
          <div class="">
              <h2 class="study-head2" >Exprenza <br> Learning Academy</h2>
              <p class="study-para2">
                At Exprenza Learning Academy, the best study abroad consultancy in Kerala, we recognize that excellent language skills play a critical role
                in students, nurses, and professionals hoping to study, work, or settle in foreign countries.
                For learners, proficiency in the language is the cornerstone of academic achievement — it
                facilitates classroom engagement, enhances understanding of difficult materials, and allows
                them to transition smoothly to different learning environments.
                For job seekers and nurses, becoming proficient in the needed language standards is a step in
                their path to professional registration and international career prospects.
                Our expert-guided coaching courses are structured to foster confidence, fluency, and
                excellence, enabling each learner to meet their international needs effortlessly. <br>
                <strong>Tap into your international potential with Exprenza Learning Academy — where your
                path to achievement starts.</strong>

              </p>

              <div class="text-center">
                <a href="https://wa.me/9037669901" target="_blank" class="btn btn-custom btn-sm la-btn text-white ">
                  Talk to Our Experts Now
                </a>
              </div>
          </div>
      </div>
  </div>
</section>

<section style="margin: 0px 0px 20px;">
  <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 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" >
            <div class="carousel-item active">
              <div class="col-md-3 col-12 mb-4 col-12 d-flex justify-content-center">
                <div class="card custom-card">
                  <div class="card-header p-0">
                    <div class="card-img-container">
                      <img loading="lazy" alt="Best study abroad consultancy in kerala" src="{{homeTheme()}}/image/poland.webp">
                    </div>
                  </div>
                  <div class="card-body">
                    <h4 class="beta-head-text mb-0">Poland</h4>
                    <p class="beta-para">Studying in Poland offers affordable, high-quality education in a culturally rich and historically significant European country.</p>
                  </div>
                  <div class="card-footer p-0 bt-none">
                    <div class="beta-link">
                      <a class="btn btn-custom btn-custom-radius lrn-btn btn-sm text-white" href="{{ route('home.countries', 'study-in-poland') }}">Learn More</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="col-md-3 col-12 mb-4 d-flex justify-content-center">
                <div class="card custom-card">
                  <div class="card-header p-0">
                    <div class="card-img-container">
                      <img loading="lazy" alt="Best study abroad consultancy in kerala" src="{{homeTheme()}}/image/download.webp">
                    </div>
                  </div>
                  <div class="card-body">
                    <h4 class="beta-head-text mb-0">Latvia</h4>
                    <p class="beta-para">Latvia offers affordable, high-quality education in a safe and vibrant European environment, with globally recognized degrees and rich cultural experiences.</p>
                  </div>
                  <div class="card-footer p-0 bt-none">
                    <div class="beta-link">
                      <a class="btn btn-custom btn-custom-radius lrn-btn btn-sm text-white" href="{{ route('home.countries', 'study-in-latvia') }}">Learn More</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="col-md-3 col-12 mb-4 d-flex justify-content-center">
                <div class="card custom-card">
                  <div class="card-header p-0">
                    <div class="card-img-container">
                      <img loading="lazy" alt="Best study abroad consultancy in kerala" src="{{homeTheme()}}/image/georgia.webp">
                    </div>
                  </div>
                  <div class="card-body">
                    <h4 class="beta-head-text mb-0">Georgia</h4>
                    <p class="beta-para">Georgia is an emerging study destination offering affordable tuition, globally recognized medical programs, and a welcoming multicultural environment.</p>
                  </div>
                  <div class="card-footer p-0 bt-none">
                    <div class="beta-link">
                      <a class="btn btn-custom btn-custom-radius lrn-btn btn-sm text-white" href="{{ route('home.countries', 'study-in-georgia') }}">Learn More</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="col-md-3 col-12 mb-4 d-flex justify-content-center">
                <div class="card custom-card">
                  <div class="card-header p-0">
                    <div class="card-img-container">
                      <img loading="lazy" alt="Best study abroad consultancy in kerala" src="{{homeTheme()}}/image/helsinki-finland.webp">
                    </div>
                  </div>
                  <div class="card-body">
                    <h4 class="beta-head-text mb-0">Finland</h4>
                    <p class="beta-para">Finland is known for its world-class education system, innovative learning environment, and high quality of life, making it an ideal choice for international students.</p>
                  </div>
                  <div class="card-footer p-0 bt-none">
                    <div class="beta-link">
                      <a class="btn btn-custom btn-custom-radius lrn-btn btn-sm text-white" href="{{ route('home.countries', 'study-in-finland') }}">Learn More</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="col-md-3 col-12 mb-4 d-flex justify-content-center">
                <div class="card custom-card">
                  <div class="card-header p-0">
                    <div class="card-img-container">
                      <img loading="lazy" alt="Best study abroad consultancy in kerala" src="{{homeTheme()}}/image/halstatt.webp">
                    </div>
                  </div>
                  <div class="card-body">
                    <h4 class="beta-head-text mb-0">Austria</h4>
                    <p class="beta-para">Austria offers high-quality education with low or no tuition fees, a rich cultural heritage, and a central European location ideal for international students.</p>
                  </div>
                  <div class="card-footer p-0 bt-none">
                    <div class="beta-link">
                      <a class="btn btn-custom btn-custom-radius lrn-btn btn-sm text-white" href="{{ route('home.countries', 'study-in-austria') }}">Learn More</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="col-md-3 col-12 mb-4 d-flex justify-content-center">
                <div class="card custom-card">
                  <div class="card-header p-0">
                    <div class="card-img-container">
                      <img loading="lazy" alt="Best study abroad consultancy in kerala" src="{{homeTheme()}}/image/germany.webp">
                    </div>
                  </div>
                  <div class="card-body">
                    <h4 class="beta-head-text mb-0">Germany</h4>
                    <p class="beta-para">Germany is a top destination for international students, offering world-renowned universities, no tuition fees at public institutions, and excellent career prospects.</p>
                  </div>
                  <div class="card-footer p-0 bt-none">
                    <div class="beta-link">
                      <a class="btn btn-custom btn-custom-radius btn-sm lrn-btn text-white" href="{{ route('home.countries', 'study-in-germany') }}">Learn More</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <a class="carousel-control-prev bg-transparent w-aut" 
            href="#myCarousel" role="button" data-bs-slide="prev" 
            aria-label="Previous slide">
          </a>

          <a class="carousel-control-next bg-transparent w-aut" 
            href="#myCarousel" role="button" data-bs-slide="next" 
            aria-label="Next slide">
          </a>

        </div>
      </div>
    </div>
  </div>
  <div id="visible" class="d-none d-md-block"></div>
</section>

<section class="counter-section">
  <div class="container">
    <div class="row">
      <h2 class="partener-head" data-aos="zoom-in" data-aos-duration="1000">
        We 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">

          <!-- 1 -->
          <div class="col-md-3" style="padding:10px;margin-bottom:50px;">
            <div class="d-flex justify-content-center">
              <p class="consult-count" data-final="12">12</p>
              <p class="count-plus">+</p>
            </div>
            <p class="text-light consult-name">Years of experience</p>
          </div>

          <!-- 2 -->
          <div class="col-md-3" style="padding:10px;margin-bottom:50px;">
            <div class="d-flex justify-content-center">
              <p class="consult-count" data-final="1000">1000</p>
              <p class="count-plus">+</p>
            </div>
            <p class="text-light consult-name">Enrolled Students</p>
          </div>

          <!-- 3 -->
          <div class="col-md-3" style="padding:10px;margin-bottom:50px;">
            <div class="d-flex justify-content-center">
              <p class="consult-count" data-final="1000">1000</p>
              <p class="count-plus">+</p>
            </div>
            <p class="text-light consult-name">Affiliated Universities</p>
          </div>

          <!-- 4 -->
          <div class="col-md-3" style="padding:10px;margin-bottom:50px;">
            <div class="d-flex justify-content-center">
              <p class="consult-count" data-final="100">100</p>
              <p class="count-plus">+</p>
            </div>
            <p class="text-light consult-name">Professional Courses</p>
          </div>

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


<!-- courses section -->
<section class="study-abroad-courses">
  <div class="container">
    <div class="row">
      <div class="col-md-12 ">
        <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="card custom-card br-4">
            <div class="card-header p-0 bb-none bg-none" style="height: 127px;">
              <div class="card-img-container">
                <img loading="lazy" src="{{homeTheme()}}/image/online-learning (4).png" alt="Best study abroad consultancy in kerala" class="of-none img-margin">
              </div>
            </div>
            <div class="card-body">
              <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>
            </div>
            <div class="card-footer p-0 bt-none">
              <button class="btn btn-custom btn-sm full-width br-0 p-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="card custom-card br-4">
            <div class="card-header p-0 bb-none bg-none" style="height: 127px;">
              <div class="card-img-container">
                <img loading="lazy" src="{{homeTheme()}}/image/business (4).png" alt="Best study abroad consultancy in kerala" class="of-none img-margin">
              </div>
            </div>
            <div class="card-body">
              <h4 class="delta-head-text">Business <br>& Management</h4>
              <p class="delta-para">Business and management drive organizational success through strategic planning, effective leadership, and innovative solutions.</p>
            </div>
            <div class="card-footer p-0 bt-none">
              <button class="btn btn-custom btn-sm full-width br-0 p-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="card custom-card br-4">
            <div class="card-header p-0 bb-none bg-none" style="height: 127px;">
              <div class="card-img-container">
                <img loading="lazy" src="{{homeTheme()}}/image/artificial-intelligence (3).png" alt="Best study abroad consultancy in kerala" class="of-none img-margin">
              </div>
            </div>
            <div class="card-body">
              <h4 class="delta-head-text">Engineering <br>& Technology</h4>
              <p class="delta-para">Engineering and technology propel society forward through innovation and problem-solving, shaping the world we live in.</p>
            </div>
            <div class="card-footer p-0 bt-none">
              <button class="btn btn-custom btn-sm full-width br-0 p-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="card custom-card br-4">
            <div class="card-header p-0 bb-none bg-none" style="height: 127px;">
              <div class="card-img-container">
                <img loading="lazy" src="{{homeTheme()}}/image/research (3).png
" alt="Best study abroad consultancy in Kochi" class="of-none img-margin">
              </div>
            </div>
            <div class="card-body">
              <h4 class="delta-head-text">Health sciences <br>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>
            </div>
            <div class="card-footer p-0 bt-none">
              <button class="btn btn-custom btn-sm full-width br-0 p-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="card custom-card br-4">
            <div class="card-header p-0 bb-none bg-none" style="height: 127px;">
              <div class="card-img-container">
                <img loading="lazy" src="{{homeTheme()}}/image/room-service (5).png" alt="Best study abroad consultancy in kerala" class="of-none img-margin">
              </div>
            </div>
            <div class="card-body">
              <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>
            </div>
            <div class="card-footer p-0 bt-none">
              <button class="btn btn-custom btn-sm full-width br-0 p-2" data-bs-toggle="modal" data-bs-target="#staticBackdrop-apply">Apply Now</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
</section>



<section class="" style="background-color: #ead6fb;">
  <div class="container">
    <h2 class="partener-head" data-aos="zoom-in" data-aos-duration="1000">Our 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 loading="lazy" class="brand-img" src="{{asset('storage/universities/'. $post->image) }}" alt="{{ $post->image }}">
        </div>
      </div>
      @endforeach
      @endisset
    </div>
  </div>
</section>

@isset($obj['testimonials'])
@if($obj['testimonials']->count() > 0)
<section class="testimonial-section text-center py-5">
  <div class="container">
    <h2 class="gama-head">A lot of Happy Students</h2>
    <p class="section-desc">Best study abroad consultants in Kochi</p>

    <div class="owl-carousel owl-theme testimonial-carousel mt-5">
      @foreach($obj['testimonials'] as $testimonial)
      <div class="testimonial-card px-3">
        <div class="testimonial-img">
          <img loading="lazy" src="{{ asset('storage/testimonial/' . $testimonial->image) }}" alt="{{ $testimonial->name }}">
        </div>
        <div class="testimonial-stars mb-3">
          @for ($i = 0; $i < 5; $i++)
            <i class="fas fa-star text-warning fs-s"></i>
            @endfor
        </div>
        <blockquote class="testimonial-quote">
          <em>{{ $testimonial->description }}</em>
        </blockquote>
        <h5 class="testimonial-name mt-3">{{ $testimonial->name }}</h5>
        <p class="testimonial-role"><em>{{ $testimonial->title }}</em></p>
      </div>
      @endforeach
    </div>
  </div>
</section>
@endif
@endisset

<section class="testimonial-section text-center py-5">
    <h2 class="gama-head">Our Latest Blog</h2>


<div class="blog-container container">
  @foreach($obj['latest_blogs'] as $blog)

  <a href="{{ route('home.show', $blog->slug) }}" class="blog-card-link">
    <div class="blog-card">
      <img loading="lazy" src="{{ asset('storage/country/'. $blog->thumbnail) }}" alt="{{ $blog->title }}">
      <div class="card-content">
        <h3>{{ $blog->title }}</h3>
        <div class="meta">
          <span style="font-size: 14px;color:#19101c;">📅 {{ $blog->published_date }}</span>
        </div>
        <p style="font-size: 14px;color:#19101c;">{{$blog->short_description}}</p>
      </div>
    </div>
  </a>
  @endforeach



</div>
</section>

<section class="branch-section pt-3 pb-5 counter-section">
  <div class="container">
    <h2 class="map-head">Our Branches</h2>
    <p class="map-subhead">Meet the best overseas education consultants in Kochi, Kerala.</p>
    <div class="branch-grid">

      <!-- Repeat this block for each branch -->
      <div class="branch-card">
        <iframe 
          title="Google Map showing Exprenza Ernakulam Head Office"
        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" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        <div class="branch-info">
          <strong>
            <p class="study-para">Ernakulam Head Office</p>
          </strong>
          <p class="study-para">Exprenza Pvt Ltd., 2nd Floor, Samudra Building Iyyatil Junction, Ernakulam 682011</p>
          <strong>
            <p class="study-para">
              +91 4844066686<br />
              +91 90376 69901<br />
              info@exprenza.com
            </p>
          </strong>
        </div>
        <a href="{{ route('home.contact') }}" class="btn btn-branch p-1">Contact us</a>
      </div>
      <!-- Repeat this block for each branch -->
      <!--<div class="branch-card">-->
      <!--  <iframe Branch-->
      <!--  title="Google Map showing Exprenza Thrissur Branch"-->
      <!--  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" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
      <!--  <div class="branch-info">-->
      <!--    <strong>-->
      <!--      <p class="study-para">Thrissur Branch</p>-->
      <!--    </strong>-->
      <!--    <p class="study-para">-->
      <!--      Exprenza Pvt Ltd.,-->
      <!--      39/1953-2, NSS Karayogam Building, Koorkenchery, Thrissur, Kerala - 680007-->
      <!--    </p>-->
      <!--    <strong>-->
      <!--      <p class="study-para">-->
      <!--        +91 97786 17605<br />-->
      <!--        info@exprenza.com-->
      <!--      </p>-->
      <!--    </strong>-->
      <!--  </div>-->
      <!--  <a href="{{ route('home.contact') }}" class="btn btn-branch p-1">Contact us</a>-->
      <!--</div>-->
      <!-- Repeat this block for each branch -->
      <div class="branch-card">
        <iframe 
        title="Google Map showing Exprenza Kattappana Branch"
        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" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        <div class="branch-info">
          <strong>
            <p class="study-para">Kattappana Branch</p>
          </strong>
          <p class="study-para">Exprenza Pvt Ltd., 2 nd floor Cheruthenkal building Near New Bus Stand Kattappana, Idukki 685508</p>
          <strong>
            <p class="study-para">
              +91 9037669909<br />
              info@exprenza.com
            </p>
          </strong>
        </div>
        <a href="{{ route('home.contact') }}" class="btn btn-branch p-1">Contact us</a>
      </div>
      <!-- Repeat this block for each branch -->
      <!--<div class="branch-card">-->
      <!--  <iframe -->
      <!--  title="Google Map showing Exprenza Perinthalamanna Branch"-->
      <!--  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" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
      <!--  <div class="branch-info">-->
      <!--    <strong>-->
      <!--      <p class="study-para">Perinthalamanna Branch</p>-->
      <!--    </strong>-->
      <!--    <p class="study-para">Exprenza Pvt Ltd., Near Fitcore Gym & HLT Fitness, Angadippuram, Calicut Road, Perinthalmanna, Kerala 679321</p>-->
      <!--    <strong>-->
      <!--      <p class="study-para">-->
      <!--        +91 6238984820<br />-->
      <!--        info@exprenza.com-->
      <!--      </p>-->
      <!--    </strong>-->
      <!--  </div>-->
      <!--  <a href="{{ route('home.contact') }}" class="btn btn-branch p-1">Contact us</a>-->
      <!--</div>-->
      <!-- Repeat this block for each branch -->
      <!--<div class="branch-card">-->
      <!--  <iframe -->
      <!--  title="Google Map showing Exprenza Chalakudy Branch"-->
      <!--  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" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
      <!--  <div class="branch-info">-->
      <!--    <strong>-->
      <!--      <p class="study-para">Chalakudy Branch</p>-->
      <!--    </strong>-->
      <!--    <p class="study-para">Exprenza Pvt Ltd., First Floor, Muncipal Townhall Building, Chalakudy, Kerala 680307</p>-->
      <!--    <strong>-->
      <!--      <p class="study-para">-->
      <!--        +91 9037669901<br />-->
      <!--        info@exprenza.com-->
      <!--      </p>-->
      <!--    </strong>-->
      <!--  </div>-->
      <!--  <a href="{{ route('home.contact') }}" class="btn btn-branch p-1">Contact us</a>-->
      <!--</div>-->
      <!-- End repeat -->

    </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="" style="font-size: 36px; font-weight: 100;">', $desktopContent);
$desktopContent = preg_replace('/<h1(.*?)>/', '<h1$1 class="" style="font-size: 36px; font-weight: 100;">', $desktopContent);
$desktopContent = preg_replace('/<p(.*?)>/', '<p$1 class="p-1" style="font-size: 14px; 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: 100%; overflow: hidden;">
          {!! $desktopContent !!}
        </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: #ead6fb; padding: 3rem 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-6 col-md-6 col-sm-12 mb-4">
                              <div class="accordion-item">
                                  <div 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: 14px; background-color: #fff; color: #4e4e4d; min-height: 4rem;">
                                          {{ $qa->question }}
                                          <!-- <span class="chevron-icon-wrapper">
                                              <i class="bi bi-chevron-down"></i>
                                          </span> -->
                                      </button>
                                  </div>
                                  <div id="collapse{{ $key }}" class="accordion-collapse collapse"
                                      aria-labelledby="heading{{ $key }}" data-bs-parent="#accordionExample">
                                      <div class="accordion-body" style="background-color: #0000000a;font-size: 14px;">
                                          {!! $qa->answer !!}
                                      </div>
                                  </div>
                              </div>
                          </div>
                      @endforeach
                  </div>
              </div>
          </div>
      </section>
@endisset
 <!-- Modal Apply -->
<!-- Apply Now Modal -->
<div class="modal fade" id="staticBackdrop-apply" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header modal-myhead">
        <h2 class="modal-title model-head" id="staticBackdropLabel">
          Apply Now
        </h2>
        <button type="button" class="btn-close" data-bs-dismiss="modal"aria-label="Close"></button>
      </div>
      <!-- Modal Body -->
      <div class="modal-body body-my-modal">
        <div class="row g-4 align-items-center">
          <div class="col-md-4">
            <img src="{{ homeTheme() }}/image/appoinment-image.jpg" alt="Best study abroad consultancy in kerala" width="400" height="500" loading="lazy" decoding="async" class="img-fluid rounded">
          </div>

          <!-- Right Form -->
          <div class="col-md-8">
            <form id="consultationForm">

              <div class="mb-3">
                <input type="text" name="name" placeholder="Name" class="form-control form-control-model" required>
              </div>

              <div class="mb-3">
                <input type="text" name="phone" placeholder="Phone" class="form-control form-control-model" required>
              </div>

              <div class="mb-3">
                <input type="email" name="email" placeholder="Email" class="form-control form-control-model" required>
              </div>

              <div class="mb-3">
                <input type="text" name="qualification" placeholder="Qualification" class="form-control form-control-model">
              </div>

              <div class="mb-3">
                <textarea name="message" placeholder="How can we help you?" rows="3" class="form-control form-control-model">
                </textarea>
              </div>

              <input type="hidden" name="recaptcha_token" id="recaptcha_token">

              <!-- Modal Footer (inside form) -->
              <div class="modal-footer px-0">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>

            </form>
          </div>

        </div>
      </div>

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

  <!--  modal -->
@isset ($obj["modal"])


{{-- Custom Auto Modal --}}
<div id="customModal" class="custom-modal" aria-hidden="true">
  <div class="custom-modal-backdrop"></div>

  <div class="custom-modal-dialog" role="dialog" aria-labelledby="modalLabel">
    <div class="custom-modal-content">

      <div class="custom-modal-header">
        <h2 id="modalLabel">{{ $obj['modal']->title }}</h2>
        <button type="button" class="custom-close" aria-label="Close">&times;</button>
      </div>

      <div class="custom-modal-body">
        @if (!empty($obj['modal']->image))
          <img
              src="{{ asset('storage/modal/' . $obj['modal']->image) }}"
              sizes="(max-width: 576px) 90vw, 470px"
              alt="Best study abroad consultancy in kerala"
              width="470"
              height="450"
              loading="eager"
              decoding="async"
            >

        @endif

        <h4 class="text-center ">
          {{ $obj['modal']->description }}
        </h4>
      </div>

      <div class="custom-modal-footer">
        <a class="btn btn-success text-white" href="{{ $obj['modal']->link }}">
          {{ $obj['modal']->button }}
        </a>
      </div>

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

<script>
document.addEventListener('DOMContentLoaded', function () {
  const modal = document.getElementById('customModal');

  setTimeout(() => {
    modal.classList.add('active');
    modal.setAttribute('aria-hidden', 'false');
  }, 3000);

  modal.addEventListener('click', function (e) {
    if (
      e.target.classList.contains('custom-close') ||
      e.target.classList.contains('custom-modal-backdrop')
    ) {
      modal.classList.add('closing');

      setTimeout(() => {
        modal.classList.remove('active', 'closing');
        modal.setAttribute('aria-hidden', 'true');
      }, 300);
    }
  });
});
</script>





  @push('script')
  
   <!-- <script>
      $(document).ready(function() {

        function showAbstractSubmissionMessage() {
          $('#modal').modal('show');
          localStorage.setItem('modal_shown', 'true');
        }

        if (!localStorage.getItem('modal_shown')) {
          showAbstractSubmissionMessage();
        }

      });
      
      $(document).ready(function () {

            function showAbstractSubmissionMessage() {
                $('#modal').modal('show');
                sessionStorage.setItem('modal_shown', 'true');
            }
        
            if (!sessionStorage.getItem('modal_shown')) {
                showAbstractSubmissionMessage();
            }
        
        });
    </script> -->
    
    <script>
        document.addEventListener('DOMContentLoaded', function () {

          if (sessionStorage.getItem('modal_shown')) return;
        
          let shown = false;
        
          function showModal() {
            if (shown) return;
            shown = true;
        
            const modal = document.getElementById('modal');
            if (!modal) return;
        
            new bootstrap.Modal(modal).show();
            sessionStorage.setItem('modal_shown', 'true');
        
            window.removeEventListener('scroll', showModal);
          }
        
          setTimeout(showModal, 6000);
          window.addEventListener('scroll', showModal, { once: true });
        
        });
</script>
  @endpush
  
  @endisset

 @endsection