@extends('client.raffles.layouts.app')
@section('content')

    <div class="about-banner">
    </div>
    <section class="container py-30 free-resources">
        <div class="w-100percent mx-auto">
            <h2 class="md:text-30 text-60 text-sec text-center">Free-Resources</h2>
            <div class="title-line mx-auto"></div>
        </div>

        <section class="free-resources-content tab-container">
            <div class="row">
                <div class="col col-md-3">
                    <ul class="first-row tab-buttons ">
                        <li class=" px-20 tab-btn cursor-pointer show fade   active rounded-10" role="tabpanel">
                            <div class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
                                <div class="accordion-item panel mb-10">
                                    <div class="accordion-heading" role="tab" id="heading-question-1">
                                        <h4 class="accordion-title">
                                            <a class="collapsed text-17 font-bold flex gap-10 items-center" role="button"
                                                data-bs-toggle="collapse" data-bs-parent="#accordion-questions"
                                                href="index.php#collapse-question-item-1" aria-expanded="false"
                                                aria-controls="collapse-question-item-1">
                                                <img class="w-40" src="assets/images/icons/one.svg" alt="">
                                                <h5 class="text-16 p-0 m-0">Countries</h5>
                                            </a>
                                        </h4>
                                    </div>

                                    <div id="collapse-question-item-1" class="accordion-collapse collapse active show"
                                        data-bs-parent="#accordion-questions" role="tabpanel"
                                        aria-labelledby="heading-question-1">
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
                                            onclick="showTab('tabusa')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>USA</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabaustralia')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>

                                            <p>Australia</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabuk')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>UK</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabcanada')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>Canada</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabdenmark')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>Denmark</p>

                                        </div>
                                    </div>

                                </div>


                            </div>

                        </li>
                        <li class=" px-20 tab-btn cursor-pointer rounded-10  fade    " role="tabpanel">
                            <div class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
                                <div class="accordion-item panel mb-10">
                                    <div class="accordion-heading" role="tab" id="heading-question-2">
                                        <h4 class="accordion-title">
                                            <a class="collapsed text-17 font-bold flex gap-10 items-center" role="button"
                                                data-bs-toggle="collapse" data-bs-parent="#accordion-questions"
                                                href="index.php#collapse-question-item-2" aria-expanded="false"
                                                aria-controls="collapse-question-item-2">
                                                <img class="w-40" src="assets/images/icons/two.svg" alt="">
                                                <h5 class="text-16 p-0 m-0">Language Test</h5>
                                            </a>
                                        </h4>
                                    </div>

                                    <div id="collapse-question-item-2" class="accordion-collapse collapse "
                                        data-bs-parent="#accordion-questions" role="tabpanel"
                                        aria-labelledby="heading-question-2">
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
                                            onclick="showTab('tabielts')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>IELTS</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabpte')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>

                                            <p>PTE</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabduolingo')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>Duolingo</p>
                                        </div>

                                    </div>

                                </div>

                        </li>

                        <li class=" px-20 tab-btn cursor-pointer rounded-10 fade    " role="tabpanel">
                            <div class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
                                <div class="accordion-item panel mb-10">
                                    <div class="accordion-heading" role="tab" id="heading-question-3">
                                        <h4 class="accordion-title">
                                            <a class="collapsed text-17 font-bold flex gap-10 items-center" role="button"
                                                data-bs-toggle="collapse" data-bs-parent="#accordion-questions"
                                                href="index.php#collapse-question-item-3" aria-expanded="false"
                                                aria-controls="collapse-question-item-3">
                                                <img class="w-40" src="assets/images/icons/three.svg" alt="">
                                                <h5 class="text-16 p-0 m-0">Interview Preparation</h5>
                                            </a>
                                        </h4>
                                    </div>

                                    <div id="collapse-question-item-3" class="accordion-collapse collapse "
                                        data-bs-parent="#accordion-questions" role="tabpanel"
                                        aria-labelledby="heading-question-2">
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
                                            onclick="showTab('tabcasinterview')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>CAS Interview</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabusainterview')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>

                                            <p>US Interview</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabukinterview')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>

                                            <p>UK Interview</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabaustraliainterview')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>Australia Visa Interview</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabcanadainterview')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>Canada Visa Interview</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabdenmarkinterview')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>Denmark Visa Interview</p>
                                        </div>

                                    </div>

                                </div>

                        </li>


                        <li class=" px-20 tab-btn cursor-pointer rounded-10 fade    " role="tabpanel">
                            <div class="accordion " id="accordion-questions" role="tablist" aria-multiselectable="true">
                                <div class="accordion-item panel mb-10">
                                    <div class="accordion-heading" role="tab" id="heading-question-4">
                                        <h4 class="accordion-title">
                                            <a class="collapsed text-17 font-bold flex gap-10 items-center" role="button"
                                                data-bs-toggle="collapse" data-bs-parent="#accordion-questions"
                                                href="index.php#collapse-question-item-4" aria-expanded="false"
                                                aria-controls="collapse-question-item-4">
                                                <img class="w-40" src="assets/images/icons/four.svg" alt="">
                                                <h5 class="text-16 p-0 m-0">Visa Assistance</h5>
                                            </a>
                                        </h4>
                                    </div>

                                    <div id="collapse-question-item-4" class="accordion-collapse collapse "
                                        data-bs-parent="#accordion-questions" role="tabpanel"
                                        aria-labelledby="heading-question-4">
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10 flex items-center gap-10"
                                            onclick="showTab('tabvisa1')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>Visa Assistance 1</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabvisa2')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>

                                            <p>Visa Assistance 2</p>

                                        </div>
                                        <div class="accordion-content text-16 leading-20 text-black bg-white px-10  flex items-center gap-10"
                                            onclick="showTab('tabvisa3')">
                                            <i class="fa-solid fa-angles-right text-18 text-brand"></i>
                                            <p>Visa Assistance 3</p>
                                        </div>

                                    </div>

                                </div>
                        </li>
                    </ul>
                </div>


                <div class="col col-md-7">

                    <div class="second-row">
                        <div class="tab-content active lg:w-full lg:text-end bg-center bg-contain bg-no-repeat -mt-20"
                            style="
                      background-image: url('assets/images/demo/start-hub-1/shape-Blob.svg');
                    ">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>

                                <div class="content-inside">
                                    <div class="w-60percent h-400 mx-auto lqd-imggrp-single relative monkey-img"
                                        data-float="ease-in-out">
                                        <img class="w-full h-full " src="assets/images/general/monkey.png"
                                            alt="">
                                        <div class="absolute top-30 -left-20 flex gap-10 items-center">
                                            <i class="fa-solid fa-arrow-left text-20 text-brand md:hiden"></i>
                                            <i class="fa-solid fa-arrow-up text-20 text-brand md:bloc hidden"></i>

                                            <h5 class="text-18 text-brand m-0">Search Here</h5>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>


                        <div class="tab-content  " id="tabuk">
                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">


                                    <h3 class="text-brand text-30 mb-30">UK</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center justify-end gap-10"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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



                        <div class="tab-content " id="tabusa">
                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">

                                    <h3 class="text-brand text-30 mb-30">USA</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16"> Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover  border-0 ">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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


                        <div class="tab-content " id="tabaustralia">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Australia</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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


                        <div class="tab-content " id="tabcanada">


                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Canada</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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


                        <div class="tab-content " id="tabdenmark">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Denmark</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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


                        <div class="tab-content " id="tabielts">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">IELTS</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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

                        <div class="tab-content " id="tabpte">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">PTE</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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

                        <div class="tab-content " id="tabduolingo">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Duolingo</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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


                        <div class="tab-content " id="tabcasinterview">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">CAS Interview</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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


                        <div class="tab-content " id="tabusainterview">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">USA Interview</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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


                        <div class="tab-content " id="tabcanadainterview">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Canada Interview</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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

                        <div class="tab-content " id="tabaustraliainterview">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Australia Interview</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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

                        <div class="tab-content " id="tabukinterview">
                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">UK Interview</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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

                        <div class="tab-content " id="tabdenmarkinterview">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Denmark Interview</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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

                        <div class="tab-content " id="tabvisa1">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Visa Assistance 1</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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


                        <div class="tab-content " id="tabvisa2">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Visa Assistance 2</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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

                        <div class="tab-content " id="tabvisa3">

                            <div data-custom-animations="true"
                                data-ca-options='{"animationTarget": ".content-inside", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>


                                <div class="content-inside">
                                    <h3 class="text-brand text-30 mb-30">Visa Assistance 3</h3>

                                    <table class="">
                                        <tr>
                                            <td class="pl-20 text-brand text-16">1</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">2</td>
                                            <td class="text-brand text-16">Checklists for Canada</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="pl-20 text-brand text-16">3</td>
                                            <td class="text-brand text-16">Australia Documents Checklist</td>
                                            <td class=" flex items-center gap-10 justify-end"><button
                                                    class="cursor-pointer px-20 py-10 bg-sec rounded-10 text-center   text-white text-12  button-hover border-0">View</button>
                                                <button
                                                    class="cursor-pointer px-20 py-10 bg-green rounded-10 text-center  text-white text-12  button-hover border-0">Download</button>
                                            </td>
                                        </tr>

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




                    </div>
                </div>



                <div class="col col-md-2">

                    <div class="third-row">

                        <h3 class="text-brand text-20">Study Abroad</h3>
                        <div class="divider"></div>

                        <ul class="flex-flex-col gap-20 list-none px-0 py-20">
                            <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
                                    href="study-australia.php">Australia</a></li>
                            <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
                                    href="study-usa.php">USA</a></li>
                            <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
                                    href="study-uk.php">UK</a></li>
                            <!-- <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey " href="study-newzealand.php">New Zealand</a></li> -->
                            <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
                                    href="study-canada.php">Canada</a></li>
                            <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
                                    href="study-denmark.php">Denmark</a></li>
                            <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
                                    href="ielts.php">IELTS</a></li>
                            <li class="py-10 border-bottom text-16 text-hover"><a class="text-grey "
                                    href="duolingo.php">Duolingo</a></li>
                        </ul>

                        <h3 class="text-brand text-20">Let's Connect Quick</h3>
                        <div class="divider"></div>
                        <form class="pt-20" action="">


                            <input class="w-full mb-30 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
                                name="" id="" placeholder="Your Name">

                            <input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name=""
                                id="" placeholder="Your Email">
                            <input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name=""
                                id="" placeholder="Phone">
                            <textarea class="w-full mb-40 rounded-6  text-14 px-10" name="" id="" placeholder="Your Message"></textarea>
                            <button class="px-10 py-10 bg-brand text-white rounded-10 text-16 border-0 button-hover">
                                <i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>
                                Send Message</button>
                        </form>


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

        </section>












        <!-- <div class="accordion accordion-title-underlined accordion-sm ml-60 xl:ml-0 pl-10" id="accordion-questions"
        role="tablist" aria-multiselectable="true">
        <div class="accordion-item panel mb-10">
          <div class="accordion-heading" role="tab" id="heading-question-1">
            <h4 class="accordion-title">
              <a class="collapsed text-17 font-bold" role="button" data-bs-toggle="collapse"
                data-bs-parent="#accordion-questions" href="index.php#collapse-question-item-1" aria-expanded="false"
                aria-controls="collapse-question-item-1">
                <span class="accordion-expander text-16 text-black"><i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
                  <i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i></span><span class="accordion-title-txt">Advanced
                  Assessment and Outcome Measures Practice MSc, PG Dip</span>
              </a>
            </h4>
          </div>
          <div id="collapse-question-item-1" class="accordion-collapse collapse" data-bs-parent="#accordion-questions"
            role="tabpanel" aria-labelledby="heading-question-1">
            <div class="accordion-content text-14 leading-20 text-black">
              <button class="bg-sec rounded-30 text-white border-0 px-10 py-10 hover:bg-brand">Download</button>
            </div>
          </div>
        </div>
        <div class="accordion-item panel mb-10">
          <div class="accordion-heading" role="tab" id="heading-question-2">
            <h4 class="accordion-title">
              <a class="collapsed text-17 font-bold" role="button" data-bs-toggle="collapse"
                data-bs-parent="#accordion-questions" href="index.php#collapse-question-item-2" aria-expanded="false"
                aria-controls="collapse-question-item-2">
                <span class="accordion-expander text-16 text-black"><i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
                  <i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i></span><span class="accordion-title-txt">Advanced
                  Assessment and Outcome Measures Practice MSc, PG Dip</span></a>
            </h4>
          </div>
          <div id="collapse-question-item-2" class="accordion-collapse collapse" data-bs-parent="#accordion-questions"
            role="tabpanel" aria-labelledby="heading-question-2">
            <div class="accordion-content text-14 leading-20 text-black">
              <button class="bg-sec rounded-30 text-white border-0 px-10 py-10 hover:bg-brand">Download</button>
            </div>
          </div>
        </div>
        <div class="accordion-item panel mb-10">
          <div class="accordion-heading" role="tab" id="heading-question-3">
            <h4 class="accordion-title">
              <a class="collapsed text-17 font-bold" role="button" data-bs-toggle="collapse"
                data-bs-parent="#accordion-questions" href="index.php#collapse-question-item-3" aria-expanded="false"
                aria-controls="collapse-question-item-3">
                <span class="accordion-expander text-16 text-black"><i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
                  <i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i></span>
                <span class="accordion-title-txt">Advanced Assessment and Outcome Measures Practice MSc, PG Dip</span>

              </a>
            </h4>
          </div>
          <div id="collapse-question-item-3" class="accordion-collapse collapse" data-bs-parent="#accordion-questions"
            role="tabpanel" aria-labelledby="heading-question-3">
            <div class="accordion-content text-14 leading-20 text-black">
              <button class="bg-sec rounded-30 text-white border-0 px-10 py-10 hover:bg-brand">Download</button>
            </div>
          </div>
        </div>
        <div class="accordion-item panel">
          <div class="accordion-heading" role="tab" id="heading-question-4">
            <h4 class="accordion-title">
              <a class="collapsed text-17 font-bold" role="button" data-bs-toggle="collapse"
                data-bs-parent="#accordion-questions" href="index.php#collapse-question-item-4" aria-expanded="false"
                aria-controls="collapse-question-item-4">
                <span class="accordion-expander text-16 text-black"><i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
                  <i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i></span><span class="accordion-title-txt">Advanced
                  Assessment and Outcome Measures Practice MSc, PG Dip</span>
              </a>
            </h4>
          </div>
          <div id="collapse-question-item-4" class="accordion-collapse collapse" data-bs-parent="#accordion-questions"
            role="tabpanel" aria-labelledby="heading-question-4">
            <div class="accordion-content text-14 leading-20 text-black">
              <button class="bg-sec rounded-30 text-white border-0 px-10 py-10 hover:bg-brand">Download</button>
            </div>
          </div>
        </div>
      </div> -->
    </section>
@endsection