@extends('student-panel.layouts.pre_ielts')
@section('title')
    Study Plans Page - Gradding
@endsection
@section('main')
    {{-- new study plan start --}}

    <section class="container">
        <div class="banner-content">
            {{-- <h2>Start Your <span>personalized</span> study abroad journey</h2> --}}
            <h2>Get 8+ Bands in <span>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=""> --}}
                    <span class="svg-span">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M10.5726 1.07496C9.66434 0.308348 8.33568 0.308349 7.42742 1.07496L6.60026 1.77312C6.21423 2.09894 5.73652 2.29683 5.23315 2.3394L4.15458 2.43061C2.97028 2.53077 2.03077 3.47028 1.93061 4.65458L1.8394 5.73315C1.79683 6.23652 1.59894 6.71423 1.27312 7.10027L0.574955 7.92742C-0.191652 8.83568 -0.191651 10.1643 0.574955 11.0726L1.27312 11.8997C1.59894 12.2858 1.79683 12.7635 1.8394 13.2669L1.93061 14.3455C2.03077 15.5298 2.97028 16.4693 4.15458 16.5694L5.23315 16.6606C5.73652 16.7032 6.21423 16.9011 6.60027 17.2269L7.42742 17.9251C8.33568 18.6916 9.66434 18.6916 10.5726 17.9251L11.3997 17.2269C11.7858 16.9011 12.2635 16.7032 12.7669 16.6606L13.8455 16.5694C15.0298 16.4693 15.9693 15.5298 16.0694 14.3455L16.1606 13.2669C16.2032 12.7635 16.4011 12.2858 16.7269 11.8997L17.4251 11.0726C18.1916 10.1643 18.1916 8.83568 17.4251 7.92742L16.7269 7.10026C16.4011 6.71423 16.2032 6.23652 16.1606 5.73315L16.0694 4.65458C15.9693 3.47028 15.0298 2.53077 13.8455 2.43061L12.7669 2.3394C12.2635 2.29683 11.7858 2.09894 11.3997 1.77312L10.5726 1.07496ZM13.4334 7.83776C13.8619 7.4093 13.8619 6.71463 13.4334 6.28617C13.0051 5.8577 12.3103 5.8577 11.8818 6.28617L7.78148 10.3866L6.11919 8.72427C5.69073 8.29579 4.99605 8.29579 4.5676 8.72427C4.13912 9.15273 4.13912 9.8474 4.5676 10.2759L7.00569 12.7139C7.43415 13.1424 8.12883 13.1424 8.55729 12.7139L13.4334 7.83776Z"
                                fill="#208A43" />
                        </svg>
                    </span>
                    Classes and tests like exact LIVE IELTS Environment
                    {{-- Streamlined coordination with university --}}
                </li>
                <li>
                    {{-- <img src="{{ asset('frontend') }}/assets-desktop/images/start-journey/right-tick.svg" alt=""> --}}
                    <span class="svg-span">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M10.5726 1.07496C9.66434 0.308348 8.33568 0.308349 7.42742 1.07496L6.60026 1.77312C6.21423 2.09894 5.73652 2.29683 5.23315 2.3394L4.15458 2.43061C2.97028 2.53077 2.03077 3.47028 1.93061 4.65458L1.8394 5.73315C1.79683 6.23652 1.59894 6.71423 1.27312 7.10027L0.574955 7.92742C-0.191652 8.83568 -0.191651 10.1643 0.574955 11.0726L1.27312 11.8997C1.59894 12.2858 1.79683 12.7635 1.8394 13.2669L1.93061 14.3455C2.03077 15.5298 2.97028 16.4693 4.15458 16.5694L5.23315 16.6606C5.73652 16.7032 6.21423 16.9011 6.60027 17.2269L7.42742 17.9251C8.33568 18.6916 9.66434 18.6916 10.5726 17.9251L11.3997 17.2269C11.7858 16.9011 12.2635 16.7032 12.7669 16.6606L13.8455 16.5694C15.0298 16.4693 15.9693 15.5298 16.0694 14.3455L16.1606 13.2669C16.2032 12.7635 16.4011 12.2858 16.7269 11.8997L17.4251 11.0726C18.1916 10.1643 18.1916 8.83568 17.4251 7.92742L16.7269 7.10026C16.4011 6.71423 16.2032 6.23652 16.1606 5.73315L16.0694 4.65458C15.9693 3.47028 15.0298 2.53077 13.8455 2.43061L12.7669 2.3394C12.2635 2.29683 11.7858 2.09894 11.3997 1.77312L10.5726 1.07496ZM13.4334 7.83776C13.8619 7.4093 13.8619 6.71463 13.4334 6.28617C13.0051 5.8577 12.3103 5.8577 11.8818 6.28617L7.78148 10.3866L6.11919 8.72427C5.69073 8.29579 4.99605 8.29579 4.5676 8.72427C4.13912 9.15273 4.13912 9.8474 4.5676 10.2759L7.00569 12.7139C7.43415 13.1424 8.12883 13.1424 8.55729 12.7139L13.4334 7.83776Z"
                                fill="#208A43" />
                        </svg>
                    </span>
                    Curriculum designed by experts with more than 15+ Years of Experience
                    {{-- Support for Visa, Accommodation and building valuable Networks --}}
                </li>
            </ul>
        </div>
        <div class="pricing-card-container">
            <div class="plan-features">
                <ul>
                    <li>
                        <h4 class="feature-heading">Choose Your Plan<span class="offer-bedge">50% Off</span></h4>
                        <p class="feature-p">Hurry Up! Limited Seats Available for this month</p>
                    </li>
                    <li>Course Duration</li>
                    <li>Mock Tests</li>
                    <li>Prectice Tests</li>
                    <li>Personality Development Sessions</li>
                    <li>Live Sessions</li>
                    <li>Vocabulary Building Sessions</li>
                    <li>All Sections Masterclasses</li>
                </ul>
            </div>
            <div class="plan-prices" data-motion-id="div 9">
                <div class="plan-types">LITE
                </div>
                <ul>
                    <li>
                        <span class="plan-types-new">Crash Course</span>
                        <span class="price">{{ @$plans[0]->offer_price }}/-<del>{{ @$plans[0]->price }}/-</del></span>
                        <a href="{{ route('dashboard.dashboard') }}" class="select-plan-btn" onclick="takePayment('{{ @$plans[0]->id }}' ,this); event.preventDefault();">Select Plan</a>
                    </li>
                    <li>3 Weeks</li>
                    <li>8</li>
                    <li>20</li>
                    <li>1</li>
                    <li>30+ Hours</li>
                    <li>2</li>
                    <li>4</li>
                </ul>
            </div>
            <div class="plan-prices recommended-col" data-motion-id="div 11">
                <div class="plan-types">Recommended
                </div>
                <ul class="recommended-ul">
                    <li class="first-cell">
                        <span class="plan-types-new">advanced</span>
                        <span class="price">{{ @$plans[1]->offer_price }}/-<del>{{ @$plans[1]->price }}/-</del></span>
                        <a href="{{ route('dashboard.dashboard') }}" class="select-plan-btn" onclick="takePayment('{{ @$plans[1]->id }}', this); event.preventDefault();">Select Plan</a>
                    </li>
                    <li>4 Weeks</li>
                    <li>15</li>
                    <li>30</li>
                    <li>4</li>
                    <li>45+ Hours</li>
                    <li>5</li>
                    <li>8</li>
                </ul>
            </div>
            <div class="plan-prices" data-motion-id="div 13">
                <div class="plan-types">PRO
                    <img src="{{ asset('frontend') }}/assets-desktop/images/pro-plan-bedge.png" alt="">
                </div>
                <ul>
                    <li>
                        <span class="plan-types-new">Foundation to Expert</span>
                        <span class="price">{{ @$plans[2]->offer_price }}/-<del>{{ @$plans[2]->price }}/-</del></span>
                        <a href="{{ route('dashboard.dashboard') }}" class="select-plan-btn" onclick="takePayment('{{ @$plans[2]->id }}' ,this); event.preventDefault();">Select Plan</a>
                    </li>
                    <li>8 Weeks</li>
                    <li>30</li>
                    <li>60</li>
                    <li>8</li>
                    <li>90+ Hours</li>
                    <li>10</li>
                    <li>12</li>
                </ul>
            </div>
        </div>
        {{-- <p class="plan-desclaimer">Our LITE pack is not refundable. Rest all packs are 100% refundable if the above mentioned conditions are not fulfilled. So do not worry about your money and start your abroad journey now! <a href="/terms-condition">Click here</a> to view all terms and conditions.</p> --}}

        <div class="certi-stripe-div">
            <p class="certi-stripe-p">
                <svg width="30" height="35" viewBox="0 0 30 35" 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>

                India’s&nbsp;<span class="certi-stripe-p-span">Most Trusted</span>&nbsp;Study Abroad Plaform Certified by
            </p>
            <span class="certi-stripe-span">
                <img class="span-img"
                    src="{{ asset('frontend') }}/assets-desktop/images/start-journey/British_Council.png" alt="caa-image"
                    width="81px" height="23px">
                <img class="span-img" src="{{ asset('frontend') }}/assets-desktop/images/start-journey/icef.png"
                    alt="caa-image" width="61px" height="20px">
                <img class="span-img" src="{{ asset('frontend') }}/assets-desktop/images/start-journey/ciac.png"
                    alt="caa-image" width="47px" height="31px">
                <img class="span-img" src="{{ asset('frontend') }}/assets-desktop/images/start-journey/cca.png"
                    alt="caa-image" width="35px" height="35px">

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

    {{-- new study plan end --}}
    <!-- 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>

    {{-- FAQ section start --}}

    <section class="faq-section">
        <div class="container">
            <h2 class="heading2">Frequently Asked Questions</h2>
            <div class="accordion">
                <div class="accordion-item">
                    <button class="accordion_btn" id="accordion-button-1" 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 class="accordion_btn" id="accordion-button-2" 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 class="accordion_btn" id="accordion-button-3" 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>
        </div>
    </section>

    {{-- FAQ section End --}}
    {{-- Loader after test submitted & move to the next page in between --}}
    <div class="generic-loader" style="display:none ">
        <div class="generic-body">
            <lottie-player class="popup-lottie" src="{{ asset('frontend') }}/assets-desktop/js/grad-loader.json"
                background="transparent" speed="3" width="100%" hight="100%" loop autoplay></lottie-player>
        </div>
    </div>
    @include('website.desktop.pages.payment.paymentButton')
    @include('website.desktop.partials.whatsapp-bottom')
@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>
        $('.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>


    <!-- FAQ  -->
    
    <script>
        document.addEventListener("DOMContentLoaded", function() {
       let accordionItems = document.querySelectorAll(".accordion-item");
   
       accordionItems.forEach(item => {
           let icon = item.querySelector(".accordion_btn");
           let content = item.querySelector(".accordion-content");
   
           content.style.maxHeight = "0";
   
           icon.addEventListener('click', () => {
               accordionItems.forEach(accItem => {
                   if (accItem !== item) {
                       accItem.querySelector('.accordion-content').style.maxHeight = "0";
                   }
               });
               if (content.style.maxHeight === "0px") {
                   content.style.maxHeight = content.scrollHeight + "px";
   
               } else {
                   content.style.maxHeight = "0";
   
               }
           });
       });
   });
   const accordion = document.querySelector('.accordion');

function toggleAccordion(event) {
    const button = event.target.closest('.accordion_btn');
    if (!button) return; 

    const itemToggle = button.getAttribute('aria-expanded');
   accordion.querySelectorAll('.accordion_btn').forEach(item => {
       item.setAttribute('aria-expanded', 'false');
   });

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

accordion.addEventListener('click', toggleAccordion);

   </script>
@endsection

@section('css')
    <link rel="stylesheet"
        href="{{ asset('frontend') }}/assets-desktop/css/studyPlans.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