@extends('student-panel.layouts.pre_ielts')
@section('title')
    Study Plans Page - Gradding
@endsection
@section('main')
@php
    $features1 = json_decode(@$plans[0]->features);
    $features2 = json_decode(@$plans[1]->features);
@endphp
    <main>
        <section class="container">
            <div class="banner-content">
                <h2>Get 8+ Bands In <span class="red">IELTS </span>With Our Expert Trainers</h2>
                {{-- <p>We will take care of your complete study abroad journey from starting till you get admission in the
                    university.</p> --}}
                <ul>
                    <li><img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/right-tick.svg"
                            alt="">Classes and tests like exact LIVE IELTS Environment</li>
                    <li><img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/right-tick.svg"
                            alt="">Curriculum designed by experts with more than 15+ Years of Experience</li>
                </ul>
            </div>
            
            <div class="offering-slider">
                <div class="single-offer">
                    <h3 class="offer-cat">CRASH COURSE</h3>
                    {{-- <p class="offer-desc">
                        Best choice for last minute revision, IELTS test advice and strategies
                    </p> --}}
                    <p class="offer-discount">50% off</p>
                    <p class="offer-amount">
                        ₹{{ @$plans[0]->offer_price }}/-
                        <span class="less-amount">
                            ₹{{ @$plans[0]->price }}/-
                        </span>
                    </p>
                    <div class="offer-list">
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            3 Weeks Course Duration
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            8 Mock Tests
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            20 Practice Tests
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            1 Personality Development Sessions
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                           30+ Hours Live Sessions
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            2 Vocabulary Building Sessions
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            4 All Sections Masterclasses
                        </p>
                        
                    </div>
                    {{-- <a href="/test-preparation/ielts/packages/lite" class="view-detail">View Details</a> --}}
                    
                    <a href="{{ route('dashboard.dashboard') }}" onclick="takePayment('{{ @$plans[0]->id }}' ,this); event.preventDefault();" class="book-seat-btn">Buy Now</a>

                </div>
                <div class="single-offer recommended-col">
                    <h3 class="offer-cat">ADVANCED</h3>
                    {{-- <p class="offer-desc">
                        Best choice for last minute revision, IELTS test advice and strategies
                    </p> --}}
                    <p class="offer-discount">50% off</p>
                    <p class="offer-amount">
                        ₹{{ @$plans[1]->offer_price }}/-
                        <span class="less-amount">
                            ₹{{ @$plans[1]->price }}/-
                        </span>
                    </p>
                    <div class="offer-list">
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            4 Weeks Course Duration
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            15 Mock Tests
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            30 Practice Tests
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            4 Personality Development Sessions
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                           45+ Hours Live Sessions
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            5 Vocabulary Building Sessions
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            8 All Sections Masterclasses
                        </p>
                        
                    </div>
                    {{-- <a href="/test-preparation/ielts/packages/lite" class="view-detail">View Details</a> --}}
                    <a href="{{ route('dashboard.dashboard') }}" onclick="takePayment('{{ @$plans[1]->id }}', this); event.preventDefault();" class="book-seat-btn">Buy Now</a>
    
                </div>
                <div class="single-offer">
                    <h3 class="offer-cat">FOUNDATION TO EXPERT
                        {{-- <img src="{{ asset('frontend') }}/assets-desktop/images/pro-plan-bedge.png" alt=""> --}}
                    </h3>
                    {{-- <p class="offer-desc">
                        Best choice for last minute revision, IELTS test advice and strategies
                    </p> --}}
                    <p class="offer-discount">50% off</p>
                    <p class="offer-amount">
                        ₹{{ @$plans[2]->offer_price }}/-
                        <span class="less-amount">
                            ₹{{ @$plans[2]->price }}/-
                        </span>
                    </p>
                    <div class="offer-list">
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            8 Weeks Course Duration
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            30 Mock Tests
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            60 Practice Tests
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            8 Personality Development Sessions
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                           90+ Hours Live Sessions
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                            10 Vocabulary Building Sessions
                        </p>
                        <p class="single-list">
                            <span class="list-svg">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                    <path d="M8.84821 0.935791C4.21713 0.935791 0.462891 4.69003 0.462891 9.32111C0.462891 13.9522 4.21713 17.7064 8.84821 17.7064C13.4793 17.7064 17.2335 13.9522 17.2335 9.32111C17.2281 4.69226 13.4771 0.941182 8.84821 0.935791Z" fill="#066AC9" fill-opacity="0.103693"/>
                                    <path d="M13.2767 6.33486L8.49355 13.2173C8.37948 13.3778 8.20938 13.4829 8.02147 13.5091C7.83357 13.5353 7.64361 13.4803 7.4943 13.3566L4.07868 10.461C3.77727 10.2053 3.72847 9.7389 3.96967 9.41931C4.21087 9.09973 4.65074 9.04798 4.95215 9.30373L7.80036 11.7199L12.1516 5.45835C12.2943 5.23133 12.5431 5.10581 12.7993 5.13163C13.0554 5.15746 13.2775 5.33045 13.3772 5.58192C13.477 5.83339 13.4384 6.12265 13.2767 6.33486Z" fill="#066AC9"/>
                                </svg>
                            </span>
                        12 All Sections Masterclasses
                        </p>
                        
                    </div>
                    {{-- <a href="/test-preparation/ielts/packages/lite" class="view-detail">View Details</a> --}}
                    <a href="{{ route('dashboard.dashboard') }}" onclick="takePayment('{{ @$plans[2]->id }}' ,this); event.preventDefault();" class="book-seat-btn">Buy Now</a>
    
                </div>
                    
            </div>
            <div class="certi-stripe-div">
                <span class="certi-head">
                    <svg width="35" height="41" viewBox="0 0 35 41" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9041 0.917969C21.5144 4.71347 26.5812 6.5121 30.9322 6.08687C31.691 22.4929 26.0188 32.1813 15.9633 36.2239C6.25219 32.4399 0.510011 23.1681 0.935158 5.8369C6.0423 6.12422 11.0499 4.94333 15.9041 0.917969Z" fill="#51B53C"></path>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9078 2.94238C20.8723 6.30404 25.3606 7.89292 29.2084 7.51653C29.8811 22.0377 24.8574 30.6142 15.9589 34.1943C7.36446 30.8441 2.28153 22.6382 2.65825 7.29816C7.1788 7.55101 11.6132 6.50803 15.9078 2.94238Z" fill="#F7FFF5"></path>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0468 6.53027C19.8731 9.11903 23.3281 10.343 26.2934 10.0557C26.81 21.244 22.9433 27.8495 16.0844 30.6077C16.0414 30.5905 15.9983 30.5733 15.9553 30.556C15.9122 30.5733 15.8692 30.5905 15.8261 30.6077C8.96996 27.8495 5.10059 21.244 5.61722 10.0557C8.58249 10.3459 12.0402 9.11903 15.8638 6.53027L15.9526 6.6021L16.0468 6.53027Z" fill="#51B53C"></path>
                        <path d="M10.4491 17.6615L12.4591 17.6328L12.6098 17.673C13.0161 17.923 13.3982 18.2074 13.7561 18.5321C14.0144 18.7648 14.2592 19.0177 14.4933 19.2935C15.2145 18.0552 15.984 16.9145 16.7967 15.8686C17.6873 14.7222 18.2443 14.093 19.2345 13.142L19.431 13.0615H21.6267L21.1827 13.5844C19.8238 15.1963 18.9735 16.4548 17.8595 18.173C16.7428 19.8969 15.7472 21.6725 14.8593 23.4999L14.5821 24.0688L14.3292 23.4884C13.861 22.4167 13.3013 21.434 12.634 20.5548C11.9667 19.6756 11.189 18.8941 10.2822 18.2304L10.4491 17.6615Z" fill="#F7FFF5"></path>
                    </svg>
                    <p class="certi-stripe-p">
                        {{-- India’s Study Abroad Plaform Certified by --}}
                        India’s <span class="p-span-blue"> Most Trusted </span> <span class="p-span-red">IELTS</span> Prep Platform
                    </p>
                </span>
                <hr />
                <p class="cert-by-p">Certified by</p>
                <span class="certi-stripe-span">
                    <img class="span-img" src="http://127.0.0.1:8000/frontend/assets-desktop/images/start-journey/British_Council.png" alt="caa-image" width="75px" height="24px">  
                    <img class="span-img" src="http://127.0.0.1:8000/frontend/assets-desktop/images/start-journey/icef.png" alt="caa-image" width="57px" height="20px">                        
                    <img class="span-img" src="http://127.0.0.1:8000/frontend/assets-desktop/images/start-journey/ciac.png" alt="caa-image" width="44px" height="29px">                      
                    <img class="span-img" src="http://127.0.0.1:8000/frontend/assets-desktop/images/start-journey/cca.png" alt="caa-image" width="32px" height="32px">                        
                </span>
            </div>
        </section>
        <!-- Real Review Section -->
        <section class="real-review">
            <h2 class="align-center real-review-heading">Real Reviews <span>From Real Students</span></h2>
            <div class="real-review-slider">
                <div class="review-card">
                    <div class="review-content">
                        <h6 class="comment-card">The experts here are well-equipped with the latest updates regarding visa policy in the country. They helped me at each step and guided me to complete the entire documentation to get a visa without any rejection.</h6>
                    </div>
                    <div class="user d-flex">
                        <img src="{{ asset('backend') }}/image/default-user-review.png"
                            alt="reviewer-image" width="100%" height="100%">
                        <div class="user-name">
                            <h6>Riya Patel</h6>
                            <p>Mumbai,Maharashtra</p>
                        </div>
                    </div>
                </div>
                <div class="review-card">
                    <div class="review-content">
                        <h6 class="comment-card">Gradding.com is a friend who is always ready to support. The counsellors helped me to choose the appropriate course by listing all the pros and cons to make it easy to choose one.</h6>
                    </div>
                    <div class="user d-flex">
                        <img src="{{ asset('backend') }}/image/default-user-review.png"
                            alt="reviewer-image" width="100%" height="100%">
                        <div class="user-name">
                            <h6>Arjun Verma</h6>
                            <p>Delhi</p>
                        </div>
                    </div>
                </div>
                <div class="review-card">
                    <div class="review-content">
                        <h6 class="comment-card">My application was rejected 2 times due to inaccurate documents, and I started believing my studying abroad dream would be shattered. But, then Gradding.com became my angel and guided me on the correct path.</h6>
                    </div>
                    <div class="user d-flex">
                        <img src="{{ asset('backend') }}/image/default-user-review.png"
                            alt="reviewer-image" width="100%" height="100%">
                        <div class="user-name">
                            <h6>Nisha Kapoor</h6>
                            <p>Bangalore,Karnataka</p>
                        </div>
                    </div>
                </div>
                <div class="review-card">
                    <div class="review-content">
                        <h6 class="comment-card">The entire team at Gradding.com is very patient in resolving queries. They explained everything in detail about why and how they were planning to get my documents approved in the first trial.</h6>
                    </div>
                    <div class="user d-flex">
                        <img src="{{ asset('backend') }}/image/default-user-review.png"
                            alt="reviewer-image" width="100%" height="100%">
                        <div class="user-name">
                            <h6>Rohan Gupta</h6>
                            <p>Kolkata,West Bengal</p>
                        </div>
                    </div>
                </div>
                <div class="review-card">
                    <div class="review-content">
                        <h6 class="comment-card">Gradding.com has the most user-friendly interface that is easy to work with and explore things. Their detailed description of each institute helped me choose my perfect match.</h6>
                    </div>
                    <div class="user d-flex">
                        <img src="{{ asset('backend') }}/image/default-user-review.png"
                            alt="reviewer-image" width="100%" height="100%">
                        <div class="user-name">
                            <h6>Pooja Desai</h6>
                            <p>Ahmedabad,Gujarat</p>
                        </div>
                    </div>
                </div>
                <div class="review-card">
                    <div class="review-content">
                        <h6 class="comment-card">The experts at Gradding.com will not leave you until you get settled in a foreign land. They will help you to find affordable accommodation and help you with the loans too.</h6>
                    </div>
                    <div class="user d-flex">
                        <img src="{{ asset('backend') }}/image/default-user-review.png"
                            alt="reviewer-image" width="100%" height="100%">
                        <div class="user-name">
                            <h6>Siddharth Kumar</h6>
                            <p>Chennai,Tamil Nadu</p>
                        </div>
                    </div>
                </div>
                {{-- <div class="review-card">
                    <div class="review-content">
                        <h6 class="comment-card">Aliquet ridiculus mi porta habitant vulputate rhoncus, mattis amet
                            enim. Sit purus venenatis velit semper lectus sed ornare quam nulla. Lacus, ut congue
                            sagittis vel nisi integer imperdiet a vitae.</h6>
                    </div>
                    <div class="user d-flex">
                        <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/user.png"
                            alt="reviewer-image" width="100%" height="100%">
                        <div class="user-name">
                            <h6>Hellena John</h6>
                            <p>Co-founder</p>
                        </div>
                    </div>
                </div> --}}
            </div>
        </section>
        <section class="faq-section">
            <div class="container">
            <h2>Frequently Asked Questions</h2>
            <div class="accordion">
                <div class="accordion-item">
                    <button  aria-expanded="false">
                        <span class="accordion-title">1. What Is Gradding.com?</span>
                        <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                        <p>
                            Gradding.com is a trusted study abroad platform that helps students explore international education opportunities, offering a wide range of resources and support to facilitate their journey.
                        </p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button  aria-expanded="false">
                        <span class="accordion-title">2. What Are the Services You Provide?</span>
                        <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                        <p>

                            We have designed our services to help students fulfill their study abroad dreams and have a
                            hassle-free experience. Some of the features that makes us the best study abroad platform
                            are:
                            <br>
                        </p>
                        <ul>
                            <li>Customised study Plans</li>
                            <li>University &amp; course selection</li>
                            <li>Exceptional counselling for free</li>
                            <li>Application preparation support</li>
                            <li>Visa guidance and assistance</li>
                            <li>Accommodation support</li>
                            <li>Post-services expert guidance</li>
                        </ul>
                        <p></p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button  aria-expanded="false">
                        <span class="accordion-title">3.
                            Do You Provide Free Guidance and Counseling?
                        </span>
                        <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                        <p>

                            Yes, we provide free guidance and counseling services to help students make informed
                            decisions, offering expert advice and support to address their queries and concerns.

                        </p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button class="accordion_btn" id="accordion-button-4" aria-expanded="false">
                        <span class="accordion-title">4.
                            What Kind of Assistance Do You Provide During the Application Process?
                        </span>
                        <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                        <p>

                            Gradding is here to guide you through the entire application process. Our team of experts
                            can assist you with filling out applications, preparing necessary documents, and providing
                            valuable insights and tips to enhance your chances of success.

                        </p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button class="accordion_btn" id="accordion-button-5" aria-expanded="false">
                        <span class="accordion-title">5.
                            If I want to Study Abroad, How Can Gradding Help Me?
                        </span>
                        <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                        <p>

                            If you want to study abroad, Gradding can be your trusted companion. We offer personalized
                            assistance tailored to your needs, helping you choose the right university, navigate the
                            application process, and ensure a smooth transition to your desired study destination.

                        </p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button class="accordion_btn" id="accordion-button-6" aria-expanded="false">
                        <span class="accordion-title">6.
                            Can I Work Part-Time While Studying Abroad?
                        </span>
                        <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                        <p>

                            Work opportunities for international students differ by country and program. Some countries
                            allow part-time work during the study period, and some do not. Their guidelines and
                            restrictions vary. Gradding can provide information and guidance to work part-time while
                            studying in abroad.

                        </p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button class="accordion_btn" id="accordion-button-7" aria-expanded="false">
                        <span class="accordion-title">7.
                            What Makes Gradding Different from Other Study Abroad Platforms?
                        </span>
                        <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                        <p>

                            We assure you that we will fulfill your dreams. Gradding ensures you receive complete
                            support before, during, and after your admission to abroad universities. Experts guide you
                            throughout the study abroad process, from program selection to visa applications. Gradding
                            ensures tailored assistance and resources to make your study abroad dreams come true.

                        </p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button class="accordion_btn" id="accordion-button-8" aria-expanded="false">
                        <span class="accordion-title">8.
                            Does Gradding Offer Scholarships or Financial Aid for Studying Abroad?
                        </span>
                        <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                        <p>

                            Gradding guides students to aim for the most suitable scholarship and financial aid for
                            their study abroad plan. We do not provide direct scholarships but can assist you a big deal
                            in finding external funding sources. This is to support your dream of an international
                            education.

                        </p>
                    </div>
                </div>
            </div>
        </section>
    </main>
    @include('website.desktop.pages.payment.paymentButton')
@endsection
@section('css')
    <link rel="stylesheet" href="{{ asset('frontend') }}/assets-mobile/css/studyPlansNew.css?v={{ env('ASSETS_VERSION') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
        integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link defer rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"
        integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx.5remJ6z57x0dw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"
        integrity="sha512-6lLUdeQ5uheMFbWm3CP271l14RsX1xtx+J5x2yeIDkkiBpeVTNhTqijME7GgRKKi6hCqovwCoBTlRBEC20M8Mg=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
@endsection
@section('script')
    {{-- <script src="https://code.jquery.com/jquery-3.7.0.min.js"
        integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"
        integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script> --}}
    <script src="{{ asset('frontend') }}/assets-desktop/js/jquery-3.7.0.min.js?v={{env('ASSETS_VERSION')}}"></script>
    <script src="{{ asset('frontend') }}/assets-desktop/js/slick-carousel-1.8.1-slick.min.js?v={{env('ASSETS_VERSION')}}"></script>
    <script>
        $(document).ready(function() {

            $('ul.tabs li').click(function() {
                var tab_id = $(this).attr('data-tab');

                $('ul.tabs li').removeClass('current');
                $('.tab-content').removeClass('current');

                $(this).addClass('current');
                $("#" + tab_id).addClass('current');
            })

        });
    </script>
    <script>
                // / Accordion for FAQ
        const items = document.querySelectorAll(".accordion button");

        function toggleAccordion() {
        const itemToggle = this.getAttribute('aria-expanded');

        for (i = 0; i < items.length; i++) {
            items[i].setAttribute('aria-expanded', 'false');
        }

        if (itemToggle == 'false') {
            this.setAttribute('aria-expanded', 'true');
        }
        }

        items.forEach(item => item.addEventListener('click', toggleAccordion));
        $('.offering-slider').slick({
        variableWidth: true,
        infinite: true,
        centerMode: true,
        autoplay:true,
        autoplaySpeed: 1500,
        centerPadding: '40px',
        slidesToShow: 1,
        dots:true,
        arrows: false,
        responsive: [
            {
                breakpoint: 768,
                settings: {
                    arrows: false,
                    centerMode: true,
                    centerPadding: '40px',
                    slidesToShow: 4,
                    dots:false,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    arrows: false,
                    centerMode: true,
                    centerPadding: '40px',
                    slidesToShow: 1
                }
            }
        ]
    });
        $('.real-review-slider').slick({
            autoplay: true,
            autoplaySpeed: 1500,
            variableWidth: true,
            infinite: true,
            centerMode: true,
            centerPadding: '60px',
            slidesToShow: 3,
            arrows: false,
            responsive: [{
                    breakpoint: 768,
                    settings: {
                        arrows: false,
                        centerMode: true,
                        centerPadding: '40px',
                        slidesToShow: 3
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        arrows: false,
                        centerMode: true,
                        centerPadding: '40px',
                        slidesToShow: 1
                    }
                }
            ]
        });
    </script>
@endsection