@include('header')
<!-- <div class="banner_box">
    <img src="{{ asset('assets/images/about/about-banner-image.webp') }}" alt="Banner image" class="img-fluid">
</div> -->
<div class="main-banner-box">
    <div class="sub-main-banner">
        <!-- <h1 class="inner_heading">About SSLA</h1> -->
        <div class="animated-bg">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
</div>
</section>
<!-- Responsive Header ends  -->
<main class="education_loan_main">
    <!-- Inner section start -->
    <section class="new__edication_section" data-aos="fade-up">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="inner__red_heading">Education Loans</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="new__education_loan_mainbox">
                        <div class="new_education_loan_leftbox">
                            <p>Please click on the logos for further details.</p>
                            <div class="inner_logos_mainbox">
                                <div class="inner_logos_listing">
                                    <img src="{{ asset('assets/images/admissions/EL-1.webp') }}"
                                        alt="Educational loans icon" class="img-fluid">
                                    <div class="inner_logos_readmore">
                                        <a href="{{ asset('assets/pdf/Education-Loan-BOI.pdf') }}" target="_blank">
                                            <div class="inner_logos_readmore_name">Read More</div>
                                            <div class="inner_logos_readmore_icon">
                                                <svg width="12" height="12" x="0" y="0" viewBox="0 0 24 24">
                                                    <g
                                                        transform="matrix(1.500000000000001,0,0,1.500000000000001,-5.995321035385141,-6.004678726196296)">
                                                        <path fill="#fff" fill-rule="evenodd"
                                                            d="M4.47 18.47a.75.75 0 1 0 1.06 1.06L18.25 6.81V17a.75.75 0 0 0 1.5 0V4.25H7a.75.75 0 0 0 0 1.5h10.19z"
                                                            clip-rule="evenodd" opacity="1" data-original="#000000"
                                                            class="">
                                                        </path>
                                                    </g>
                                                </svg>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="inner_logos_listing">
                                    <img src="{{ asset('assets/images/admissions/EL-2.webp') }}"
                                        alt="Educational loans icon" class="img-fluid">
                                    <div class="inner_logos_readmore">
                                        <a href="{{ asset('assets/pdf/Education-Loan-IDBI.pdf') }}" target="_blank">
                                            <div class="inner_logos_readmore_name">Read More</div>
                                            <div class="inner_logos_readmore_icon">
                                                <svg width="12" height="12" x="0" y="0" viewBox="0 0 24 24">
                                                    <g
                                                        transform="matrix(1.500000000000001,0,0,1.500000000000001,-5.995321035385141,-6.004678726196296)">
                                                        <path fill="#fff" fill-rule="evenodd"
                                                            d="M4.47 18.47a.75.75 0 1 0 1.06 1.06L18.25 6.81V17a.75.75 0 0 0 1.5 0V4.25H7a.75.75 0 0 0 0 1.5h10.19z"
                                                            clip-rule="evenodd" opacity="1" data-original="#000000"
                                                            class="">
                                                        </path>
                                                    </g>
                                                </svg>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="inner_logos_listing">
                                    <img src="{{ asset('assets/images/admissions/EL-3.webp') }}"
                                        alt="Educational loans icon" class="img-fluid">
                                    <div class="inner_logos_readmore">
                                        <a href="{{ asset('assets/pdf/Education-Loan-Canara-Bank.pdf') }}"
                                            target="_blank">
                                            <div class="inner_logos_readmore_name">Read More</div>
                                            <div class="inner_logos_readmore_icon">
                                                <svg width="12" height="12" x="0" y="0" viewBox="0 0 24 24">
                                                    <g
                                                        transform="matrix(1.500000000000001,0,0,1.500000000000001,-5.995321035385141,-6.004678726196296)">
                                                        <path fill="#fff" fill-rule="evenodd"
                                                            d="M4.47 18.47a.75.75 0 1 0 1.06 1.06L18.25 6.81V17a.75.75 0 0 0 1.5 0V4.25H7a.75.75 0 0 0 0 1.5h10.19z"
                                                            clip-rule="evenodd" opacity="1" data-original="#000000"
                                                            class="">
                                                        </path>
                                                    </g>
                                                </svg>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="inner_logos_listing">
                                    <img src="{{ asset('assets/images/admissions/EL-4.webp') }}"
                                        alt="Educational loans icon" class="img-fluid">
                                    <div class="inner_logos_readmore">
                                        <a href="{{ asset('assets/pdf/Education-Loan-BOB.pdf') }}" target="_blank">
                                            <div class="inner_logos_readmore_name">Read More</div>
                                            <div class="inner_logos_readmore_icon">
                                                <svg width="12" height="12" x="0" y="0" viewBox="0 0 24 24">
                                                    <g
                                                        transform="matrix(1.500000000000001,0,0,1.500000000000001,-5.995321035385141,-6.004678726196296)">
                                                        <path fill="#fff" fill-rule="evenodd"
                                                            d="M4.47 18.47a.75.75 0 1 0 1.06 1.06L18.25 6.81V17a.75.75 0 0 0 1.5 0V4.25H7a.75.75 0 0 0 0 1.5h10.19z"
                                                            clip-rule="evenodd" opacity="1" data-original="#000000"
                                                            class="">
                                                        </path>
                                                    </g>
                                                </svg>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="new_education_loan_rightbox">
                            <img src="{{ asset('assets/images/admissions/education-loan-image.webp') }}" alt="Education loan image" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Inner section ends  -->
</main>
@include('footer')