@extends('website.desktop.layouts.app')
@section('title')
    {!! @$pages->meta_title !!}
@endsection
@section('description')
    {!! @$pages->meta_description !!}
@endsection
@section('keywords')
    {!! @$pages->meta_keywords !!}
@endsection
@section('robots')
    @if (!empty(@$pages->robots))
        {!! @$pages->robots !!}
    @else
        noindex,nofollow
    @endif
@endsection
@php
    $url = $_SERVER['REQUEST_URI'];
    $path = parse_url($url, PHP_URL_PATH);
    $parts = explode('/', $path);
    $examName = $parts[2];    
    if ($website_setting->test_prep_landing) {
        $testPrep = json_decode($website_setting->test_prep_landing);
        $students = $testPrep->students;
    }
    $desiredExam = strtoupper($parts[2]);
    $last_word = ucfirst(end($parts));
@endphp
@section('main')
    <main>
        <input type="hidden" value="{{ auth()->user() ? 1 : 0 }}" id="authCheck">
        <input type="hidden" value="{{ @$students ? @$students : '' }}" id="studentsData">
        {{-- banner Section --}}
        {{-- <section class="banner-section"> --}}
        {{-- <div class="container">

                <div class="tab-navbar">
                    <a href="javascript:;" data-value="courses" class="exam-links aboutSection active" onclick="openTab(event, 'courses')">Courses</a>
                    <a href="javascript:;" data-value="about" class="exam-links aboutSection" onclick="openTab(event, 'about')">About</a>
                    <a href="javascript:;" data-value="eligibility" class="exam-links" onclick="openTab(event, 'eligibility')">Eligibility</a>
                    <a href="javascript:;" data-value="exam" class="exam-links patternSection" onclick="openTab(event, 'exam')">Exam
                        Pattern</a>
                    <a href="javascript:;" data-value="syllabus" class="exam-links syllabusSection" onclick="openTab(event, 'syllabus')">Syllabus</a>
                    <a href="javascript:;" data-value="fees" class="exam-links" onclick="openTab(event, 'fees')">Fees</a>
                    <a href="javascript:;" data-value="dates" class="exam-links" onclick="openTab(event, 'dates')">Dates</a>
                    <a href="javascript:;" data-value="registration" class="exam-links" onclick="openTab(event, 'registration')">Registration</a>
                    <a href="javascript:;" data-value="result" class="exam-links" onclick="openTab(event, 'result')">Results</a>
                </div> --}}

        {!! $pages->page_header !!}

        {{-- <div class="banner-div">
                    <div class="left-banner">
                        <p class="trained-student">1200+ Students Trained</p>
                        <h1 class="banner-title heading1">Get 7+ Bands in IELTS at the best price, guaranteed</h1>  --}}
        {{-- <form class="banner-form">
                            <p class="form-desc">Confused ? Get FREE Consultancy on IELTS</p>
                            <div class="phone-input">
                                <div class="country-dropdown">
                                    <select name="" id="">
                                        <option value="">Country</option>
                                        <option value="">IN(+91)</option>
                                        <option value="">IN(+91)</option>
                                        <option value="">IN(+91)</option>
                                        <option value="">IN(+91)</option>
                                        <option value="">USA(+91)</option>
                                    </select>
                                </div>
                                <input type="text" id="contactInput" class="input-num"
                                    placeholder="Enter Your Mobile Number">
                                <button type="button" style="display: none;" class="animatedButton submitButton"
                                    onclick="showPopup('thankpopup')">Submit</button>
                            </div>
                        </form> --}}
        {{-- <ul class="list-type">
                            <li class="list-item">
                                <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/green-tick.svg"
                                    alt="green-tick" width="100%" height="100%">
                                Over 200,000+ IELTS Aspirants have got their desired band score with Gradding
                            </li>
                            <li class="list-item">
                                <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/green-tick.svg"
                                    alt="green-tick" width="100%" height="100%">
                                Support for Visa, Accommodation and building valuable Networks
                            </li>
                        </ul>
                        <div class="banner-cta-btn">
                            <a href="javascript:;" class="exam-detail-btn">Join FREE Masterclass</a>
                            <a href="javascript:;" class="explore-btn">Explore Courses</a>
                        </div>
                    </div>
                    <div class="right-banner">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/exam-detail-banner.png"
                        alt="instructor-image" class="exam-banner-image" width="100%" height="100%">
                        
                            <div class="banner-highlight">
                            <div class="highlight-card">
                                <p class="highlight-title">
                                    Reviews
                                </p>
                                <div class="banner-review-card">
                                    <div class="single-review-card">
                                        <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/exam-review-img.png"
                                            alt="review-img" class="review-img">
                                        <div class="review-detail">
                                            <p class="reviewer-name">Pankaj Sharma</p>
                                            <p class="reviewer-comment">
                                                Gradding served as the facilitator and organizer of my studying. The video
                                                explanations for each question.
                                            </p>
                                            <p class="review-band">IELTS 8.0</p>
                                        </div>
                                    </div>
                                    <div class="single-review-card active">
                                        <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/exam-review-img.png"
                                            alt="review-img" class="review-img">
                                        <div class="review-detail">
                                            <p class="reviewer-name">Pankaj Sharma</p>
                                            <p class="reviewer-comment">
                                                Gradding served as the facilitator and organizer of my studying. The video
                                                explanations for each question.
                                            </p>
                                            <p class="review-band">IELTS 8.0</p>
                                        </div>
                                    </div>
                                    <div class="single-review-card">
                                        <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/exam-review-img.png"
                                            alt="review-img" class="review-img">
                                        <div class="review-detail">
                                            <p class="reviewer-name">Pankaj Sharma</p>
                                            <p class="reviewer-comment">
                                                Gradding served as the facilitator and organizer of my studying. The video
                                                explanations for each question.
                                            </p>
                                            <p class="review-band">IELTS 8.0</p>
                                        </div>
                                    </div>
                                </div>
                                <a href="javascript:;" class="all-review-btn">See All</a>
                            </div>
                        </div> 
                    </div>
                </div> --}}
        {{-- </div>  --}}
        {{-- </section> --}}
        {{-- Test prep Card section --}}
        {{-- <section class="test-prep-section">
            <div class="container">
                <h2 class="heading2 card-title">How Gradding Will Simplify Your IELTS Test Prep?</h2>
                <div class="test-prep-card">
                    <div class="single-test-prep">
                        <span class="test-prep-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"
                                fill="none">
                                <path
                                    d="M11.8005 34H36.1805C39.9805 34 41.9805 32 41.9805 28.2V4H5.98047V28.2C6.00047 32 8.00048 34 11.8005 34Z"
                                    stroke="#066AC9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path d="M4 4H44" stroke="#066AC9" stroke-width="1.5" stroke-miterlimit="10"
                                    stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M16 44L24 40V34" stroke="#066AC9" stroke-width="1.5" stroke-miterlimit="10"
                                    stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M32 44L24 40" stroke="#066AC9" stroke-width="1.5" stroke-miterlimit="10"
                                    stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M15 22L21.3 16.74C21.8 16.32 22.46 16.44 22.8 17L25.2 21C25.54 21.56 26.2 21.66 26.7 21.26L33 16"
                                    stroke="#066AC9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                            </svg>
                        </span>
                        <h3 class="card-title">Remedial Methodology</h3>
                        <p class="card-desc">Identify & improve your weak areas Identify & improve your</p>
                    </div>
                    <div class="single-test-prep">
                        <span class="test-prep-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48"
                                fill="none">
                                <path
                                    d="M9.18555 22.04V31.98C9.18555 35.62 9.18555 35.62 12.6255 37.94L22.0855 43.4C23.5055 44.22 25.8255 44.22 27.2455 43.4L36.7055 37.94C40.1455 35.62 40.1455 35.62 40.1455 31.98V22.04C40.1455 18.4 40.1455 18.4 36.7055 16.08L27.2455 10.62C25.8255 9.8 23.5055 9.8 22.0855 10.62L12.6255 16.08C9.18555 18.4 9.18555 18.4 9.18555 22.04Z"
                                    stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path
                                    d="M35.666 15.26V10C35.666 6 33.666 4 29.666 4H19.666C15.666 4 13.666 6 13.666 10V15.12"
                                    stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path
                                    d="M25.9256 21.98L27.0656 23.76C27.2456 24.04 27.6456 24.32 27.9456 24.4L29.9856 24.92C31.2456 25.24 31.5856 26.32 30.7656 27.32L29.4256 28.94C29.2256 29.2 29.0656 29.66 29.0856 29.98L29.2056 32.08C29.2856 33.38 28.3656 34.04 27.1656 33.56L25.2056 32.78C24.9056 32.66 24.4056 32.66 24.1056 32.78L22.1456 33.56C20.9456 34.04 20.0256 33.36 20.1056 32.08L20.2256 29.98C20.2456 29.66 20.0856 29.18 19.8856 28.94L18.5456 27.32C17.7256 26.32 18.0656 25.24 19.3256 24.92L21.3656 24.4C21.6856 24.32 22.0856 24.02 22.2456 23.76L23.3856 21.98C24.1056 20.9 25.2256 20.9 25.9256 21.98Z"
                                    stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                            </svg>
                        </span>
                        <h3 class="card-title">Personalized Learning</h3>
                        <p class="card-desc">Build your own tests using Test Generator with best and best</p>
                    </div>
                    <div class="single-test-prep">
                        <span class="test-prep-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48"
                                fill="none">
                                <path d="M44.334 30C44.334 37.74 38.074 44 30.334 44L32.434 40.5" stroke="#066AC9"
                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M4.33398 18C4.33398 10.26 10.594 4 18.334 4L16.234 7.5" stroke="#066AC9"
                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M27.7324 8.90002L35.6924 13.5L43.5724 8.92004" stroke="#066AC9"
                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M35.6934 21.64V13.48" stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path
                                    d="M33.8132 4.42L29.0132 7.07991C27.9332 7.67991 27.0332 9.1999 27.0332 10.4399V15.52C27.0332 16.76 27.9132 18.28 29.0132 18.88L33.8132 21.54C34.8332 22.12 36.5132 22.12 37.5532 21.54L42.3532 18.88C43.4332 18.28 44.3332 16.76 44.3332 15.52V10.4399C44.3332 9.1999 43.4532 7.67991 42.3532 7.07991L37.5532 4.42C36.5332 3.86 34.8532 3.86 33.8132 4.42Z"
                                    stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path d="M5.0332 30.9L12.9732 35.5L20.8732 30.92" stroke="#066AC9" stroke-width="1.5"
                                    stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M12.9727 43.64V35.48" stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path
                                    d="M11.114 26.42L6.314 29.0799C5.234 29.6799 4.33398 31.1999 4.33398 32.4399V37.52C4.33398 38.76 5.214 40.28 6.314 40.88L11.114 43.54C12.134 44.12 13.814 44.12 14.854 43.54L19.654 40.88C20.734 40.28 21.634 38.76 21.634 37.52V32.4399C21.634 31.1999 20.754 29.6799 19.654 29.0799L14.854 26.42C13.814 25.86 12.134 25.86 11.114 26.42Z"
                                    stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                            </svg>
                        </span>
                        <h3 class="card-title">Peer Benchmarking</h3>
                        <p class="card-desc">Get comparative score against toppers and best is best</p>
                    </div>
                    <div class="single-test-prep">
                        <span class="test-prep-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"
                                fill="none">
                                <path
                                    d="M12.88 4H35.1C42.22 4 44 5.78 44 12.88V25.54C44 32.66 42.22 34.42 35.12 34.42H12.88C5.78 34.44 4 32.66 4 25.56V12.88C4 5.78 5.78 4 12.88 4Z"
                                    stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path d="M24 34.44V44" stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path d="M4 26H44" stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path d="M15 44H33" stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                    stroke-linejoin="round" />
                            </svg>
                        </span>
                        <h3 class="card-title">Actual Test Interface</h3>
                        <p class="card-desc">Get the real feel of the exam in mock tests and best is best</p>
                    </div>
                </div>
            </div>
        </section> --}}
        {{-- Course & Offering --}}
        {!! $pages->middle_content !!}
        {{-- leadform section --}}
        {{-- <section class="lead-form-section">
            <div class="container lead-form-div d-flex justify-content-between align-items-center">
                <div class="left-div d-flex flex-column align-items-center">
                    <h2 class="lead-form-title heading2">What is your IELTS Type?</h2>
                    <p class="lead-form-desc">In Hurry? We will do it for you!</p>
                </div>
                <div class="right-div">
                    <ul id="progressbar" class="progressbar">
                        <li class="active"></li>
                        <li class=""></li>
                        <li class=""></li>
                    </ul>
                    <form class="lead_form" id="testPrepLeadForm">
                        <fieldset class="showLead form-fieldset" id="testPrepField">
                            <div class="form-que-card">
                                <h3 class="course-head heading4" id="examTypeQuestion">Choose your IELTS type</h3>
                                <div class="radio-btn-div d-flex justify-content-center" id="examType">
                                    <input type="radio" id="ug" name="level" value="12th" checked="">
                                    <label for="ug" class="course-label">
                                        <span class="course-title heading5">Academic</span>
                                    </label>
                                    <input type="radio" id="pg" name="level" value="Bachelors">
                                    <label for="pg" class="course-label">
                                        <span class="course-title heading5">General</span>
                                    </label>
                                    <input type="radio" id="masters" name="level" value="Masters">
                                    <label for="masters" class="course-label">
                                        <span class="course-title heading5">Not Sure</span>
                                    </label>
                                </div>
                            </div>
                            <button type="button" name="next" class="next-btn next">Save &amp; Go Next <i
                                    class="fa fa-arrow-right"></i></button>
                        </fieldset>
                        <fieldset class="showLead form-fieldset">
                            <div class="form-que-card">
                                <h3 class="course-head heading4" id="pursuingTypeQuestion">What are you currently doing?</h3>
                                <div class="radio-btn-div d-flex justify-content-center" id="pursuingType">
                                    <input type="radio" id="studing" name="studing" value="studing" checked="">
                                    <label for="studing" class="course-label">
                                        <span class="course-title heading5">Studing</span>
                                    </label>
                                    <input type="radio" id="working" name="studing" value="working">
                                    <label for="working" class="course-label">
                                        <span class="course-title heading5">Working</span>
                                    </label>
                                    <input type="radio" id="grad" name="studing" value="grad">
                                    <label for="grad" class="course-label">
                                        <span class="course-title heading5">Recently Graduated</span>
                                    </label>                                    
                                </div>
                            </div>
                            <button type="button" name="previous" class="prev-btn previous">Previous</button>
                            <button type="button" name="next" class="next-btn next">Save &amp; Go Next <i
                                    class="fa fa-arrow-right"></i></button>
                        </fieldset>
                        <fieldset class="showLead form-fieldset">
                            <div class="form-que-card">
                                <h3 class="course-head heading4" id="durationTypeQuestion">When are you giving ielts</h3>
                                <div class="radio-btn-div d-flex justify-content-center" id="durationType">
                                    <input type="radio" id="3months" name="3months" value="3months" checked="">
                                    <label for="3months" class="course-label">
                                        <span class="course-title heading5">within 3 months</span>
                                    </label>
                                    <input type="radio" id="3-6months" name="3months" value="3-6months">
                                    <label for="3-6months" class="course-label">
                                        <span class="course-title heading5">within 3-6 months</span>
                                    </label>
                                    <input type="radio" id="not-planned" name="3months" value="not-planned">
                                    <label for="not-planned" class="course-label">
                                        <span class="course-title heading5">not planned</span>
                                    </label>                                
                                </div>
                            </div>
                            <button type="button" name="previous" class="prev-btn previous">Previous</button>
                            <button type="button" name="next" id="course-lead-form" class="next-btn">Save</button>
                        </fieldset>                        
                    </form>
                </div>
            </div>
        </section> --}}
        <section class="global-map">
            <div class="container">
                {{-- <h2 class="heading2">Find Your Nearest {{$desiredExam}} Coaching Centres in India</h2>
                <p class="choose-city-desc">We Are All Over India to Help You with {{$desiredExam}} Preparation </p> --}}
                <div class="map-card">
                    <div class="left-side">
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/bangalore.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="{{ route('website.test-preparation.courseDetails', ['exam' => $examName, 'courseDetail' => 'bangalore']) }}">Bangalore</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Ahmedabad.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="{{ route('website.test-preparation.courseDetails', ['exam' => $examName, 'courseDetail' => 'ahmedabad']) }}">Ahmedabad</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/delhi.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="{{ route('website.test-preparation.courseDetails', ['exam' => $examName, 'courseDetail' => 'delhi']) }}">Delhi</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/jaipur.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="{{ route('website.test-preparation.courseDetails', ['exam' => $examName, 'courseDetail' => 'jaipur']) }}">Jaipur</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Hyderabad.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Hyderabad</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Kerala.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Kerala</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Pune.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="{{ route('website.test-preparation.courseDetails', ['exam' => $examName, 'courseDetail' => 'pune']) }}">Pune</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Chandigarh.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Chandigarh</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Mumbai.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Mumbai</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Gurgaon.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Gurgaon</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Chennai.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="{{ route('website.test-preparation.courseDetails', ['exam' => $examName, 'courseDetail' => 'chennai']) }}">Chennai</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Kolkata.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Kolkata</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Trivandrum.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Trivandrum</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Noida.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="{{ route('website.test-preparation.courseDetails', ['exam' => $examName, 'courseDetail' => 'noida']) }}">Noida</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Kochi.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="{{ route('website.test-preparation.courseDetails', ['exam' => $examName, 'courseDetail' => 'kochi']) }}">Kochi</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Calicut.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Calicut</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Kottayam.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Kottayam</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Kollam.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Kollam</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/Thrissur.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Thrissur</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/indore.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="javascript:;">Indore</a>
                        </div>
                        <div class="single-map">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ asset('/') }}frontend/assets-desktop/images/city/udaipur.svg"
                                    height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link"
                                href="{{ route('website.test-preparation.courseDetails', ['exam' => $examName, 'courseDetail' => 'udaipur']) }}">Udaipur</a>
                        </div>
                    </div>
                    <div class="right-side">
                        <div id="map"
                            data-icon="{{ asset('frontend') }}/primary-theme/assets/images/loc-pin.png"></div>
                        <script src="{{ asset('frontend') }}/assets-desktop/js/mapApi.js?v={{ env('ASSETS_VERSION') }}"></script>
                    </div>
                </div>
            </div>
        </section>
        <input type="hidden" id="multipleMap" value="">
        <div style="display:none" class="">
            <div id="count">{{ @$addresses2->count() }}</div>            
            @foreach ($addresses2 as $key => $address2)
                <div id="mapContent{{ $key }}" role="dialog" tabindex="-1" class="dialogue">
                    <div class="gm-style-iw-d">
                        <div class="location-pin-div">
                            <div class="img-div">
                                <img class="lazy"
                                    data-src="{{ @$address2->office_image ? @$address2->office_image_url : 'https://www.gradding.com/frontend/primary-theme/assets/images/about/graddingofc.jpg' }}"
                                    alt="city-store">
                                <div class="detailmap">
                                    <p class="text-small heading">Gradding - Study Abroad Consultants in
                                        {{ ucFirst(@$address2->page->title) }}</p>
                                    <span class="storeAdd">{{ @$address2->address }}</span>
                                </div>
                            </div>
                            <div class="view-direction-row">
                                <div class="box border">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path
                                            d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z"
                                            stroke="#066AC9" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                        <path opacity="0.34" d="M12 12V17" stroke="#066AC9" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round" />
                                        <path opacity="0.34" d="M11.9961 8H12.0051" stroke="#066AC9"
                                            stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>
                                    <a class="storeDetail view-detail" target="_blank"
                                        href="{{ route('website.test-preparation.courseDetails', ['exam' => @$examName, 'courseDetail' => @$address2->page->url]) }}">View
                                        Detail</a>
                                </div>
                                <div class="box">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none">
                                        <path opacity="0.4"
                                            d="M17.3509 9.05004L15.0109 16.59C14.4509 18.38 11.9409 18.41 11.3509 16.63L10.651 14.56C10.461 13.99 10.0109 13.53 9.44095 13.35L7.36095 12.65C5.59095 12.06 5.62095 9.53004 7.41095 8.99004L14.951 6.64003C16.431 6.19003 17.8209 7.58004 17.3509 9.05004Z"
                                            stroke="#066AC9" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                        <path
                                            d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
                                            stroke="#066AC9" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                    </svg>
                                    <a class="view-detail" href="{{ @$address2->map_url }}">Get Direction</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button draggable="false" aria-label="Close" title="Close" type="button"
                        class="gm-ui-hover-effect"
                        style="background: none; display: block; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: absolute; cursor: pointer; user-select: none; top: -6px; right: -6px; width: 30px; height: 30px;"><span
                            style="-webkit-mask-image: url(&quot;data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3C/svg%3E&quot;); pointer-events: none; display: block; width: 14px; height: 14px; margin: 8px;"></span></button>
                </div>
                <div id="lat{{ $key }}">{{ @$address2->lat }}</div>
                <div id="long{{ $key }}">{{ @$address2->long }}</div>
            @endforeach
        </div>
        @if (!empty($plans))
            <section class="offering-section scrollToCourses">
                <div class="container">
                    <h2 class="offer-title heading2">
                        {{ str_word_count(str_replace('-', ' ', $examName)) == 1 ? ucfirst(mb_strtoupper($examName)) : ucwords(str_replace('-', ' ', mb_strtolower($examName))) }}
                        Plans and offerings</h2>
                    {{-- <div class="toggle-card">
                    <div class="card-links ">
                        offline
                    </div>
                    <div class="toggle-icon active">
                        <span class="toggle-button" onclick="toggleCard()"></span>
                    </div>
                    <div class="card-links active">
                        Online
                    </div>

                </div> --}}
                    <div class="offer-card card-content card1 active" id="online">
                        <div class="pricing-card-container">
                            <div class="plan-features">
                                <ul class="feature-ul">
                                    <li class="feature-li">
                                        <h3 class="feature-heading">Choose Your Plan<span class="offer-bedge">50% Off</span>
                                        </h3>
                                        <p class="feature-desc">Choose a
                                            {{ str_word_count(str_replace('-', ' ', $examName)) == 1 ? ucfirst(mb_strtoupper($examName)) : ucwords(str_replace('-', ' ', mb_strtolower($examName))) }}
                                            Course Plan According to Your Preference</p>
                                    </li>
                                    <li class="feature-li">Course Duration</li>
                                    <li class="feature-li">Mock Tests</li>
                                    <li class="feature-li">Personality Development Sessions</li>
                                    <li class="feature-li">Live Classes</li>
                                    <li class="feature-li">Vocabulary Building Sessions</li>
                                    <li class="feature-li">LWRS Master Classes</li>
                                </ul>
                            </div>
                            {{-- <div class="plan-prices">
                                <ul class="plan-price-ul">
                                    <li class="plan-price-li">
                                        <span class="price">₹199/-<del>₹399/-</del></span>
                                        <div class="price-cta">
                                            <a href="javascript:;" class="select-plan-btn buy-now">Buy Now</a>
                                            <a href="/test-preparation/ielts/packages/lite" class="select-plan-btn view-detail">View Detail</a>
                                        </div>
                                    </li>
                                    <li class="plan-price-li">20 Days</li>
                                    <li class="plan-price-li">47</li>
                                    <li class="plan-price-li">40</li>
                                    <li class="plan-price-li">40</li>
                                    <li class="plan-price-li">10</li>
                                    <p class="price-title-tab">Level Assessment</p>
                                </ul>
                            </div> --}}
                            @foreach (@$plans as $plan)
                                @php
                                    $features = json_decode(@$plan->features);
                                    $planUrl = '';
                                    if (strpos(@$plan->title, 'Foundation') !== false) {
                                        $planUrl = 'foundation-to-expert';
                                    } elseif (strpos(@$plan->title, 'Crash') !== false) {
                                        $planUrl = 'crash-course';
                                    } elseif (strpos(@$plan->title, 'Advance') !== false) {
                                        $planUrl = 'advance';
                                    }
                                @endphp
                                <div class="plan-prices">
                                    <ul class="plan-price-ul">
                                        <li class="plan-price-li">
                                            <span
                                                class="price">₹{{ number_format(@$plan->offer_price) }}/-<del>₹{{ number_format(@$plan->price) }}/-</del></span>
                                            <div class="price-cta">
                                                @if (auth()->user())
                                                    <a href="{{ route('payment.studentPlan', encrypt($plan->id)) }}"
                                                        class="select-plan-btn buy-now">Buy Now</a>
                                                @else
                                                    <a href="javascript:;" onclick="showPopup('login')"
                                                        class="select-plan-btn buy-now">Buy Now</a>
                                                @endif
                                                <a href="/test-preparation/{{ @$examName }}/coaching/{{ $planUrl }}"
                                                    class="select-plan-btn view-detail">View Detail</a>
                                            </div>
                                        </li>
                                        <li class="plan-price-li">{{ @$features[0]->custom_value }}</li>
                                        <li class="plan-price-li">{{ @$features[1]->custom_value }}</li>
                                        <li class="plan-price-li">{{ @$features[2]->custom_value }}</li>
                                        <li class="plan-price-li">{{ @$features[3]->custom_value }}</li>
                                        <li class="plan-price-li">{{ @$features[4]->custom_value }}</li>
                                        <li class="plan-price-li">{{ @$features[5]->custom_value }}</li>
                                        <p class="price-title-tab">{{ @$plan->title }}</p>

                                    </ul>
                                </div>
                            @endforeach
                            {{-- <div class="plan-prices">
                                <ul class="plan-price-ul">
                                    <li class="plan-price-li">
                                        <span class="price">₹4,499/-<del>₹8,999/-</del></span>
                                        <div class="price-cta">
                                            <a href="javascript:;" class="select-plan-btn buy-now">Buy Now</a>
                                            <a href="/test-preparation/ielts/coaching/crash-course"
                                                class="select-plan-btn view-detail">View Detail</a>
                                        </div>
                                    </li>
                                    <li class="plan-price-li">3 Weeks</li>
                                    <li class="plan-price-li">8</li>
                                    <li class="plan-price-li">1</li>
                                    <li class="plan-price-li">30+ Hours</li>
                                    <li class="plan-price-li">2</li>
                                    <li class="plan-price-li">4</li>
                                    <p class="price-title-tab">Crash Course</p>

                                </ul>
                            </div>
                            <div class="plan-prices">
                                <ul class="plan-price-ul">
                                    <li class="plan-price-li">
                                        <span class="price">₹6,499/-<del>₹12,999/-</del></span>
                                        <div class="price-cta">
                                            <a href="javascript:;" class="select-plan-btn buy-now">Buy Now</a>
                                            <a href="/test-preparation/ielts/coaching/advance"
                                                class="select-plan-btn view-detail">View Detail</a>
                                        </div>
                                    </li>
                                    <li class="plan-price-li">4 Weeks</li>
                                    <li class="plan-price-li">15</li>
                                    <li class="plan-price-li">4</li>
                                    <li class="plan-price-li">45+ Hours</li>
                                    <li class="plan-price-li">5</li>
                                    <li class="plan-price-li">8</li>
                                    <p class="price-title-tab">Advance</p>

                                </ul>
                            </div>
                            <div class="plan-prices">
                                <ul class="plan-price-ul">
                                    <li class="plan-price-li">
                                        <span class="price">₹9,499/-<del>₹18,999/-</del></span>
                                        <div class="price-cta">
                                            <a href="javascript:;" class="select-plan-btn buy-now">Buy Now</a>
                                            <a href="/test-preparation/ielts/coaching/foundation-to-expert"
                                                class="select-plan-btn view-detail">View Detail</a>
                                        </div>
                                    </li>
                                    <li class="plan-price-li">8 Weeks</li>
                                    <li class="plan-price-li">30</li>
                                    <li class="plan-price-li">8</li>
                                    <li class="plan-price-li">90+ Hours</li>
                                    <li class="plan-price-li">10</li>
                                    <li class="plan-price-li">12</li>
                                    <p class="price-title-tab">Foundation To Expert</p>
                                </ul>
                            </div> --}}
                        </div>
                    </div>
                    {{-- <div class="offer-card card-content card2" id="offline">
                    <div class="pricing-card-container">
                        <div class="plan-features">
                            <ul class="feature-ul">
                                <li class="feature-li">
                                    <h3 class="feature-heading">Choose Your Plan<span class="offer-bedge">50% Off</span>
                                    </h3>
                                    <p class="feature-desc">Choose a IELTS Course Plan According to Your Preference</p>
                                </li>
                                <li class="feature-li">Course Duration</li>
                                <li class="feature-li">Mock Tests</li>
                                <li class="feature-li">Personality Development Sessions</li>
                                <li class="feature-li">Live Classes</li>
                                <li class="feature-li">Vocabulary Building Sessions</li>
                                <li class="feature-li">LWRS Master Classes</li>
                            </ul>
                        </div>

                        <div class="plan-prices">
                            <ul class="plan-price-ul">
                                <li class="plan-price-li">
                                    <span class="price">₹6,500/-<del>₹13,000/-</del></span>
                                    <div class="price-cta">
                                        <a href="javascript:;" class="select-plan-btn buy-now">Buy Now</a>
                                        <a href="/test-preparation/ielts/coaching/crash-course"
                                            class="select-plan-btn view-detail">View Detail</a>
                                    </div>
                                </li>
                                <li class="plan-price-li">3 Weeks</li>
                                <li class="plan-price-li">8</li>
                                <li class="plan-price-li">1</li>
                                <li class="plan-price-li">30+ Hours</li>
                                <li class="plan-price-li">2</li>
                                <li class="plan-price-li">4</li>
                                <p class="price-title-tab">Crash Course</p>

                            </ul>
                        </div>
                        <div class="plan-prices">
                            <ul class="plan-price-ul">
                                <li class="plan-price-li">
                                    <span class="price">₹9,500/-<del>19,000/-</del></span>
                                    <div class="price-cta">
                                        <a href="javascript:;" class="select-plan-btn buy-now">Buy Now</a>
                                        <a href="/test-preparation/ielts/coaching/advance"
                                            class="select-plan-btn view-detail">View Detail</a>
                                    </div>
                                </li>
                                <li class="plan-price-li">4 Weeks</li>
                                <li class="plan-price-li">15</li>
                                <li class="plan-price-li">4</li>
                                <li class="plan-price-li">45+ Hours</li>
                                <li class="plan-price-li">5</li>
                                <li class="plan-price-li">8</li>
                                <p class="price-title-tab">Advance</p>

                            </ul>
                        </div>
                        <div class="plan-prices">
                            <ul class="plan-price-ul">
                                <li class="plan-price-li">
                                    <span class="price">₹11,500/-<del>23,000/-</del></span>
                                    <div class="price-cta">
                                        <a href="javascript:;" class="select-plan-btn buy-now">Buy Now</a>
                                        <a href="/test-preparation/ielts/coaching/foundation-to-expert"
                                            class="select-plan-btn view-detail">View Detail</a>
                                    </div>
                                </li>
                                <li class="plan-price-li">8 Weeks</li>
                                <li class="plan-price-li">30</li>
                                <li class="plan-price-li">8</li>
                                <li class="plan-price-li">90+ Hours</li>
                                <li class="plan-price-li">10</li>
                                <li class="plan-price-li">12</li>
                                <p class="price-title-tab">Foundation To Expert</p>
                            </ul>
                        </div>
                    </div>
                    <p class="offline-card-desc">*Currently Offline batches are only available in Jaipur and Udaipur.</p>
                </div> --}}
                </div>
            </section>
        @endif

        {{-- <div class="container">
            <div class="mid-banner">
                <div>
                    <h2 class="head">Get offline IELTS Coaching in your nearest city</h2>
                    <span class="sub-head">Techniques, Benefits, and a Beginner’s How-To</span>
                    
                    <a href="javascript:;" class="find-store-btn">Find Nearest Store
                        <svg width="15" height="11" viewBox="0 0 15 11" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.1949 1.0083L13.7882 5.50002M13.7882 5.50002L10.1949 9.99173M13.7882 5.50002H1.21143"
                        stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                    </a>
                </div>
                <div class="lottie-icon">
                    <lottie-player class="lottie-play" src="{{ asset('frontend') }}/assets-desktop/js/location.json"
                    background="transparent" speed="1" width="100%" hight="100%"
                    style="width: 120px; height: 120px;" loop autoplay></lottie-player>
                </div>
            </div>
        </div> --}}

        {{-- <div class="container why-choose">
            <h2 class="heading2">How it Works</h2>
            <div id="infographic" class="infographic">
                <div class="step">
                    <div class="circle">
                        <lottie-player class="lottie-play" src="{{ asset('frontend') }}/assets-desktop/js/step-1.json"
                        background="transparent" speed="1" width="100%" hight="100%"
                        style="width: 260px; height: 260px;" loop autoplay></lottie-player>
                    </div>
                    <div class="single-row" data-step="1">
                        <div class="head">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/book-saved.svg"
                                alt="book-icon">
                            <p class="text">English proficiency level assessment</p>
                        </div>
                    </div>
                    <div class="single-row" data-step="3">
                        <div class="head">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/book-saved.svg"
                                alt="book-icon">
                            <p class="text">Assessment report and profile evaluation</p>
                        </div>
                    </div>
                    <div class="single-row" data-step="5">
                        <div class="head">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/book-saved.svg"
                                alt="book-icon">
                            <p class="text">Feedback and package suggestion </p>
                        </div>
                    </div>
                </div>
                <div class="step">
                    <div class="circle">
                        <lottie-player class="lottie-play" src="{{ asset('frontend') }}/assets-desktop/js/step-2.json"
                        background="transparent" speed="1" width="100%" hight="100%"
                        style="width: 260px; height: 260px;" loop autoplay></lottie-player>
                    </div>
                    <div class="single-row" data-step="6">
                        <div class="head">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/icon-2.svg" alt="icon">
                            <p class="text">regular Classes and trainings</p>
                        </div>
                    </div>
                    <div class="single-row" data-step="8">
                        <div class="head">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/icon-2.svg" alt="icon">
                            <p class="text">Personality development classes</p>
                        </div>
                    </div>
                    <div class="single-row" data-step="10">
                        <div class="head">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/icon-2.svg" alt="icon">
                            <p class="text">Mock tests with feedback by experts</p>
                        </div>
                    </div>
                </div>
                <div class="step">
                    <div class="circle">
                        <lottie-player class="lottie-play" src="{{ asset('frontend') }}/assets-desktop/js/step-3.json"
                        background="transparent" speed="1" width="100%" hight="100%"
                        style="width: 260px; height: 260px;" loop autoplay></lottie-player>
                    </div>
                    <div class="single-row" data-step="11">
                        <div class="head">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/icon-3.svg" alt="icon">
                            <p class="text">Ready for ielts exam</p>
                        </div>
                    </div>
                    <div class="single-row" data-step="13">
                        <div class="head">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/icon-3.svg" alt="icon">
                            <p class="text">Exam registrtaion as per profile</p>
                        </div>
                    </div>
                    <div class="single-row" data-step="15">
                        <div class="head">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/icon-3.svg" alt="icon">
                            <p class="text">give exam with best preparation</p>
                        </div>
                    </div>
                    <div class="single-row" data-step="16">
                        <div class="head last">
                            <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/flag.svg" alt="flag">
                            <p class="text">Ready to go!</p>
                        </div>
                    </div>
                </div>
            </div>
        </div> --}}       
        {!! $pages->description !!}

        {{-- reason to choose gradding --}}
        <section class="reason-to-choose-gradding">
            <div class="container">
                <h2 class="heading2 reason-title">how gradding will help you Land in your Dream University</h2>
                {{-- <p class="why-choose-desc">Benefits that Help Make an Informed Study Abroad Decision</p> --}}
                <div class="reason-card">
                    <div class="single-reason ">
                        <span class="reason-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="69" height="68" viewBox="0 0 69 68"
                                fill="none">
                                <path opacity="0.4" d="M40.651 45.3276H26.4844" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M36.1116 7.1348L36.0266 7.33313L27.8099 26.4015H19.7349C17.8083 26.4015 15.9666 26.7981 14.2949 27.5065L19.2533 15.6631L19.3666 15.3798L19.5649 14.9265C19.6216 14.7565 19.6783 14.5865 19.7633 14.4448C23.4749 5.8598 27.6683 3.9048 36.1116 7.1348Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M51.3839 26.9681C50.1089 26.5714 48.7489 26.4014 47.3889 26.4014H27.8105L36.0272 7.3331L36.1122 7.13477C36.5372 7.27643 36.9339 7.47477 37.3589 7.64477L43.6205 10.2798C47.1055 11.7248 49.5422 13.2264 51.0155 15.0398C51.2989 15.3798 51.5255 15.6914 51.7239 16.0598C51.9789 16.4564 52.1772 16.8531 52.2905 17.2781C52.4039 17.5331 52.4889 17.7881 52.5455 18.0148C53.3105 20.3948 52.8572 23.3131 51.3839 26.9681Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M61.2197 40.2285V45.7535C61.2197 46.3202 61.1914 46.8869 61.1631 47.4535C60.6247 57.3419 55.0997 62.3285 44.6164 62.3285H22.5164C21.8364 62.3285 21.1564 62.2719 20.5047 62.1869C11.4947 61.5919 6.67807 56.7752 6.08307 47.7652C5.99807 47.1135 5.94141 46.4335 5.94141 45.7535V40.2285C5.94141 34.5335 9.39807 29.6319 14.3281 27.5069C16.0281 26.7985 17.8414 26.4019 19.7681 26.4019H47.4214C48.8097 26.4019 50.1697 26.6002 51.4164 26.9685C57.0547 28.6969 61.2197 33.9669 61.2197 40.2285Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4"
                                    d="M19.2532 15.6631L14.2949 27.5064C9.36487 29.6314 5.9082 34.5331 5.9082 40.2281V31.9264C5.9082 23.8798 11.6315 17.1648 19.2532 15.6631Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4"
                                    d="M61.2115 31.9252V40.2269C61.2115 33.9935 57.0749 28.6952 51.4082 26.9952C52.8815 23.3119 53.3065 20.4219 52.5982 18.0135C52.5415 17.7585 52.4565 17.5035 52.3432 17.2769C57.6132 19.9969 61.2115 25.5785 61.2115 31.9252Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </span>
                        <p class="single-reason-title">Smooth Visa process</p>
                        <a href="javascript:;" onclick="showPopup('addLecture')" class="stretched-link">Apply
                            Now<i class="fa fa-arrow-right"></i></a>
                    </div>
                    <div class="single-reason">
                        <span class="reason-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="69" height="68" viewBox="0 0 69 68"
                                fill="none">
                                <path
                                    d="M12.3125 31.2234V45.3051C12.3125 50.4617 12.3125 50.4617 17.1858 53.7484L30.5875 61.4834C32.5992 62.6451 35.8858 62.6451 37.8975 61.4834L51.2992 53.7484C56.1725 50.4617 56.1725 50.4617 56.1725 45.3051V31.2234C56.1725 26.0667 56.1725 26.0667 51.2992 22.7801L37.8975 15.0451C35.8858 13.8834 32.5992 13.8834 30.5875 15.0451L17.1858 22.7801C12.3125 26.0667 12.3125 26.0667 12.3125 31.2234Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4"
                                    d="M49.8249 21.6184V14.1667C49.8249 8.50008 46.9915 5.66675 41.3249 5.66675H27.1582C21.4915 5.66675 18.6582 8.50008 18.6582 14.1667V21.4201"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4"
                                    d="M36.0262 31.1382L37.6412 33.6599C37.8962 34.0566 38.4629 34.4532 38.8879 34.5666L41.7779 35.3032C43.5629 35.7566 44.0446 37.2866 42.8829 38.7032L40.9846 40.9982C40.7012 41.3666 40.4746 42.0182 40.5029 42.4716L40.6729 45.4466C40.7862 47.2882 39.4829 48.2232 37.7829 47.5432L35.0062 46.4382C34.5812 46.2682 33.8729 46.2682 33.4479 46.4382L30.6712 47.5432C28.9712 48.2232 27.6679 47.2599 27.7812 45.4466L27.9512 42.4716C27.9796 42.0182 27.7529 41.3382 27.4696 40.9982L25.5712 38.7032C24.4096 37.2866 24.8912 35.7566 26.6762 35.3032L29.5662 34.5666C30.0196 34.4532 30.5862 34.0282 30.8129 33.6599L32.4279 31.1382C33.4479 29.6082 35.0346 29.6082 36.0262 31.1382Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </span>
                        <p class="single-reason-title">Exceptional Counselling</p>
                        <a href="javascript:;" onclick="showPopup('addLecture')" class="stretched-link">Apply
                            Now<i class="fa fa-arrow-right"></i></a>
                    </div>
                    <div class="single-reason">
                        <span class="reason-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="69" height="68" viewBox="0 0 69 68"
                                fill="none">
                                <path opacity="0.4"
                                    d="M52.6585 35.8418V46.3251C52.6585 55.1651 44.4135 62.3335 34.2419 62.3335C24.0702 62.3335 15.8252 55.1651 15.8252 46.3251V35.8418C15.8252 44.6818 24.0702 51.0001 34.2419 51.0001C44.4135 51.0001 52.6585 44.6818 52.6585 35.8418Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M52.6585 21.6751C52.6585 24.2534 51.9502 26.6334 50.7035 28.6734C47.6719 33.6601 41.4385 36.8334 34.2419 36.8334C27.0452 36.8334 20.8119 33.6601 17.7802 28.6734C16.5335 26.6334 15.8252 24.2534 15.8252 21.6751C15.8252 17.2551 17.8935 13.2601 21.2085 10.3701C24.5518 7.45175 29.1419 5.66675 34.2419 5.66675C39.3419 5.66675 43.9319 7.45175 47.2752 10.3418C50.5902 13.2601 52.6585 17.2551 52.6585 21.6751Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M52.6585 21.6751V35.8418C52.6585 44.6818 44.4135 51.0001 34.2419 51.0001C24.0702 51.0001 15.8252 44.6818 15.8252 35.8418V21.6751C15.8252 12.8351 24.0702 5.66675 34.2419 5.66675C39.3419 5.66675 43.9319 7.45175 47.2752 10.3418C50.5902 13.2601 52.6585 17.2551 52.6585 21.6751Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </span>
                        <p class="single-reason-title">Apply for scholarships</p>
                        <a href="javascript:;" onclick="showPopup('addLecture')" class="stretched-link">Apply
                            Now<i class="fa fa-arrow-right"></i></a>
                    </div>
                    <div class="single-reason">
                        <span class="reason-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="69" height="68" viewBox="0 0 69 68"
                                fill="none">
                                <path
                                    d="M48.4092 28.3334H54.0758C59.7425 28.3334 62.5758 25.5001 62.5758 19.8334V14.1667C62.5758 8.50008 59.7425 5.66675 54.0758 5.66675H48.4092C42.7425 5.66675 39.9092 8.50008 39.9092 14.1667V19.8334C39.9092 25.5001 42.7425 28.3334 48.4092 28.3334Z"
                                    stroke="#066AC9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path
                                    d="M14.4092 62.3332H20.0758C25.7425 62.3332 28.5758 59.4998 28.5758 53.8332V48.1665C28.5758 42.4998 25.7425 39.6665 20.0758 39.6665H14.4092C8.74251 39.6665 5.90918 42.4998 5.90918 48.1665V53.8332C5.90918 59.4998 8.74251 62.3332 14.4092 62.3332Z"
                                    stroke="#066AC9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path opacity="0.34"
                                    d="M17.2425 28.3334C23.5017 28.3334 28.5758 23.2593 28.5758 17.0001C28.5758 10.7409 23.5017 5.66675 17.2425 5.66675C10.9833 5.66675 5.90918 10.7409 5.90918 17.0001C5.90918 23.2593 10.9833 28.3334 17.2425 28.3334Z"
                                    stroke="#066AC9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path opacity="0.34"
                                    d="M51.2425 62.3332C57.5017 62.3332 62.5758 57.2591 62.5758 50.9998C62.5758 44.7406 57.5017 39.6665 51.2425 39.6665C44.9833 39.6665 39.9092 44.7406 39.9092 50.9998C39.9092 57.2591 44.9833 62.3332 51.2425 62.3332Z"
                                    stroke="#066AC9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                            </svg>
                        </span>
                        <p class="single-reason-title">Hand-picked courses</p>
                        <a href="/finder/courses" class="stretched-link">Apply Now<i class="fa fa-arrow-right"></i></a>
                    </div>
                    <div class="single-reason">
                        <span class="reason-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="69" height="68" viewBox="0 0 69 68"
                                fill="none">
                                <path
                                    d="M35.2899 6.09187L60.7899 16.2918C61.7815 16.6885 62.5749 17.8785 62.5749 18.9268V28.3335C62.5749 29.8918 61.2999 31.1668 59.7415 31.1668H8.74154C7.1832 31.1668 5.9082 29.8918 5.9082 28.3335V18.9268C5.9082 17.8785 6.70155 16.6885 7.69322 16.2918L33.1932 6.09187C33.7599 5.86521 34.7232 5.86521 35.2899 6.09187Z"
                                    stroke="#066AC9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path
                                    d="M62.5749 62.3333H5.9082V53.8333C5.9082 52.275 7.1832 51 8.74154 51H59.7415C61.2999 51 62.5749 52.275 62.5749 53.8333V62.3333Z"
                                    stroke="#066AC9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path opacity="0.4" d="M11.5762 50.9998V31.1665" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4" d="M22.9082 50.9998V31.1665" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4" d="M34.2422 50.9998V31.1665" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4" d="M45.5762 50.9998V31.1665" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4" d="M56.9082 50.9998V31.1665" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M3.07617 62.3335H65.4095" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4"
                                    d="M34.2422 24.0835C36.5894 24.0835 38.4922 22.1807 38.4922 19.8335C38.4922 17.4863 36.5894 15.5835 34.2422 15.5835C31.895 15.5835 29.9922 17.4863 29.9922 19.8335C29.9922 22.1807 31.895 24.0835 34.2422 24.0835Z"
                                    stroke="#066AC9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                            </svg>
                        </span>
                        <p class="single-reason-title">Shortlist Universities</p>
                        <a href="/finder/university" class="stretched-link">Apply Now<i
                                class="fa fa-arrow-right"></i></a>
                    </div>
                    <div class="single-reason">
                        <span class="reason-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="69" height="68" viewBox="0 0 69 68"
                                fill="none">
                                <path opacity="0.4"
                                    d="M52.6595 35.8418V46.3251C52.6595 55.1651 44.4145 62.3335 34.2428 62.3335C24.0712 62.3335 15.8262 55.1651 15.8262 46.3251V35.8418C15.8262 44.6818 24.0712 51.0001 34.2428 51.0001C44.4145 51.0001 52.6595 44.6818 52.6595 35.8418Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M52.6595 21.6748C52.6595 24.2532 51.9512 26.6332 50.7045 28.6732C47.6728 33.6598 41.4395 36.8332 34.2428 36.8332C27.0462 36.8332 20.8128 33.6598 17.7812 28.6732C16.5345 26.6332 15.8262 24.2532 15.8262 21.6748C15.8262 17.2548 17.8945 13.2598 21.2095 10.3698C24.5528 7.4515 29.1428 5.6665 34.2428 5.6665C39.3428 5.6665 43.9329 7.45151 47.2762 10.3415C50.5912 13.2598 52.6595 17.2548 52.6595 21.6748Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M52.6595 21.6748V35.8415C52.6595 44.6815 44.4145 50.9998 34.2428 50.9998C24.0712 50.9998 15.8262 44.6815 15.8262 35.8415V21.6748C15.8262 12.8348 24.0712 5.6665 34.2428 5.6665C39.3428 5.6665 43.9329 7.45151 47.2762 10.3415C50.5912 13.2598 52.6595 17.2548 52.6595 21.6748Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </span>
                        <p class="single-reason-title">Finance your journey</p>
                        <a href="javascript:;" onclick="showPopup('addLecture')" class="stretched-link">Apply
                            Now<i class="fa fa-arrow-right"></i></a>
                    </div>
                    <div class="single-reason">
                        <span class="reason-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="69" height="68" viewBox="0 0 69 68"
                                fill="none">
                                <path d="M22.9092 5.6665V14.1665" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M45.5752 5.6665V14.1665" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4" d="M20.0752 31.1665H42.7419" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path opacity="0.4" d="M20.0752 42.5H34.2419" stroke="#066AC9" stroke-width="2"
                                    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path
                                    d="M42.7422 62.3332H25.7422C11.5755 62.3332 8.74219 56.4965 8.74219 44.8232V27.3415C8.74219 14.0248 13.4739 10.4548 22.9089 9.9165H45.5755C55.0105 10.4265 59.7422 14.0248 59.7422 27.3415V45.3332"
                                    stroke="#066AC9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
                                    stroke-linejoin="round" />
                                <path
                                    d="M59.7422 45.3335L42.7422 62.3335V53.8335C42.7422 48.1668 45.5755 45.3335 51.2422 45.3335H59.7422Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </span>
                        <p class="single-reason-title">Test Preparation</p>
                        <a href="javascript:;" onclick="showPopup('addLecture')" class="stretched-link">Apply
                            Now<i class="fa fa-arrow-right"></i></a>
                    </div>
                    <div class="single-reason">
                        <span class="reason-svg">
                            <svg xmlns="http://www.w3.org/2000/svg" width="69" height="68" viewBox="0 0 69 68"
                                fill="none">
                                <path
                                    d="M25.7425 62.3332H42.7425C56.9092 62.3332 62.5758 56.6665 62.5758 42.4998V25.4998C62.5758 11.3332 56.9092 5.6665 42.7425 5.6665H25.7425C11.5758 5.6665 5.90918 11.3332 5.90918 25.4998V42.4998C5.90918 56.6665 11.5758 62.3332 25.7425 62.3332Z"
                                    stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <g opacity="0.4">
                                    <path
                                        d="M52.3194 43.2652V21.4768C52.3194 19.2952 50.5627 17.7085 48.4094 17.8785H48.2961C44.4994 18.1902 38.7477 20.1452 35.5177 22.1569L35.2061 22.3552C34.6961 22.6669 33.8176 22.6669 33.2793 22.3552L32.826 22.0719C29.6244 20.0602 23.8727 18.1618 20.076 17.8502C17.9227 17.6802 16.166 19.2952 16.166 21.4486V43.2652C16.166 44.9935 17.5826 46.6369 19.311 46.8352L19.821 46.9202C23.731 47.4302 29.7944 49.4419 33.2511 51.3402L33.336 51.3686C33.8177 51.6519 34.611 51.6519 35.0643 51.3686C38.521 49.4419 44.6127 47.4585 48.551 46.9202L49.1461 46.8352C50.9027 46.6369 52.3194 45.0218 52.3194 43.2652Z"
                                        stroke="#066AC9" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                    <path d="M34.2422 22.9502V50.0369" stroke="#066AC9" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                </g>
                            </svg>
                        </span>
                        <p class="single-reason-title">Customized study plans</p>
                        <a href="javascript:;" onclick="showPopup('addLecture')" class="stretched-link">Apply
                            Now<i class="fa fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </section>
        {{-- Content We offer under designing --}}
        {{-- <section class="content-offer-section">
            <div class="container">
                <h2 class="content-heading heading2">Content we offer</h2>
                <div class="content-card">
                    <div class="left-content">
                        <a class="single-content test-links active" onclick="openTab(event, 'test')">
                            <span class="content-svg test-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"
                                    viewBox="0 0 28 28" fill="none">
                                    <path opacity="0.4"
                                        d="M25.2709 12.1801L24.1275 17.0568C23.1475 21.2684 21.2109 22.9718 17.5709 22.6218C16.9875 22.5751 16.3575 22.4701 15.6809 22.3068L13.7209 21.8401C8.85586 20.6851 7.35086 18.2818 8.49419 13.4051L9.63753 8.51676C9.87086 7.52509 10.1509 6.66176 10.5009 5.95009C11.8659 3.12676 14.1875 2.36842 18.0842 3.29009L20.0325 3.74509C24.9209 4.88842 26.4142 7.30342 25.2709 12.1801Z"
                                        fill="white" />
                                    <path
                                        d="M17.5694 22.6216C16.8461 23.1116 15.9361 23.5199 14.8278 23.8816L12.9844 24.4883C8.35276 25.9816 5.91442 24.7333 4.40942 20.1016L2.91609 15.4933C1.42275 10.8616 2.65942 8.41162 7.29109 6.91828L9.13442 6.31162C9.61275 6.15995 10.0678 6.03162 10.4994 5.94995C10.1494 6.66162 9.86942 7.52495 9.63609 8.51662L8.49276 13.405C7.34942 18.2816 8.85442 20.6849 13.7194 21.8399L15.6794 22.3066C16.3561 22.47 16.9861 22.5749 17.5694 22.6216Z"
                                        fill="white" />
                                    <path
                                        d="M20.4056 12.2617C20.3356 12.2617 20.2656 12.25 20.1839 12.2383L14.5256 10.8033C14.0589 10.6867 13.7789 10.2083 13.8956 9.74165C14.0123 9.27498 14.4906 8.99498 14.9573 9.11165L20.6156 10.5467C21.0823 10.6633 21.3623 11.1417 21.2456 11.6083C21.1523 11.9933 20.7906 12.2617 20.4056 12.2617Z"
                                        fill="white" />
                                    <path
                                        d="M16.986 16.2051C16.916 16.2051 16.846 16.1935 16.7643 16.1818L13.3693 15.3185C12.9027 15.2018 12.6227 14.7235 12.7393 14.2568C12.856 13.7901 13.3343 13.5101 13.801 13.6268L17.196 14.4901C17.6627 14.6068 17.9427 15.0851 17.826 15.5518C17.7327 15.9485 17.3827 16.2051 16.986 16.2051Z"
                                        fill="white" />
                                </svg>
                            </span>
                            Mock Tests
                        </a> --}}
        {{-- Hide on temporary basis --}}
        {{-- <a class="single-content test-links" onclick="openTab(event, 'video')">
                            <span class="content-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
                                    <path opacity="0.4" d="M25.6673 9.11159V18.8883C25.6673 23.1349 23.1357 25.6666 18.889 25.6666H9.11232C4.86565 25.6666 2.33398 23.1349 2.33398 18.8883V9.11159C2.33398 8.51659 2.38065 7.94492 2.48565 7.41992C3.08065 4.21159 5.44898 2.34492 9.06565 2.33325H18.9357C22.5523 2.34492 24.9207 4.21159 25.5157 7.41992C25.6207 7.94492 25.6673 8.51659 25.6673 9.11159Z" fill="#066AC9"/>
                                    <path d="M25.6673 9.11159V9.16992H2.33398V9.11159C2.33398 8.51659 2.38065 7.94492 2.48565 7.41992H9.06565V2.33325H10.8157V7.41992H17.1857V2.33325H18.9357V7.41992H25.5157C25.6207 7.94492 25.6673 8.51659 25.6673 9.11159Z" fill="#066AC9"/>
                                    <path d="M16.8466 14.8399L14.42 13.4399C13.5216 12.9266 12.6583 12.8566 11.9816 13.2416C11.305 13.6266 10.9316 14.4199 10.9316 15.4466V18.2466C10.9316 19.2732 11.305 20.0666 11.9816 20.4516C12.2733 20.6149 12.6 20.6966 12.9383 20.6966C13.405 20.6966 13.9066 20.5449 14.42 20.2532L16.8466 18.8532C17.745 18.3399 18.235 17.6166 18.235 16.8349C18.235 16.0532 17.7333 15.3649 16.8466 14.8399Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            Video Lessons
                        </a> --}}
        {{-- <a class="single-content test-links" onclick="openTab(event, 'quiz')">
                            <span class="content-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"
                                    viewBox="0 0 28 28" fill="none">
                                    <path opacity="0.4"
                                        d="M19.7392 25.6666C16.4725 25.6666 13.8125 23.0183 13.8125 19.7399C13.8125 16.4733 16.4608 13.8132 19.7392 13.8132C23.0058 13.8132 25.6658 16.4616 25.6658 19.7399C25.6658 23.0183 23.0175 25.6666 19.7392 25.6666Z"
                                        fill="#066AC9" />
                                    <path opacity="0.4"
                                        d="M5.85732 2.33325H10.4307C12.8457 2.33325 14.0123 3.49991 13.954 5.85657V10.4299C14.0123 12.8449 12.8457 14.0116 10.4307 13.9532H5.85732C3.50066 13.9999 2.33398 12.8332 2.33398 10.4182V5.84493C2.33398 3.49993 3.50066 2.33325 5.85732 2.33325Z"
                                        fill="#066AC9" />
                                    <path
                                        d="M10.512 9.63673C10.1503 9.63673 9.81196 9.49673 9.49696 9.26339C9.78863 8.79673 9.99863 8.27173 10.1036 7.70006H10.5003C10.9786 7.70006 11.3753 7.3034 11.3753 6.82506C11.3753 6.34673 10.9786 5.95006 10.5003 5.95006H9.34529C9.33362 5.95006 9.32197 5.95006 9.32197 5.95006H9.29863H8.9953C8.94864 5.50673 8.58696 5.15674 8.13196 5.15674C7.67696 5.15674 7.31529 5.50673 7.26862 5.95006H5.76363C5.2853 5.95006 4.88863 6.34673 4.88863 6.82506C4.88863 7.3034 5.2853 7.70006 5.76363 7.70006H8.2953C7.9453 8.82006 6.94195 9.63673 5.75195 9.63673C5.27362 9.63673 4.87695 10.0334 4.87695 10.5117C4.87695 10.9901 5.27362 11.3867 5.75195 11.3867C6.69695 11.3867 7.57196 11.0717 8.2953 10.5467C8.93696 11.0834 9.70696 11.3867 10.5003 11.3867C10.9786 11.3867 11.3753 10.9901 11.3753 10.5117C11.3753 10.0334 10.9903 9.63673 10.512 9.63673Z"
                                        fill="#066AC9" />
                                    <path
                                        d="M10.5007 26.5417C5.51898 26.5417 1.45898 22.4817 1.45898 17.5C1.45898 17.0217 1.85565 16.625 2.33398 16.625C2.81232 16.625 3.20898 17.0217 3.20898 17.5C3.20898 20.9533 5.61232 23.8467 8.84399 24.605L8.52898 24.08C8.28398 23.66 8.41233 23.1233 8.83233 22.8783C9.24066 22.6333 9.78899 22.7617 10.034 23.1817L11.259 25.2233C11.4223 25.4917 11.4223 25.83 11.2707 26.0983C11.1073 26.3667 10.8157 26.5417 10.5007 26.5417Z"
                                        fill="#066AC9" />
                                    <path
                                        d="M25.6681 11.3749C25.1898 11.3749 24.7931 10.9783 24.7931 10.4999C24.7931 7.04659 22.3898 4.15326 19.1581 3.39492L19.4731 3.9199C19.7181 4.3399 19.5898 4.8766 19.1698 5.1216C18.7615 5.3666 18.2131 5.23826 17.9681 4.81826L16.7431 2.77659C16.5798 2.50826 16.5798 2.16992 16.7315 1.90159C16.8831 1.62159 17.1748 1.45825 17.4898 1.45825C22.4715 1.45825 26.5315 5.51825 26.5315 10.4999C26.5431 10.9783 26.1465 11.3749 25.6681 11.3749Z"
                                        fill="#066AC9" />
                                    <path
                                        d="M23.0178 21.385L20.5211 16.4033C20.3695 16.1116 20.0661 15.9133 19.7395 15.9133C19.4128 15.9133 19.1095 16.1 18.9578 16.3916L16.4611 21.3733C16.2395 21.805 16.4145 22.33 16.8578 22.5516C16.9861 22.61 17.1145 22.645 17.2428 22.645C17.5578 22.645 17.8728 22.47 18.0245 22.1666L18.2228 21.77H21.2445L21.4428 22.1666C21.6645 22.5983 22.1895 22.7733 22.6211 22.5633C23.0645 22.3416 23.2395 21.8166 23.0178 21.385ZM19.1095 20.02L19.7511 18.7483L20.3928 20.02H19.1095Z"
                                        fill="#066AC9" />
                                </svg>
                            </span>
                            Practice Quiz
                        </a>

                    </div>
                    <div class="right-content ">
                        <div class="test-section tabcontent" id="test">
                            <div class="top-right-card">
                                <div class="left-card">
                                    <p class="left-card-title"><span class="course-name">ielts</span>Get FREE IELTS
                                        Test
                                        Series for each section</p>
                                    <div class="left-card-highlight">
                                        <p class="single-highlight">
                                            <span class="highlight-svg">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none">
                                                    <path
                                                        d="M16.34 2C19.73 2 22 4.38 22 7.92V16.091C22 19.62 19.73 22 16.34 22H7.67C4.28 22 2 19.62 2 16.091V7.92C2 4.38 4.28 2 7.67 2H16.34ZM16.18 9C15.84 8.66 15.28 8.66 14.94 9L10.81 13.13L9.06 11.38C8.72 11.04 8.16 11.04 7.82 11.38C7.48 11.72 7.48 12.27 7.82 12.62L10.2 14.99C10.37 15.16 10.59 15.24 10.81 15.24C11.04 15.24 11.26 15.16 11.43 14.99L16.18 10.24C16.52 9.9 16.52 9.35 16.18 9Z"
                                                        fill="#058E6E" />
                                                </svg>
                                            </span>
                                            Designed by Experts
                                        </p>
                                        <p class="single-highlight">
                                            <span class="highlight-svg">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none">
                                                    <path
                                                        d="M16.34 2C19.73 2 22 4.38 22 7.92V16.091C22 19.62 19.73 22 16.34 22H7.67C4.28 22 2 19.62 2 16.091V7.92C2 4.38 4.28 2 7.67 2H16.34ZM16.18 9C15.84 8.66 15.28 8.66 14.94 9L10.81 13.13L9.06 11.38C8.72 11.04 8.16 11.04 7.82 11.38C7.48 11.72 7.48 12.27 7.82 12.62L10.2 14.99C10.37 15.16 10.59 15.24 10.81 15.24C11.04 15.24 11.26 15.16 11.43 14.99L16.18 10.24C16.52 9.9 16.52 9.35 16.18 9Z"
                                                        fill="#058E6E" />
                                                </svg>
                                            </span>
                                            Based on Latest Syllabus & Exam Pattern
                                        </p>
                                        <p class="single-highlight">
                                            <span class="highlight-svg">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none">
                                                    <path
                                                        d="M16.34 2C19.73 2 22 4.38 22 7.92V16.091C22 19.62 19.73 22 16.34 22H7.67C4.28 22 2 19.62 2 16.091V7.92C2 4.38 4.28 2 7.67 2H16.34ZM16.18 9C15.84 8.66 15.28 8.66 14.94 9L10.81 13.13L9.06 11.38C8.72 11.04 8.16 11.04 7.82 11.38C7.48 11.72 7.48 12.27 7.82 12.62L10.2 14.99C10.37 15.16 10.59 15.24 10.81 15.24C11.04 15.24 11.26 15.16 11.43 14.99L16.18 10.24C16.52 9.9 16.52 9.35 16.18 9Z"
                                                        fill="#058E6E" />
                                                </svg>
                                            </span>
                                            Full Length & Subject-Wise Mock Tests
                                        </p>
                                        <p class="single-highlight">
                                            <span class="highlight-svg">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                    viewBox="0 0 24 24" fill="none">
                                                    <path
                                                        d="M16.34 2C19.73 2 22 4.38 22 7.92V16.091C22 19.62 19.73 22 16.34 22H7.67C4.28 22 2 19.62 2 16.091V7.92C2 4.38 4.28 2 7.67 2H16.34ZM16.18 9C15.84 8.66 15.28 8.66 14.94 9L10.81 13.13L9.06 11.38C8.72 11.04 8.16 11.04 7.82 11.38C7.48 11.72 7.48 12.27 7.82 12.62L10.2 14.99C10.37 15.16 10.59 15.24 10.81 15.24C11.04 15.24 11.26 15.16 11.43 14.99L16.18 10.24C16.52 9.9 16.52 9.35 16.18 9Z"
                                                        fill="#058E6E" />
                                                </svg>
                                            </span>
                                            Detailed Solutions with Analysis
                                        </p>
                                    </div>
                                </div>
                                <div class="right-card">
                                    <h3 class="right-card-title">Get Full Test Series with mock tests.</h3>
                                    <a href="javascript:;" class="download-pdf-btn" download>download pdf
                                        <span class="download-svg">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                viewBox="0 0 21 20" fill="none">
                                                <path d="M7.56836 9.16675V14.1667L9.23503 12.5001" stroke="white"
                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M7.56901 14.1667L5.90234 12.5" stroke="white" stroke-width="1.5"
                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341V12.5001C18.401 16.6667 16.7344 18.3334 12.5677 18.3334H7.56771C3.40104 18.3334 1.73438 16.6667 1.73438 12.5001V7.50008C1.73438 3.33341 3.40104 1.66675 7.56771 1.66675H11.7344"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341H15.0677C12.5677 8.33341 11.7344 7.50008 11.7344 5.00008V1.66675L18.401 8.33341Z"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="top-bottom-card">
                                <div class="single-card">
                                    <h3 class="card-title">IELTS Test Series</h3>
                                    <p class="card-desc">Questions <span class="desc-count">100</span></p>
                                    <p class="card-desc">Time <span class="desc-count">60 Mins</span></p>
                                    <a href="javascript:;" class="download-pdf-btn" download>download pdf
                                        <span class="download-svg">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                viewBox="0 0 21 20" fill="none">
                                                <path d="M7.56836 9.16675V14.1667L9.23503 12.5001" stroke="white"
                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M7.56901 14.1667L5.90234 12.5" stroke="white" stroke-width="1.5"
                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341V12.5001C18.401 16.6667 16.7344 18.3334 12.5677 18.3334H7.56771C3.40104 18.3334 1.73438 16.6667 1.73438 12.5001V7.50008C1.73438 3.33341 3.40104 1.66675 7.56771 1.66675H11.7344"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341H15.0677C12.5677 8.33341 11.7344 7.50008 11.7344 5.00008V1.66675L18.401 8.33341Z"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                                <div class="single-card">
                                    <h3 class="card-title">IELTS Test Series</h3>
                                    <p class="card-desc">Questions <span class="desc-count">100</span></p>
                                    <p class="card-desc">Time <span class="desc-count">60 Mins</span></p>
                                    <a href="javascript:;" class="download-pdf-btn" download>download pdf
                                        <span class="download-svg">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                viewBox="0 0 21 20" fill="none">
                                                <path d="M7.56836 9.16675V14.1667L9.23503 12.5001" stroke="white"
                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M7.56901 14.1667L5.90234 12.5" stroke="white" stroke-width="1.5"
                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341V12.5001C18.401 16.6667 16.7344 18.3334 12.5677 18.3334H7.56771C3.40104 18.3334 1.73438 16.6667 1.73438 12.5001V7.50008C1.73438 3.33341 3.40104 1.66675 7.56771 1.66675H11.7344"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341H15.0677C12.5677 8.33341 11.7344 7.50008 11.7344 5.00008V1.66675L18.401 8.33341Z"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                                <div class="single-card">
                                    <h3 class="card-title">IELTS Test Series</h3>
                                    <p class="card-desc">Questions <span class="desc-count">100</span></p>
                                    <p class="card-desc">Time <span class="desc-count">60 Mins</span></p>
                                    <a href="javascript:;" class="download-pdf-btn" download>download pdf
                                        <span class="download-svg">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                viewBox="0 0 21 20" fill="none">
                                                <path d="M7.56836 9.16675V14.1667L9.23503 12.5001" stroke="white"
                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M7.56901 14.1667L5.90234 12.5" stroke="white" stroke-width="1.5"
                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341V12.5001C18.401 16.6667 16.7344 18.3334 12.5677 18.3334H7.56771C3.40104 18.3334 1.73438 16.6667 1.73438 12.5001V7.50008C1.73438 3.33341 3.40104 1.66675 7.56771 1.66675H11.7344"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341H15.0677C12.5677 8.33341 11.7344 7.50008 11.7344 5.00008V1.66675L18.401 8.33341Z"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                                <div class="single-card">
                                    <h3 class="card-title">IELTS Test Series</h3>
                                    <p class="card-desc">Questions <span class="desc-count">100</span></p>
                                    <p class="card-desc">Time <span class="desc-count">60 Mins</span></p>
                                    <a href="javascript:;" class="download-pdf-btn" download>download pdf
                                        <span class="download-svg">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                viewBox="0 0 21 20" fill="none">
                                                <path d="M7.56836 9.16675V14.1667L9.23503 12.5001" stroke="white"
                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M7.56901 14.1667L5.90234 12.5" stroke="white" stroke-width="1.5"
                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341V12.5001C18.401 16.6667 16.7344 18.3334 12.5677 18.3334H7.56771C3.40104 18.3334 1.73438 16.6667 1.73438 12.5001V7.50008C1.73438 3.33341 3.40104 1.66675 7.56771 1.66675H11.7344"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path
                                                    d="M18.401 8.33341H15.0677C12.5677 8.33341 11.7344 7.50008 11.7344 5.00008V1.66675L18.401 8.33341Z"
                                                    stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div> --}}
        {{-- Hide on temporary basis as video is not available --}}
        {{-- <div class="video-section tabcontent" id="video">
                            <div class="video-card">
                                <div class="single-video">
                                    <div class="videoThumbnail" data-key="1">
                                        <img width="100%" height="100%" data-src="{{ asset('frontend') }}/assets-mobile/images/Test-Prep/video-thumbnial.png" alt="ArushJain">
                                        <a href="javascript:;" class="card-img-overlay videoimg1" id="play-video1" aria-label="play"> <!-- Unique ID -->
                                            <i class="fas fa-play"></i>
                                        </a>
                                    </div>
                                    <div class="videoDiv1 video-absolute" style="visibility:hidden;">
                                        <video data-key="1" id="vid1" class="video-element"
                                            data-src="{{ asset('frontend') }}/assets-desktop/images/jaipur-city.m4v"></video>
                                    </div>
                                    <p class="video-desc">Complete IELTS walkthrough. Guide to score your dream bands</p>
                                </div>
                                <div class="single-video">
                                    <div class="videoThumbnail" data-key="2">
                                        <img width="100%" height="100%" data-src="{{ asset('frontend') }}/assets-mobile/images/Test-Prep/video-thumbnial.png"
                                            alt="MananVyasthumb" >
                                        <a href="javascript:;" class="card-img-overlay videoimg2" id="play-video2" aria-label="play">
                                            <i class="fas fa-play"></i>
                                        </a>
            
                                    </div>
                                    <div class="videoDiv2 video-absolute" style="visibility:hidden;">
                                        <video data-key="2" id="vid2" class="video-element" data-src="{{ asset('frontend') }}/assets-desktop/images/jaipur-city.m4v">
                                        </video>
                                    </div>
                                    <p class="video-desc">Complete IELTS walkthrough. Guide to score your dream bands</p>
                                </div>
                                
                            </div>
                        </div> --}}
        {{-- <div class="quiz-section tabcontent" id="quiz">
                            <form class="lead_form"> --}}
        {{-- progress bar --}}
        {{-- <fieldset class="showLead">
                                    <div class="form-que-card">
                                        <h3 class="course-head heading4">Which course are you interested in?</h3>
                                        <div class="radio-btn-div d-flex justify-content-center">
                                            <input type="radio" id="toefl" name="level" value="toefl"
                                                checked="">
                                            <label for="toefl" class="course-label">
                                                <h4 class="course-title heading5">TOEFL</h4>
                                            </label>
                                            <input type="radio" id="ielts" name="level" value="ielts">
                                            <label for="ielts" class="course-label">
                                                <h4 class="course-title heading5">IELTS</h4>
                                            </label>
                                            <input type="radio" id="pte" name="level" value="pte">
                                            <label for="pte" class="course-label">
                                                <h4 class="course-title heading5">PTE</h4>
                                            </label>
                                            <input type="radio" id="gre" name="level" value="gre">
                                            <label for="gre" class="course-label">
                                                <h4 class="course-title heading5">GRE</h4>
                                            </label>
                                            <input type="radio" id="act" name="level" value="act">
                                            <label for="act" class="course-label">
                                                <h4 class="course-title heading5">ACT</h4>
                                            </label>
                                            <input type="radio" id="sat" name="level" value="sat">
                                            <label for="sat" class="course-label">
                                                <h4 class="course-title heading5">SAT</h4>
                                            </label>
                                            <input type="radio" id="duolingo" name="level" value="duolingo">
                                            <label for="duolingo" class="course-label">
                                                <h4 class="course-title heading5">DUOLINGO</h4>
                                            </label>
                                            <input type="radio" id="gmat" name="level" value="gmat">
                                            <label for="gmat" class="course-label">
                                                <h4 class="course-title heading5">GMAT</h4>
                                            </label>
                                        </div>
                                    </div>
                                    <button type="button" name="next" class="next-btn next">Save &amp; Go Next <i
                                            class="fa fa-arrow-right"></i></button>
                                </fieldset>
                                <fieldset>
                                    <div class="form-que-card">
                                        <h3 class="course-head heading4">Please enter your 12th score</h3>
                                        <div class="radio-btn-div d-flex justify-content-center input-field">
                                            <input class="input-holder" type="number" placeholder="Enter Marks">
                                        </div>
                                    </div>
                                    <button type="button" name="previous" class="prev-btn previous">Previous</button>
                                    <button type="button" name="next" class="next-btn next">Save &amp; Go Next <i
                                            class="fa fa-arrow-right"></i></button>
                                </fieldset>
                                <fieldset>
                                    <div class="form-que-card">
                                        <h3 class="course-head heading4">Share your 12th English score</h3>
                                        <div class="radio-btn-div d-flex justify-content-center input-field">
                                            <input class="input-holder" type="number" placeholder="Enter Marks">
                                        </div>
                                    </div>
                                    <button type="button" name="previous" class="prev-btn previous">Previous</button>
                                    <button type="button" name="next" class="next-btn next submit-button">Save &
                                        Go
                                        Next<i class="fa fa-arrow-right"></i></button>
                                </fieldset>
                                <fieldset>
                                    <div class="form-que-card">
                                        <h3 class="course-head heading4">How much did you score in UG? <span
                                                class="optional">(Optional)</span>
                                        </h3>
                                        <div class="radio-btn-div d-flex justify-content-center input-field">
                                            <input class="input-holder" type="number" placeholder="Enter Marks">
                                        </div>
                                    </div>
                                    <button type="button" name="previous" class="prev-btn previous">Previous</button>
                                    <button type="button" name="next" class="next-btn next submit-button">Predict
                                        Score</button>
                                </fieldset>
                                <fieldset>
                                    <div class="form-que-card">
                                        <h3 class="course-head heading4">Your estimated scores are</h3>
                                        <div class="score-card">
                                            <div class="single-score-card">
                                                <h4 class="course-title heading5">IELTS</h4>
                                                <p class="score-count">7 - 8</p>
                                            </div>
                                            <div class="single-score-card">
                                                <h4 class="course-title heading5">TOEFL</h4>
                                                <p class="score-count">94 - 114</p>
                                            </div>
                                            <div class="single-score-card">
                                                <h4 class="course-title heading5">PTE</h4>
                                                <p class="score-count">65 - 82</p>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="submit" name="next" class="next-btn submit-button"><a
                                            href="Javascript:;" class="free-guidance">Get FREE Guidance</a></button>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section> --}}

        {{-- Experienced Instructor --}}
        <section class="instructor-section">
            <div class="container">
                <h2 class="instructor-heading heading2">Explore Experienced Instructors
                    {{-- <span class="instructor-svg">
                <svg xmlns="http://www.w3.org/2000/svg" width="178" height="9" viewBox="0 0 178 9" fill="none">
                    <path d="M1 7.51639C49.5338 -0.572602 116.717 -1.24673 177.834 7.51639" stroke="#066AC9" stroke-width="2.24694"/>
                </svg>
            </span> --}}
                </h2>
                <div class="instructor-card">
                    <div class="single-card">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/instructor1.png"
                            alt="instructor-image" class="instructor-image">
                        <div class="instructor-overlay">
                            <p class="instructor-name">Rashmi Devnani</p>
                            <p class="instructor-qualification">IELTS, German, TOEFL, PTE

                            </p>
                            <p class="instructor-exp">5+ Years Experience</p>
                        </div>
                    </div>
                    <div class="single-card">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/instructor2.png"
                            alt="instructor-image" class="instructor-image">
                        <div class="instructor-overlay">
                            <p class="instructor-name">Ajay Sharma</p>
                            <p class="instructor-qualification">IELTS, German, TOEFL, PTE

                            </p>
                            <p class="instructor-exp">8+ Years Experience</p>
                        </div>
                    </div>
                    <div class="single-card">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/instructor3.png"
                            alt="instructor-image" class="instructor-image">
                        <div class="instructor-overlay">
                            <p class="instructor-name">Rohit Mukherjee</p>
                            <p class="instructor-qualification">IELTS, German, TOEFL, PTE

                            </p>
                            <p class="instructor-exp">20+ Years Experience</p>
                        </div>
                    </div>
                    <div class="single-card">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/instructor4.png"
                            alt="instructor-image" class="instructor-image">
                        <div class="instructor-overlay">
                            <p class="instructor-name">Shikhar Mathur</p>
                            <p class="instructor-qualification">IELTS, German, TOEFL, PTE

                            </p>
                            <p class="instructor-exp">7+ Years Experience</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Real Review Section -->
        @if ($reviews && !@$reviews->isEmpty())
            <section class="review-section">
                <h2 class="review-title heading2">What Students Say About Our
                    {{ str_word_count(str_replace('-', ' ', $examName)) == 1 ? ucfirst(mb_strtoupper($examName)) : ucwords(str_replace('-', ' ', mb_strtolower($examName))) }}
                    Classes?</h2>
                <div class="real-review-slider">
                    @foreach ($reviews as $key => $review)
                        <div class="review-card">
                            <h3 class="comment-card">{!! @$review->comments !!}</h3>
                            <div class="user d-flex">
                                <img class="user-img" width="100%" height="100%"
                                    data-src="{{ @$review->images_url }}" alt="Review">
                                <div class="user-name">
                                    <h4 class="heading5 ielts-score">{{ @$review->name }}</h4>
                                    <p class="user-title ielts-holder">{{ @$review->address }}</p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    {{-- <div class="review-card">
                 <h3 class="comment-card">My friends were really amazed by my scores on IELTS. I got the best
                     mentors at
                     Gradding to support my side.</h3>
                 <div class="user d-flex">
                     <img class="user-img" width="100%" height="100%"
                         data-src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/review-slider-img.png"
                         alt="Review">
                     <div class="user-name">
                         <h4 class="heading5 ielts-score">IELTS Band 8.0</h4>
                         <p class="user-title ielts-holder">Shivani Singh</p>
                     </div>
                 </div>
             </div> --}}
                    {{-- <div class="review-card">
                 <h3 class="comment-card">I increased my reading speed by 50% and information retention by 60% in
                     just 1
                     week of taking IELTS classes. You guys are doing a great job!</h3>
                 <div class="user d-flex">
                     <img class="user-img" width="100%" height="100%"
                         data-src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/review-slider-img.png"
                         alt="Review">
                     <div class="user-name">
                         <h4 class="heading5 ielts-score">IELTS Band 8.0</h4>
                         <p class="user-title ielts-holder">Tamannah Tak</p>
                     </div>
                 </div>
             </div>
             <div class="review-card">
                 <h3 class="comment-card">After my classes with Gradding, my listening skills and focus during the
                     same
                     got developed really well. They have the best mock tests for this.</h3>
                 <div class="user d-flex">
                     <img class="user-img" width="100%" height="100%"
                         data-src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/review-slider-img.png"
                         alt="Review">
                     <div class="user-name">
                         <h4 class="heading5 ielts-score">IELTS Band 8.0</h4>
                         <p class="user-title ielts-holder">Shahrukh Shah</p>
                     </div>
                 </div>
             </div>
             <div class="review-card">
                 <h3 class="comment-card">Gradding has the best mentors for IELTS. Their experience reflects their
                     professionalism in the subject.</h3>
                 <div class="user d-flex">
                     <img class="user-img" width="100%" height="100%"
                         data-src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/review-slider-img.png"
                         alt="Review">
                     <div class="user-name">
                         <h4 class="heading5 ielts-score">IELTS Band 8.0</h4>
                         <p class="user-title ielts-holder">Pratiksha Patel</p>
                     </div>
                 </div>
             </div>
             <div class="review-card">
                 <h3 class="comment-card">I improved my IELTS score within 15 days because of the help of Gradding.
                     Thanks a ton for all your support.</h3>
                 <div class="user d-flex">
                     <img class="user-img" width="100%" height="100%"
                         data-src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/review-slider-img.png"
                         alt="Review">
                     <div class="user-name">
                         <h4 class="heading5 ielts-score">IELTS Band 8.0</h4>
                         <p class="user-title ielts-holder">Yash Jaiswal</p>
                     </div>
                 </div>
             </div>
             <div class="review-card">
                 <h3 class="comment-card">My writing skills improved drastically in the first couple of classes.
                     This is
                     when I realised I made the right decision to trust Gradding.</h3>
                 <div class="user d-flex">
                     <img class="user-img" width="100%" height="100%"
                         data-src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/review-slider-img.png"
                         alt="Review">
                     <div class="user-name">
                         <h4 class="heading5 ielts-score">IELTS Band 8.0</h4>
                         <p class="user-title ielts-holder">Deeksha Tilak</p>
                     </div>
                 </div>
             </div>
             <div class="review-card">
                 <h3 class="comment-card">Thanks to you guys for making my dream come true and scoring the best
                     bands in
                     IELTS. You are the best!</h3>
                 <div class="user d-flex">
                     <img class="user-img" width="100%" height="100%"
                         data-src="{{ asset('frontend') }}/assets-desktop/images/Test-Prep/review-slider-img.png"
                         alt="Review">
                     <div class="user-name">
                         <h4 class="heading5 ielts-score">IELTS Band 8.0</h4>
                         <p class="user-title ielts-holder">Harsh Gupta</p>
                     </div>
                 </div>
             </div> --}}
                </div>
            </section>
        @endif

        {{-- Blog Section --}}
        @if (!@$blogs->isEmpty())
            <section class="blog-section">
                <h2 class="heading2">IELTS Preparation Tips</h2>
                <div class="d-flex align-items-center justify-content-center read-more-btn">
                    <p>Want to read more?</p>
                    <a href="{{ url('/blog') }}" class="Explore-Blogs-btn">Explore Blogs<i
                            class="fa fa-chevron-right"></i></a>
                </div>
                <div class="blog-div">
                    @foreach ($blogs as $blog)
                        <a href="{{ url('/blog') . '/' . @$blog->category->url . '/' . @$blog->url }}" class="blog">
                            <img width="100%" height="100%" title="{{ $blog->imageTitle }}"
                                alt="{{ $blog->imageAltText }}" src="/{{ $blog->image }}">
                            <div class="blog-title">
                                <span class="blog-cat">{{ @$blog->category->name }}</span>
                                <h3 class="heading5">{{ $blog->header_title }}</h3>
                                <span class="blog-cat">{{ $blog->created_at->format('d F Y') }}</span>
                            </div>
                        </a>
                    @endforeach
                    {{-- <a href="javascript:;" class="blog">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-desktop/images/blog1.png"
                        alt="">
                    <div class="blog-title">
                        <span class="blog-cat">FINANCE</span>
                        <h3 class="heading5">1.What Is the Cost of Living in UK? Know from Expert</h3>
                        <span class="blog-cat">10 July 2023</span>
                    </div>
                </a>
                <a href="javascript:;" class="blog">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-desktop/images/blog1.png"
                        alt="">
                    <div class="blog-title">
                        <span class="blog-cat">FINANCE</span>
                        <h3 class="heading5">1.What Is the Cost of Living in UK? Know from Expert</h3>
                        <span class="blog-cat">10 July 2023</span>
                    </div>
                </a>
                <a href="javascript:;" class="blog">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-desktop/images/blog1.png"
                        alt="">
                    <div class="blog-title">
                        <span class="blog-cat">FINANCE</span>
                        <h3 class="heading5">1.What Is the Cost of Living in UK? Know from Expert</h3>
                        <span class="blog-cat">10 July 2023</span>
                    </div>
                </a>
                <a href="javascript:;" class="blog">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-desktop/images/blog1.png"
                        alt="">
                    <div class="blog-title">
                        <span class="blog-cat">FINANCE</span>
                        <h3 class="heading5">1.What Is the Cost of Living in UK? Know from Expert</h3>
                        <span class="blog-cat">10 July 2023</span>
                    </div>
                </a> --}}
                </div>
            </section>
        @endif
        {{-- Faq section --}}
        @if ($faqs && !@$faqs->isEmpty())
            <section class="faq-section">
                <div class="container">
                    <h2 class="heading2">Frequently Asked Questions</h2>
                    <div class="accordion">
                        @foreach ($faqs as $key => $faq)
                            <div class="accordion-item">
                                <button aria-expanded="false">
                                    <span class="accordion-title">{{ @$faq->question }}</span>
                                    <span class="icon" aria-hidden="true"></span>
                                </button>
                                <div class="accordion-content">
                                    <p>
                                        {!! @$faq->answer !!}
                                    </p>
                                </div>
                            </div>
                        @endforeach
                        {{-- <div class="accordion-item">
                        <button id="accordion-button-2" aria-expanded="false">
                            <span class="accordion-title">Why is the sky blue?</span>
                            <span class="icon" aria-hidden="true"></span>
                        </button>
                        <div class="accordion-content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                                Ut tortor pretium viverra suspendisse potenti.
                            </p>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <button id="accordion-button-3" aria-expanded="false">
                            <span class="accordion-title">Will we ever discover aliens?</span>
                            <span class="icon" aria-hidden="true"></span>
                        </button>
                        <div class="accordion-content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                                Ut tortor pretium viverra suspendisse potenti.
                            </p>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <button id="accordion-button-4" aria-expanded="false">
                            <span class="accordion-title">How much does the Earth weigh?</span>
                            <span class="icon" aria-hidden="true"></span>
                        </button>
                        <div class="accordion-content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                                Ut tortor pretium viverra suspendisse potenti.
                            </p>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <button id="accordion-button-5" aria-expanded="false">
                            <span class="accordion-title">How do airplanes stay up?</span>
                            <span class="icon" aria-hidden="true"></span>
                        </button>
                        <div class="accordion-content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                                Ut tortor pretium viverra suspendisse potenti.
                            </p>
                        </div>
                    </div> --}}
                    </div>
                </div>
            </section>
        @endif
        {{-- quick links --}}
        <section class="quick-link">
            <div class="container">
                <h3 class="heading3">Quick Links</h3>
                <div class="links">
                    @php
                        @$links = json_decode(@$pages->quick_links);
                    @endphp
                    @if (!empty(@$links))
                        @foreach (@$links as $link)
                            <a class="link-tab" href="{{ @$link->link_url }}">{{ @$link->link_name }}</a>
                        @endforeach
                    @else
                        <a class="link-tab" href="/study-in-uk/universities">UK Top Universities</a>
                        <a class="link-tab" href="/study-in-usa/universities">US Top Universities</a>
                        <a class="link-tab" href="/test-preparation">Test-Prep</a>
                    @endif
                </div>
                <div class="content-container-div">

                    <div class="content-container">
                        @if (!empty(@$pages->links_desc))
                            {!! @$pages->links_desc !!}
                        @else
                            <p>Students who are all ready to start the IELTS preparation course should pay the fees,
                                complete the registration process and get in touch with Gradding experts for the best
                                assistance. The experts come with years of experience and expertise in this field that helps
                                them aid individual students with utmost dedication.
                                Gradding offers three different packages with different IELTS coaching classes and duration
                                to match students' requirements and their level of course complexity. You can choose one at
                                your convenience and complete it within the duration for guaranteed scores on the IELTS
                                test. So, get in touch with our experts for the best help.
                            </p>
                        @endif
                    </div>
                    <a href="javascript:;" class="toggle-button">Read More</a>
                </div>

            </div>
        </section>
        {{-- Nearest Popup --}}
        <div id="nearest-store" class="nearest-store model" style="display:none;">
            <div class="model-content">
                <button type="button" class="close-button" data-close="model" aria-label="Close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none">
                        <path d="M18 6L6 18" stroke="#1C1D22" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M6 6L18 18" stroke="#1C1D22" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </button>
                <div class="popup-body">
                    <lottie-player class="popup-img" src="{{ asset('frontend') }}/assets-desktop/js/location.json"
                        background="transparent" speed="1" width="100%" hight="100%" loop=""
                        autoplay=""></lottie-player>
                    <p class="head testclasss">Find Our Nearest Centre to your city</p>
                    <div class="login-section">
                        <form id="city-finder">
                            <div class="state-city-dropdown">
                                <div class="single-input country-input">
                                    <select class="select-drop states-list" name="state">
                                        <option>Select State</option>
                                        <option>Select State</option>
                                        <option>Select State</option>
                                        <option>Select State</option>
                                        <option>Select State</option>
                                    </select>
                                </div>
                                <div class="single-input country-input">
                                    <select class="select-drop cities-list" name="city">
                                        <option>Select City</option>
                                        <option>Select State First</option>
                                    </select>
                                </div>
                            </div>
                            <div class="single-input country-input">
                                <select class="select-drop country-select" name="country_code">
                                    <option value="">IN(+91)</option>
                                    <option value="">IN(+91)</option>
                                    <option value="">IN(+91)</option>
                                    <option value="">IN(+91)</option>
                                    <option value="">IN(+91)</option>
                                </select>
                                <input class="input-field phone-validate" type="tel"
                                    placeholder="Enter Your Mobile Number" name="phone">
                            </div>
                            <div class="single-input">
                                <input type="text" class="input-field" placeholder="Full Name" name="name">
                            </div>
                            <button class="form-btn submit-button" type="submit">Find Now</button>
                        </form>
                    </div>
                    <!--hide when screen-2 is visible-->

                </div>
                <div class="popup-body screen-2" style="display: none">
                    <div class="">
                        <div class="coming-soon-strip">
                            <p class="pop-head">Coming Soon in <span class="selectedCity">....</span></p>
                            <p class="popup-desc">We are opening our center in <span class="selectedCity">....</span> very
                                soon! Till then visit our <span class="nearestCity">....</span> center.</p>
                        </div>
                        <a href="Javascript:;" class="form-btn comming-soon-cta" type="submit">Visit <span
                                class="nearestCity"></span> Center</a>
                    </div>
                    <!--hide when screen-2 is visible-->

                </div>
            </div>
        </div>
    </main>
@endsection

@section('css')
    <link rel="stylesheet" href="{{ asset('frontend') }}/assets-desktop/css/exam-detail.css?v={{ env('ASSETS_VERSION') }}">
    {{-- <link rel="stylesheet" href="{{ asset('frontend') }}/assets-desktop/css/city.css?v={{ env('ASSETS_VERSION') }}"> --}}
    <style>
        #map {
            height: 34.375rem;
            width: 100%;
            background-color: grey;
        }
    </style>
@endsection

@section('script')
    <script async
        defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCnGlEFNczAvOzn4tEGyDd7z4WMEa00thU&callback=initMap">
    </script>
    <script>
        // Student Review SLIDER
        $('.real-review-slider').slick({
            autoplay: true,
            autoplaySpeed: 1500,
            variableWidth: true,
            infinite: true,
            centerMode: true,
            centerPadding: '3.75rem',
            slidesToShow: 3,
            arrows: false,
            responsive: [{
                    breakpoint: 768,
                    settings: {
                        arrows: false,
                        centerMode: true,
                        centerPadding: '2.5rem',
                        slidesToShow: 3
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        arrows: false,
                        centerMode: true,
                        centerPadding: '2.5rem',
                        slidesToShow: 1
                    }
                }
            ]
        });

        // Blog Slider 
        $('.blog-div').slick({
            variableWidth: true,
            slidesToShow: 3,
            slidesToScroll: 3,
            arrows: true,
            prevArrow: '<div class="slick-prev-custom"><button><i class="fas fa-arrow-left"></i>Prev</button></div>',
            nextArrow: '<div class="slick-next-custom"><button>Next<i class="fas fa-arrow-right"></i></button></div>',
            responsive: [{
                    breakpoint: 768,
                    settings: {
                        arrows: false,
                        centerMode: true,
                        centerPadding: '2.5rem',
                        slidesToShow: 3
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        arrows: false,
                        centerMode: true,
                        centerPadding: '2.5rem',
                        slidesToShow: 1
                    }
                }
            ]
        });
        // <!-- FAQ  -->
        var acc = document.getElementsByClassName("accordion");
        var i;

        for (i = 0; i < acc.length; i++) {
            acc[i].addEventListener("click", function() {
                this.classList.toggle("active");
                var panel = this.nextElementSibling;
                if (panel.style.maxHeight) {
                    panel.style.maxHeight = null;
                } else {
                    panel.style.maxHeight = panel.scrollHeight + "px";
                }
            });
        }
        // Show popup
        // function showPopup(id) {
        //     $("#" + id).show();
        //     $("#" + id).find(".model-content").show();
        //     $("#" + id).find(".close, .close-button").click(function() {
        //         $("#" + id).hide();
        //         $("#" + id).find(".model-content").show();
        //     });
        // }
        // Tab section
        // showMedia('about');

        // Show Video Quiz Test on tba change
        function openTab(evt, cityName) {
            var i, tabcontent, test_links;
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }
            test_links = document.getElementsByClassName("test-links");
            for (i = 0; i < test_links.length; i++) {
                test_links[i].className = test_links[i].className.replace(" active", "");
            }
            document.getElementById(cityName).style.display = "block";
            if (evt.constructor === PointerEvent) {
                evt.currentTarget.className += " active";
            }
            // evt.currentTarget.className += " active";

        }
        // Hide show offline & online classes
        function toggleCard() {
            var card1 = document.querySelector('.card-content.card1');
            var card2 = document.querySelector('.card-content.card2');
            var toggleIcon = document.querySelector('.toggle-icon');
            if (card1.classList.contains('active')) {
                card1.classList.remove('active');
                card2.classList.add('active');
                if (toggleIcon.classList.contains('active')) {
                    toggleIcon.classList.remove('active');
                } else {
                    toggleIcon.classList.add('active');
                }
            } else {
                card1.classList.add('active');
                card2.classList.remove('active');
                if (toggleIcon.classList.contains('active')) {
                    toggleIcon.classList.remove('active');
                } else {
                    toggleIcon.classList.add('active');
                }
            }
        }
        // lead form previous next div
        var current_fs, next_fs, previous_fs; //fieldsets
        $(".next").on('click', function() {
            current_fs = $(this).parent();
            next_fs = $(this).parent().next(); //Add Class Active
            $("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
                "active"); //show the next fieldset
            next_fs.show(); //hide the current fieldset with style
            current_fs.animate({
                opacity: 0
            }, {
                step: function step(now) {
                    // for making fielset appear animation
                    opacity = 1 - now;
                    current_fs.css({
                        'display': 'none',
                        'position': 'relative'
                    });
                    next_fs.css({
                        'opacity': opacity
                    });
                },
                duration: 500
            });
            // setProgressBar(++current);
        });
        $(".previous").on('click', function() {

            current_fs = $(this).parent();
            previous_fs = $(this).parent().prev(); //Remove class active
            previous_fs.show(); //hide the current fieldset with style
            $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");

            current_fs.animate({
                opacity: 0
            }, {
                step: function step(now) {
                    // for making fielset appear animation
                    opacity = 1 - now;
                    current_fs.css({
                        'display': 'none',
                        'position': 'relative'
                    });
                    previous_fs.css({
                        'opacity': opacity
                    });
                },
                duration: 500
            });
        });
        // showing the popup button to contact number present on banner section
        document.getElementById('contactInput').addEventListener('input', function() {
            if (this.value.length >= 9) {
                document.querySelector('.submitButton').style.display = 'block';
            } else {
                document.querySelector('.submitButton').style.display = 'none';
            }
        });
        document.querySelector('.submitButton').addEventListener('click', function() {
            // Add your functionality here, such as opening a popup or redirecting to a link
        });
    </script>
    <script>
        // lead form previous next div
        //    var current_fs, next_fs, previous_fs; //fieldsets
        //     $(document).on('click', ".next", function() {
        //         current_fs = $(this).parent();
        //         next_fs = $(this).parent().next(); //Add Class Active
        //         $("#progressbar li").eq($("fieldset").index(next_fs)).addClass(
        //             "active"); //show the next fieldset
        //         next_fs.show(); //hide the current fieldset with style
        //         current_fs.animate({
        //             opacity: 0
        //         }, {
        //             step: function step(now) {
        //                 // for making fielset appear animation
        //                 opacity = 1 - now;
        //                 current_fs.css({
        //                     'display': 'none',
        //                     'position': 'relative'
        //                 });
        //                 next_fs.css({
        //                     'opacity': opacity
        //                 });
        //             },
        //             duration: 500
        //         });
        //         // setProgressBar(++current);
        //     });
        //     $(".previous").on('click', function() {

        //         current_fs = $(this).parent();
        //         previous_fs = $(this).parent().prev(); //Remove class active
        //         previous_fs.show(); //hide the current fieldset with style
        //         $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");

        //         current_fs.animate({
        //             opacity: 0
        //         }, {
        //             step: function step(now) {
        //                 // for making fielset appear animation
        //                 opacity = 1 - now;
        //                 current_fs.css({
        //                     'display': 'none',
        //                     'position': 'relative'
        //                 });
        //                 previous_fs.css({
        //                     'opacity': opacity
        //                 });
        //             },
        //             duration: 500
        //         });
        //     });

        var currentVideo = null;

        // Function to hide the video and show the thumbnail
        function hideVideoAndShowThumbnail(vKey) {
            var videoDiv = $(".videoDiv" + vKey);
            var video = videoDiv.find("video").get(0);
            var thumbnail = $(".videoThumbnail[data-key='" + vKey + "']");

            video.pause();
            videoDiv.invisible();
            thumbnail.visible();
        }

        $(document).ready(function() {
            let sectionName = localStorage.getItem('explore-btn');
            if (sectionName != null && sectionName != undefined && sectionName == 1) {
                var triggerScroll = $('.scrollToCourses').offset().top;
                var triggerScroll = triggerScroll - 250;
                $('html, body').animate({
                    scrollTop: triggerScroll
                }, 1000);
                localStorage.removeItem('explore-btn');
            }

            let studentsData = $('#studentsData').val();
            if (studentsData != null && studentsData != undefined && studentsData != '') {
                $('.trained-student').empty().append(`${studentsData}+ Students Trained`);
            }
        });

        $(".videoThumbnail").click(function() {
            var vKey = $(this).data("key");
            var videoDiv = $(".videoDiv" + vKey);
            var video = videoDiv.find("video").get(0);

            if (currentVideo && currentVideo !== video) {
                hideVideoAndShowThumbnail(currentVideo.getAttribute("data-key"));
            }

            $(this).invisible();
            videoDiv.visible();
            video.play();
            currentVideo = video;

            // Prevent click event propagation to parent elements
            video.addEventListener("click", function(event) {
                event.stopPropagation();
            });

            video.addEventListener("timeupdate", function() {
                var currentTime = video.currentTime;
                // Update your custom timeline here if needed
            });
        });

        $("video").on("pause", function() {
            var video = $(this).get(0);
            var vKey = video.getAttribute("data-key");

            hideVideoAndShowThumbnail(vKey);
        });
        $("video").on("click", function() {
            var vKey = $(this).data("key");
            var video = $(".videoDiv" + vKey + " video").get(0);
            video.pause();
        });

        // Users can still use the video controls to play and pause

        $(document).one('mousemove', function() {
            $('#vid1').prop('poster', `{{ asset('frontend') }}/assets-desktop/images/Spinner-video.gif`);
            $('#vid2').prop('poster', `{{ asset('frontend') }}/assets-desktop/images/Spinner-video.gif`);
            $('#vid3').prop('poster', `{{ asset('frontend') }}/assets-desktop/images/Spinner-video.gif`);
            $('#vid4').prop('poster', `{{ asset('frontend') }}/assets-desktop/images/Spinner-video.gif`);
        });
    </script>
    <script>
        $('.exam-links').on('click', function() {
            let path = window.location.pathname;
            let index = path.indexOf('/test-preparation/') + '/test-preparation/'.length;
            let examName = path.substring(index);
            let courseDetail = $(this).data('value');
            let examParts = examName.split('/');
            let desiredExam = examParts[0];
            if (courseDetail != 'coaching') {
                localStorage.setItem("aboutCourse", courseDetail);
                window.location.href =
                    '{{ route('website.test-preparation.examCategories', ['exam' => ':examName']) }}'.replace(
                        ':examName', desiredExam)
            }
        });
        
        $(document).on('click', '#sendRegister', function () {    
            let path = window.location.pathname;
            let index = path.indexOf('/test-preparation/') + '/test-preparation/'.length;
            let examName = path.substring(index);
            let examParts = examName.split('/');
            let desiredExam = examParts[0];
            let examType = $('#examType input[type="radio"]:checked').val();

            if(desiredExam == 'spanish-language'){
                desiredExam = 'Spanish';
            }else if(desiredExam == 'german-language'){
                desiredExam = 'German';
            }
            else if(desiredExam == 'french-language'){
                desiredExam = 'French';
            }
            else{
                desiredExam = desiredExam.toUpperCase()
            }

            link = `{{route('website.test-preparation.register')}}?e=${desiredExam}&t=${examType}`;
            window.location.href = link;
        });

        $(document).on('click', '#course-lead-form', function() {
            let formData = new FormData();
            let examTypeQuestion = $('#examTypeQuestion').text();
            let examType = $('#examType input[type="radio"]:checked').val();
            let pursuingTypeQuestion = $('#pursuingTypeQuestion').text();
            let pursuingType = $('#pursuingType input[type="radio"]:checked').val();
            let durationTypeQuestion = $('#durationTypeQuestion').text();
            let durationType = $('#durationType input[type="radio"]:checked').val();
            let _token = $('meta[name="csrf-token"]').attr('content');

            if (examType != undefined && pursuingType != undefined && durationType != undefined) {
                formData.append("_token", _token);
                formData.append('examType', examTypeQuestion + ' : ' + examType);
                formData.append('pursuingType', pursuingTypeQuestion + ' : ' + pursuingType);
                formData.append('durationType', durationTypeQuestion + ' : ' + durationType);
            }
            authCheck = $('#authCheck').val();
            if (authCheck == 1) {
                $.ajax({
                    type: 'POST',
                    url: '{{ route('website.test-preparation.addNotes') }}',
                    data: formData,
                    cache: false,
                    processData: false,
                    contentType: false,
                    success: (res) => {
                        $('#thankpopup').show()
                        $('#testPrepLeadForm').find(".form-fieldset").hide();
                        $('#testPrepField').show();
                        $('#testPrepField').css('opacity', '1');
                        $('#progressbar').empty().append(`
                            <li class="active"></li>
                            <li class=""></li>
                            <li class=""></li>
                        `)
                    }
                });
            } else {
                let leadFormData = {
                    examType: examTypeQuestion + ' : ' + examType,
                    pursuingType: pursuingTypeQuestion + ' : ' + pursuingType,
                    durationType: durationTypeQuestion + ' : ' + durationType
                };


                let leadFormDataJSON = JSON.stringify(leadFormData);
                localStorage.setItem('leadFormData', leadFormDataJSON);

                showPopup('login');
            }
        });

        $(document).on('click', '.all-review-btn', function() {
            let section = $('.review-section');
            if (section) {
                section.get(0).scrollIntoView({
                    behavior: 'smooth',
                    inline: 'start'
                });
            }
        });

        // Nearest store popup
        var ajaxCallMade = false;

        function showPopup(id) {
            $("#" + id).show();
            $("body").css({
                "overflow": "hidden"
            });
            $("#" + id).css({
                "overflow": "hidden"
            });
            $("#" + id).find(".close, .close-button").click(function() {
                $("#" + id).hide();
                $("body").css({
                    "overflow": ""
                });
                // $("#"+id).css({"overflow":""});
            });

            if (id == 'nearest-store' && !ajaxCallMade) {
                //Get States
                $.ajax({
                    type: 'POST',
                    url: '{{ route('website.indianStates') }}',
                    data: {
                        country: null,
                    },
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(res) {
                        if (res.status) {
                            var stateDropdown = $('.states-list');

                            // Clear existing options
                            stateDropdown.empty();

                            // Append new options based on the received states data
                            $.each(res.states, function(index, state) {
                                stateDropdown.append($('<option>', {
                                    value: state.id,
                                    text: state.name
                                }));
                            });
                            stateDropdown.prepend($('<option>', {
                                value: '',
                                text: 'Select State',
                                disabled: true,
                                selected: true // Optional: pre-select this option if needed
                            }));

                            // Apply niceSelect() after updating options
                            // if (stateDropdown.length) {
                            //     stateDropdown.niceSelect('update');
                            // }
                        }
                    },
                    complete: function() {
                        ajaxCallMade = true; // Set the flag to true after the AJAX call is complete
                    }
                });
            }

        }


        $('.states-list').on('change', function() {
            getCitiesbyStates();
        });

        function getCitiesbyStates() {
            var state_id = $('.states-list').val();

            $.ajax({
                type: 'POST',
                url: '/get-city-by-state',
                data: {
                    state: state_id,
                },
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(res) {
                    if (res.status) {
                        var cityDropdown = $('.cities-list');

                        // Clear existing options
                        cityDropdown.empty();

                        // Append new options based on the received states data
                        $.each(res.cities, function(index, city) {
                            cityDropdown.append($('<option>', {
                                value: city.id,
                                text: city.name
                            }));
                        });

                        cityDropdown.prepend($('<option>', {
                            value: '',
                            text: 'Select City',
                            disabled: true,
                            selected: true // Optional: pre-select this option if needed
                        }));

                        // Apply niceSelect() after updating options
                        if (cityDropdown.length) {
                            cityDropdown.niceSelect('update');
                        }
                    }
                }
            });
        }

        $(document).on('click', '.explore-btn', function() {
            var triggerScroll = $('.scrollToCourses').offset().top;
            var triggerScroll = triggerScroll - 250;
            $('html, body').animate({
                scrollTop: triggerScroll
            }, 1000);
        })

        // Nearest City Finder Form
        $("#city-finder").on('submit', function(e) {
            e.preventDefault();
            formData = new FormData($(this)[0]);
            var _token = $('meta[name="csrf-token"]').attr('content');
            formData.append("_token", _token);
            formData.append("url", location.pathname);
            formData.append("source", 'City Finder');
            var country = $('.country-select').val();
            country = country.split('@#$?');
            country_code = country[1];
            country = country[0];

            var city_name = $('.cities-list option:selected').text();

            formData.append('country', country);
            formData.append('country_code', country_code);
            formData.append('city_name', city_name);

            if (ValidateForm($(this))) {
                $('.submit-button').prop("disabled", true);
                $('.submit-button').text('Please Wait...');
                $('.loader').show();
                $.ajax({
                    type: 'POST',
                    url: '{{ route('website.test-preparation.cityFinder') }}',
                    data: formData,
                    cache: false,
                    processData: false,
                    contentType: false,
                    success: (res) => {
                        if (res.status) {
                            $(':input', '#city-finder')
                                .not(':button, :submit, :reset, :hidden, #date')
                                .val('');
                            $('.loader').hide();
                            $('.submit-button').text('Find Now');
                            $('.submit-button').prop("disabled", false);
                            if (res.nearestCity != res.selectedCity) {
                                $('.popup-body').hide();
                                $('.screen-2').show();
                                $('.nearestCity').text(res.nearestCity);
                                $('.selectedCity').text(res.selectedCity);
                                $('.comming-soon-cta').attr('href',
                                    '{{ route('website.consultancyCity', ['country' => 'in', 'city' => ':city']) }}'
                                    .replace(':city', res.nearestCity.toLowerCase()));
                            } else {
                                window.location.href =
                                    '{{ route('website.consultancyCity', ['country' => 'in', 'city' => ':city']) }}'
                                    .replace(':city', res.nearestCity.toLowerCase());
                            }
                        }
                    }
                });
            }
        });
    </script>
@if ($faqs && !@$faqs->isEmpty())
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            @foreach($faqs as $key => $faq)
                {    
                    "@type": "Question",                
                    "name": "{{ htmlspecialchars($faq->question) }}",
                    "acceptedAnswer": { 
                        "@type": "Answer", 
                        "text": "{{ strip_tags($faq->answer) }}" 
                    }
                }{{ $loop->last ? '' : ',' }}
            @endforeach
        ]
    }
</script>
@endif
@endsection