@extends('layouts.app')

@section('title', 'Home')

@section('content')
    <!--==============================
Hero Area
==============================-->


    <div class="th-hero-wrapper hero-1" id="hero">
        <div class="hero-slider-1 th-carousel" data-fade="true" data-slide-show="1" data-md-slide-show="1" data-dots="true">


            <div class="th-hero-slide">
                <div class="th-hero-bg" data-overlay="title" data-opacity="8" data-bg-src="document/slider/home_banner_bg.png"></div>
                <div class="container">
                    <div class="row align-items-center justify-content-center">
                        <div class="col-md-6">
                            <div class="hero-style1">
                                <span class="hero-subtitle" data-ani="slideinleft" data-ani-delay="0.1s"><span>35% OFF</span> LEARN FROM TODAY</span>
                                <h1 class="hero-title text-white" data-ani="slideinleft" data-ani-delay="0.4s">Education Is Create
                                    Better <span class="text-theme">Future.</span></h1>
                                <p class="hero-text" data-ani="slideinleft" data-ani-delay="0.6s">Education can be thought of as the transmission of the values and accumulated knowledge of a society. In this sense, it is equivalent.</p>
                                <div class="btn-group" data-ani="slideinleft" data-ani-delay="0.8s">
                                    <a href="contact.html" class="th-btn style3">Get Started<i class="fas fa-arrow-right ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 text-lg-end text-center">
                            <div class="hero-img1">
                                <img src="document/slider/banner_bg_round.png" alt="hero">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hero-shape shape1">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_1.png" alt="shape">
                </div>
                <div class="hero-shape shape2">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_2.png" alt="shape">
                </div>
                <div class="hero-shape shape3"></div>

                <div class="hero-shape shape4 shape-mockup jump-reverse" data-right="3%" data-bottom="7%">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_3.png" alt="shape">
                </div>
                <div class="hero-shape shape5 shape-mockup jump-reverse" data-left="0" data-bottom="0">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_4.png" alt="shape">
                </div>
            </div>


            <div class="th-hero-slide">
                <div class="th-hero-bg" data-overlay="title" data-opacity="8" data-bg-src="document/slider/home_banner_bg_1.png"></div>
                <div class="container">
                    <div class="row align-items-center justify-content-center">
                        <div class="col-md-6">
                            <div class="hero-style1">
                                <span class="hero-subtitle" data-ani="slideinleft" data-ani-delay="0.1s"><span>35% OFF</span> LEARN FROM TODAY</span>
                                <h1 class="hero-title text-white" data-ani="slideinleft" data-ani-delay="0.4s">Edura Leads To A Brighter <span class="text-theme">Future.</span></h1>
                                <p class="hero-text" data-ani="slideinleft" data-ani-delay="0.6s">Education can be thought of as the transmission of a societys values and accumulated knowledge. In this sense, it is equivalent.</p>
                                <div class="btn-group" data-ani="slideinleft" data-ani-delay="0.8s">
                                    <a href="contact.html" class="th-btn style3">Get Started<i class="fas fa-arrow-right ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 text-lg-end text-center">
                            <div class="hero-img1">
                                <img src="document/slider/banner_bg_round_1.png" alt="hero">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hero-shape shape1">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_1.png" alt="shape">
                </div>
                <div class="hero-shape shape2">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_2.png" alt="shape">
                </div>
                <div class="hero-shape shape3"></div>

                <div class="hero-shape shape4 shape-mockup jump-reverse" data-right="3%" data-bottom="7%">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_3.png" alt="shape">
                </div>
                <div class="hero-shape shape5 shape-mockup jump-reverse" data-left="0" data-bottom="0">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_4.png" alt="shape">
                </div>
            </div>
 

            <div class="th-hero-slide">
                <div class="th-hero-bg" data-overlay="title" data-opacity="8" data-bg-src="document/slider/home_banner_bg.png"></div> 
                <div class="container">
                    <div class="row align-items-center justify-content-center">
                        <div class="col-md-6">
                            <div class="hero-style1">
                                <span class="hero-subtitle" data-ani="slideinleft" data-ani-delay="0.1s"><span>35% OFF</span> LEARN FROM TODAY</span>
                                <h1 class="hero-title text-white" data-ani="slideinleft" data-ani-delay="0.4s">The Worlds Best Online Education <span class="text-theme">Institute.</span></h1>
                                <p class="hero-text" data-ani="slideinleft" data-ani-delay="0.6s">Education can be thought of as the transmission of the values and accumulated knowledge of a society. In this sense, it is equivalent.</p>
                                <div class="btn-group" data-ani="slideinleft" data-ani-delay="0.8s">
                                    <a href="contact.html" class="th-btn style3">Get Started<i class="fas fa-arrow-right ms-2"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 text-lg-end text-center">
                            <div class="hero-img1">
                                <img src="document/slider/banner_bg_round.png" alt="hero">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hero-shape shape1">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_1.png" alt="shape">
                </div>
                <div class="hero-shape shape2">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_2.png" alt="shape">
                </div>
                <div class="hero-shape shape3"></div>

                <div class="hero-shape shape4 shape-mockup jump-reverse" data-right="3%" data-bottom="7%">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_3.png" alt="shape">
                </div>
                <div class="hero-shape shape5 shape-mockup jump-reverse" data-left="0" data-bottom="0">
                    <img src="{{ url('/') }}/assets/img/hero/shape_1_4.png" alt="shape">
                </div>
            </div>
        </div>
    </div>
    <!--======== / Hero Section ========-->
    <!--==============================
Contact Area
==============================-->
    <div class="space-top">
        <div class="container">
            <div class="category-sec-wrap">
                <div class="shape-mockup category-shape-arrow d-xl-block d-none">
                    <img src="{{ url('/') }}/assets/img/normal/category-arrow.svg" alt="img">
                </div>
                <div class="row">
                    <div class="col-xl-4">
                        <div class="title-area mb-25 mb-lg-0 text-xl-start text-center">
                            <span class="sub-title"><i class="fal fa-book me-2"></i> Courses Categories</span>
                            <h2 class="sec-title">Explore Top Categories</h2>
                            <a href="document/Applynow_Admissions/index.html" class="th-btn">Admission Now<i class="fa-regular fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                    <div class="col-xl-8">
                        <div class="row slider-shadow th-carousel category-slider" data-slide-show="4" data-ml-slide-show="3" data-md-slide-show="3" data-sm-slide-show="2" data-arrows="true" data-xl-arrows="true">
                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_1.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">B.Pharm</a></h3>
                                        <p class="category-card_text">Pharmacy</p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div> 

                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_2.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">D.Pharm</a></h3>
                                        <p class="category-card_text">Pharmacy </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now<i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_2.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">M.Pharm</a></h3>
                                        <p class="category-card_text">Pharmacy </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_3.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">UI/UX Design</a></h3>
                                        <p class="category-card_text">Design </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_4.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">Graphic Design</a></h3>
                                        <p class="category-card_text">Design</p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_4.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">Fashion</a></h3>
                                        <p class="category-card_text">Design</p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_4.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">Animation & Game</a></h3>
                                        <p class="category-card_text">Design</p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_1.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">Diploma</a></h3>
                                        <p class="category-card_text">Engineering </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                             <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_1.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">B.Tech</a></h3>
                                        <p class="category-card_text">Engineering </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                             <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_1.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">BCA/MCA</a></h3>
                                        <p class="category-card_text">Engineering </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                             <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_1.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">B.Sc. IT</a></h3>
                                        <p class="category-card_text">Engineering </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_2.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">BBA/MBA</a></h3>
                                        <p class="category-card_text">Management </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                            
                             <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_2.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">B.Com</a></h3>
                                        <p class="category-card_text">Management </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_2.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">B.Sc.</a></h3>
                                        <p class="category-card_text">Agriculture </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_3.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">B.A. Psychology</a></h3>
                                        <p class="category-card_text">Liberal Studies </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                            
                             <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_3.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">B.P.E.S/M.P.E.S</a></h3>
                                        <p class="category-card_text">Liberal Studies </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_4.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">B.Sc./M.Sc.</a></h3>
                                        <p class="category-card_text">Sciences </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now <i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="col-md-6 col-xl-4">
                                <div class="category-card">
                                    <div class="category-card_icon">
                                        <img src="{{ url('/') }}/assets/img/icon/cat-1_3.svg" alt="image">
                                    </div>
                                    <div class="category-card_content">
                                        <h3 class="category-card_title"><a href="course.html">B.A. LL.B/LL.B/LL.M</a></h3>
                                        <p class="category-card_text">Law </p>
                                        <a href="document/Applynow_Admissions/index.html" class="th-btn">Apply Now<i class="fa-solid fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>

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

            </div>
        </div>
    </div> 
    <!--==============================
About Area
==============================-->
    <div class="space overflow-hidden" id="about-sec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6">
                    <div class="img-box1 mb-40 mb-xl-0">
                        <div class="img1">
                            <img class="tilt-active" src="document/home/02.jpg" alt="About">
                        </div>
                        <div class="about-grid" data-bg-src="document/home/05.jpg">
                            <h3 class="about-grid_year"><span class="counter-number">10</span>k<span class="text-theme">+</span></h3>
                            <p class="about-grid_text">Students Active Our Courses</p>
                        </div>
                        <div class="img2">
                            <img class="tilt-active" src="document/home/03.jpg" alt="About">
                        </div>
                        <div class="shape-mockup about-shape1 jump" data-left="-67px" data-bottom="0">
                            <img src="{{ url('/') }}/assets/img/normal/about_1_shape1.png" alt="img">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="title-area mb-30">
                        <span class="sub-title"><i class="fal fa-book me-2"></i> About Our University</span>
                        <h2 class="sec-title">Welcome to Rai University.</h2>
                    </div>
                    <p class="mt-n2 mb-25" style="align:justify">Rai University, Ahmedabad a UGC-recognized and NAAC-Accredited University.It stands at the forefront of providing quality education and is committed to upholding societal values through the inclusive growth of all related stakeholders. Rai University has collaborations with various Industries for imparting Industry relevant concepts and develop skills for meeting the different challenges. Leading Industries have joined hands with Rai University and actively participated in imparting Practical and Corporate Skills.Rai University has a strong Mentoring process in place and guide Students not only when they are in the Campus but also after passing out guide the Alumni building a strong relationship and developing a ownership among the stakeholders</p>
                    <div class="row align-items-center">
                        <div class="col-md-auto">
                            <div class="about-grid_img mb-30 mb-md-0">
                                <img src="document/home/04.jpg" alt="img">
                            </div>
                        </div> 
                        <div class="col-md-7">
                            <div class="checklist">
                                <ul>
                                    <li>Academic Excellence</li>
                                    <li>Industry Connections & Internships</li>
                                    <li>State-of-the-Art Infrastructure</li>
                                    <li>Experienced Faculty</li>
                                    <li>Placements and Career Support</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="btn-group mt-40">
                        <a href="about-rai-university" class="th-btn">About More<i class="fa-regular fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
Servce Area
==============================-->
    <!--<section class="space" data-bg-src="{{ url('/') }}/assets/img/bg/course_bg_1.png" id="course-sec">
        <div class="container">
            <div class="mb-35 text-center text-md-start">
                <div class="row align-items-center justify-content-between">
                    <div class="col-md-8">
                        <div class="title-area mb-md-0">
                            <span class="sub-title"><i class="fal fa-book me-2"></i> Popular Courses</span>
                            <h2 class="sec-title">Our Popular Courses</h2>
                        </div>
                    </div>
                    <div class="col-md-auto">
                        <a href="course.html" class="th-btn">View All Courses<i class="fa-solid fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
            </div>
            <div class="row slider-shadow th-carousel course-slider-1" data-slide-show="4" data-ml-slide-show="3" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="1" data-arrows="true">
                <div class="col-md-6 col-lg-4">
                    <div class="course-box">
                        <div class="course-img">
                            <img src="{{ url('/') }}/assets/img/course/course_1_1.png" alt="img">
                            <span class="tag"><i class="fas fa-clock"></i> 03 WEEKS</span>
                        </div>
                        <div class="course-content">
                            <div class="course-rating">
                                <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                    <span style="width:79%">Rated <strong class="rating">4.00</strong> out of 5</span>
                                </div>(4.7)
                            </div>
                            <h3 class="course-title"><a href="course-details.html">Education Software and PHP
                                    and JS System Script</a></h3>
                            <div class="course-meta">
                                <span><i class="fal fa-file"></i>Lesson 8</span>
                                <span><i class="fal fa-user"></i>Students 60+</span>
                                <span><i class="fal fa-chart-simple"></i>Beginner</span>
                            </div>
                            <div class="course-author">
                                <div class="author-info">
                                    <img src="{{ url('/') }}/assets/img/course/author.png" alt="author">
                                    <a href="course.html" class="author-name">Max Alexix</a>
                                </div>
                                <div class="offer-tag">Free</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="course-box">
                        <div class="course-img">
                            <img src="{{ url('/') }}/assets/img/course/course_1_2.png" alt="img">
                            <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span>
                        </div>
                        <div class="course-content">
                            <div class="course-rating">
                                <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                    <span style="width:79%">Rated <strong class="rating">4.00</strong> out of 5</span>
                                </div>(4.7)
                            </div>
                            <h3 class="course-title"><a href="course-details.html">Learn Figma – UI/UX Design
                                    Essential Training</a></h3>
                            <div class="course-meta">
                                <span><i class="fal fa-file"></i>Lesson 9</span>
                                <span><i class="fal fa-user"></i>Students 50+</span>
                                <span><i class="fal fa-chart-simple"></i>Beginner</span>
                            </div>
                            <div class="course-author">
                                <div class="author-info">
                                    <img src="{{ url('/') }}/assets/img/course/author.png" alt="author">
                                    <a href="course.html" class="author-name">Kevin Perry</a>
                                </div>
                                <div class="offer-tag">Free</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="course-box">
                        <div class="course-img">
                            <img src="{{ url('/') }}/assets/img/course/course_1_3.png" alt="img">
                            <span class="tag"><i class="fas fa-clock"></i> 04 WEEKS</span>
                        </div>
                        <div class="course-content">
                            <div class="course-rating">
                                <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                    <span style="width:79%">Rated <strong class="rating">4.00</strong> out of 5</span>
                                </div>(4.7)
                            </div>
                            <h3 class="course-title"><a href="course-details.html">Advanced Android 12 & Kotlin
                                    Development Course</a></h3>
                            <div class="course-meta">
                                <span><i class="fal fa-file"></i>Lesson 7</span>
                                <span><i class="fal fa-user"></i>Students 30+</span>
                                <span><i class="fal fa-chart-simple"></i>Beginner</span>
                            </div>
                            <div class="course-author">
                                <div class="author-info">
                                    <img src="{{ url('/') }}/assets/img/course/author.png" alt="author">
                                    <a href="course.html" class="author-name">Max Alexix</a>
                                </div>
                                <div class="offer-tag">Free</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="course-box">
                        <div class="course-img">
                            <img src="{{ url('/') }}/assets/img/course/course_1_4.png" alt="img">
                            <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span>
                        </div>
                        <div class="course-content">
                            <div class="course-rating">
                                <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                    <span style="width:79%">Rated <strong class="rating">4.00</strong> out of 5</span>
                                </div>(4.7)
                            </div>
                            <h3 class="course-title"><a href="course-details.html">IT Statistics Data Science and
                                    Business Analysis</a></h3>
                            <div class="course-meta">
                                <span><i class="fal fa-file"></i>Lesson 10</span>
                                <span><i class="fal fa-user"></i>Students 20+</span>
                                <span><i class="fal fa-chart-simple"></i>Beginner</span>
                            </div>
                            <div class="course-author">
                                <div class="author-info">
                                    <img src="{{ url('/') }}/assets/img/course/author.png" alt="author">
                                    <a href="course.html" class="author-name">Kevin Perry</a>
                                </div>
                                <div class="offer-tag">Free</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="course-box">
                        <div class="course-img">
                            <img src="{{ url('/') }}/assets/img/course/course_1_1.png" alt="img">
                            <span class="tag"><i class="fas fa-clock"></i> 03 WEEKS</span>
                        </div>
                        <div class="course-content">
                            <div class="course-rating">
                                <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                    <span style="width:79%">Rated <strong class="rating">4.00</strong> out of 5</span>
                                </div>(4.7)
                            </div>
                            <h3 class="course-title"><a href="course-details.html">Education Software and PHP
                                    and JS System Script</a></h3>
                            <div class="course-meta">
                                <span><i class="fal fa-file"></i>Lesson 8</span>
                                <span><i class="fal fa-user"></i>Students 60+</span>
                                <span><i class="fal fa-chart-simple"></i>Beginner</span>
                            </div>
                            <div class="course-author">
                                <div class="author-info">
                                    <img src="{{ url('/') }}/assets/img/course/author.png" alt="author">
                                    <a href="course.html" class="author-name">Max Alexix</a>
                                </div>
                                <div class="offer-tag">Free</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="course-box">
                        <div class="course-img">
                            <img src="{{ url('/') }}/assets/img/course/course_1_2.png" alt="img">
                            <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span>
                        </div>
                        <div class="course-content">
                            <div class="course-rating">
                                <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                    <span style="width:79%">Rated <strong class="rating">4.00</strong> out of 5</span>
                                </div>(4.7)
                            </div>
                            <h3 class="course-title"><a href="course-details.html">Learn Figma – UI/UX Design
                                    Essential Training</a></h3>
                            <div class="course-meta">
                                <span><i class="fal fa-file"></i>Lesson 9</span>
                                <span><i class="fal fa-user"></i>Students 50+</span>
                                <span><i class="fal fa-chart-simple"></i>Beginner</span>
                            </div>
                            <div class="course-author">
                                <div class="author-info">
                                    <img src="{{ url('/') }}/assets/img/course/author.png" alt="author">
                                    <a href="course.html" class="author-name">Kevin Perry</a>
                                </div>
                                <div class="offer-tag">Free</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="course-box">
                        <div class="course-img">
                            <img src="{{ url('/') }}/assets/img/course/course_1_3.png" alt="img">
                            <span class="tag"><i class="fas fa-clock"></i> 04 WEEKS</span>
                        </div>
                        <div class="course-content">
                            <div class="course-rating">
                                <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                    <span style="width:79%">Rated <strong class="rating">4.00</strong> out of 5</span>
                                </div>(4.7)
                            </div>
                            <h3 class="course-title"><a href="course-details.html">Advanced Android 12 & Kotlin
                                    Development Course</a></h3>
                            <div class="course-meta">
                                <span><i class="fal fa-file"></i>Lesson 7</span>
                                <span><i class="fal fa-user"></i>Students 30+</span>
                                <span><i class="fal fa-chart-simple"></i>Beginner</span>
                            </div>
                            <div class="course-author">
                                <div class="author-info">
                                    <img src="{{ url('/') }}/assets/img/course/author.png" alt="author">
                                    <a href="course.html" class="author-name">Max Alexix</a>
                                </div>
                                <div class="offer-tag">Free</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="course-box">
                        <div class="course-img">
                            <img src="{{ url('/') }}/assets/img/course/course_1_4.png" alt="img">
                            <span class="tag"><i class="fas fa-clock"></i> 02 WEEKS</span>
                        </div>
                        <div class="course-content">
                            <div class="course-rating">
                                <div class="star-rating" role="img" aria-label="Rated 4.00 out of 5">
                                    <span style="width:79%">Rated <strong class="rating">4.00</strong> out of 5</span>
                                </div>(4.7)
                            </div>
                            <h3 class="course-title"><a href="course-details.html">IT Statistics Data Science and
                                    Business Analysis</a></h3>
                            <div class="course-meta">
                                <span><i class="fal fa-file"></i>Lesson 10</span>
                                <span><i class="fal fa-user"></i>Students 20+</span>
                                <span><i class="fal fa-chart-simple"></i>Beginner</span>
                            </div>
                            <div class="course-author">
                                <div class="author-info">
                                    <img src="{{ url('/') }}/assets/img/course/author.png" alt="author">
                                    <a href="course.html" class="author-name">Kevin Perry</a>
                                </div>
                                <div class="offer-tag">Free</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>-->
    <!--==============================
Cta Area
==============================-->
    <div class="cta-area-1" data-bg-src="assets/img/bg/cta-bg1.png">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-lg-8">
                    <div class="cta-wrap title-area mb-0">
                        <div class="cta-icon">
                            <img src="assets/img/normal/cta-icon1.png" alt="icon">
                        </div>
                        <div class="cta-content">
                            <h3 class="cta-title sec-title">The Journey Starts Now</h3>
                            
                        </div>
                        <a href="about.html" class="th-btn style8">Apply Now<i class="fas fa-arrow-right ms-1"></i></a>
                    </div>
                </div>
            </div> 
        </div>
        <div class="cta-img-1" data-overlay="title" data-opacity="8">
            <img src="document/home/07.jpg" alt="Image">
            <a href="https://www.youtube.com/watch?v=jySdcGARFPQ" class="play-btn style2 popup-video"><i class="fa-sharp fa-solid fa-play"></i></a>
        </div>
    </div>
    <!--==============================
Why choose us Area
==============================-->
    <div class="why-area-1 space overflow-hidden">

        <div class="shape-mockup why-shape-1 jump" data-top="10%" data-left="7%">
            <img src="{{ url('/') }}/assets/img/normal/about_1_shape1.png" alt="img">
        </div>

        <div class="shape-mockup why-shape-2" data-bg-src="{{ url('/') }}/assets/img/normal/wcu_1_shape1.png"></div>

        <div class="shape-mockup why-shape-3 jump-reverse" data-bottom="25%" data-right="-3%">
            <img src="{{ url('/') }}/assets/img/normal/wcu_1_shape2.png" alt="img">
        </div>

        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6">
                    <div class="wcu-img-1">
                        <div class="img1">
                            <img src="document/home/06.jpg" alt="img">
                        </div>
                        <div class="student-count jump-reverse">
                            <h5 class="title"><span class="text-theme"><span class="counter-number">10</span>k+</span> Active Students</h5>
                            <img src="{{ url('/') }}/assets/img/normal/student-group_1_1.png" alt="img">
                        </div>
                        <div class="text-end">
                            <a class="th-btn mt-30" href="contact.html">Get Started <i class="far fa-arrow-right ms-1"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="wcu-wrap1">
                        <div class="title-area mb-25">
                            <span class="sub-title"><i class="fal fa-book me-2"></i> WHY CHOOSE US</span>
                            <h2 class="sec-title">Thousands Of Experts Around The World Ready To Help.</h2>
                           
                        </div>
                        <div class="row gy-4">
                            <div class="col-md-6">
                                <div class="wcu-box">
                                    <div class="wcu-box_icon">
                                        <i class="fas fa-check-circle"></i>
                                    </div>
                                    <div class="wcu-box_details">
                                        <h3 class="box-title">Expert Teachers</h3>
                                        <p class="wcu-box_text">due to lack of proper resources, other issues which are consistently acting against the education sector.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="wcu-box">
                                    <div class="wcu-box_icon">
                                        <i class="fas fa-check-circle"></i>
                                    </div>
                                    <div class="wcu-box_details">
                                        <h3 class="box-title">Digital Resources</h3>
                                        <p class="wcu-box_text">well equipped with Internet browsing facility and a reading room.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="wcu-box">
                                    <div class="wcu-box_icon">
                                        <i class="fas fa-check-circle"></i>
                                    </div>
                                    <div class="wcu-box_details">
                                        <h3 class="box-title">Professional Programs</h3>
                                        <p class="wcu-box_text">Professional Programs Get degree in a recognized professional Programs and applied fields of study by exploring the best of academics at Rai University.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="wcu-box">
                                    <div class="wcu-box_icon">
                                        <i class="fas fa-check-circle"></i>
                                    </div>
                                    <div class="wcu-box_details">
                                        <h3 class="box-title">Competitive Coaching Classes</h3>
                                        <p class="wcu-box_text">Rai University now offers competitive coaching classes for Govt. job (Railway, SSC, Bank, Etc.) NET & GATE</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
Counter Area
==============================-->
    <div class="container">
        <div class="counter-area-1 bg-theme" data-bg-src="{{ url('/') }}/assets/img/bg/counter-bg_1.png">
            <div class="row justify-content-between">
                <div class="col-sm-6 col-xl-4 counter-card-wrap">
                    <div class="counter-card">
                        <h2 class="counter-card_number"><span class="counter-number">12.7</span>k<span class="fw-normal">+</span></h2>
                        <p class="counter-card_text"><strong>Enrolled</strong> Students</p>
                    </div>
                </div>
                <div class="col-sm-6 col-xl-4 counter-card-wrap">
                    <div class="counter-card">
                        <h2 class="counter-card_number"><span class="counter-number">52</span><span class="fw-normal">+</span></h2>
                        <p class="counter-card_text"><strong>Library and </strong> Labs</p>
                    </div>
                </div>
                <div class="col-sm-6 col-xl-4 counter-card-wrap">
                    <div class="counter-card">
                        <h2 class="counter-card_number"><span class="counter-number">400</span><span class="fw-normal">+</span></h2>
                        <p class="counter-card_text"><strong>Research and Publications</strong></p>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--==============================
Cta Area
==============================-->
    <section class="cta-area-2 position-relative space-bottom">
        <div class="cta-bg-img" data-bg-src="{{ url('/') }}/assets/img/bg/cta-bg2.png">
        </div>
        <div class="cta-bg-img2" data-bg-src="{{ url('/') }}/assets/img/bg/cta-bg2-shape.png">
        </div>

        <div class="shape-mockup cta-shape1 jump d-md-block d-none" data-left="-2%" data-bottom="-7%">
            <img src="{{ url('/') }}/assets/img/normal/cta_2_shape1.png" alt="img">
        </div>

        <div class="shape-mockup cta-shape2 jump-reverse d-md-block d-none" data-right="-1%" data-top="-3%">
            <img src="{{ url('/') }}/assets/img/normal/cta_2_shape2.png" alt="img">
        </div>

        <div class="shape-mockup cta-shape3 spin d-md-block d-none" data-right="20%" data-top="30%">
            <img src="{{ url('/') }}/assets/img/normal/cta_2_shape3.png" alt="img">
        </div>

        <div class="container text-center">
            <div class="cta-wrap2">
                <div class="title-area text-center mb-35">
                    <span class="sub-title"><i class="fal fa-book me-2"></i>Are You Ready For This Offer</span>
                    <h2 class="sec-title text-white">40% Offer First <span class="text-theme2">100 Student’s</span> For Featured <br> <span class="fw-normal">Topics by Education Category</span></h2>
                    <p class="cta-text">Get unlimited access to 6,000+ of Udemy’s top courses for your team. Learn and improve skills across
                        business, tec, design, and more.</p>
                </div>
                <div class="btn-group justify-content-center">
                    <a href="about.html" class="th-btn style3">Join With Us<i class="fas fa-arrow-right ms-2"></i></a>
                    <a href="contact.html" class="th-btn style2">Become A Teacher<i class="fas fa-arrow-right ms-2"></i></a>
                </div>
            </div>
        </div>
    </section>
    
    <!--==============================
Event Area
==============================-->
     <section class="space" data-bg-src="{{ url('/') }}/assets/img/bg/event-bg_1.png">
        <div class="shape-mockup event-shape1 jump" data-top="0" data-left="-60px">
            <img src="{{ url('/') }}/assets/img/team/team-shape_1_1.png" alt="img">
        </div>
        
        <div class="container">
        <div class="mb-35 text-center text-md-start">
                <div class="row align-items-center justify-content-between">
                    <div class="col-md-8">
                        <div class="title-area mb-md-0">
                           <span class="sub-title"><i class="fal fa-book me-2"></i> Fetaured Events</span>
                <h2 class="sec-title">Our Upcoming Events</h2>
                        </div>
                    </div>
                    <div class="col-md-auto">
                        <a href="{{ url('/events') }}" class="th-btn">View All Events<i class="fa-solid fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
            </div>
            
            <div class="row slider-shadow event-slider-1 th-carousel gx-70" data-slide-show="3" data-lg-slide-show="3" data-md-slide-show="1" data-sm-slide-show="1" data-xs-slide-show="1" data-arrows="true">
            
                @foreach($events as $event)
    <div class="col-lg-6 col-xl-4">
        <div class="event-card">
            <div class="event-card_img" data-mask-src="{{ url('/') }}/events/{{ $event->image }}">
                
            </div>
            <div class="event-card_content">
                <!--<div class="event-author">
                    <div class="avater">
                        <img src="{{ url('/') }}/assets/img/event/event-author1.png" alt="avater">
                    </div>
                </div>-->
                <img src="{{ url('/') }}/events/{{ $event->image }}" alt="event"> 
                <h3 class="event-card_title">
                    <a href="{{ route('events.show', $event->slug) }}">{{ $event->title }}</a>
                </h3>
                <div class="event-card_bottom">
                    <a href="{{ route('events.show', $event->slug) }}" class="th-btn">View Event <i class="far fa-arrow-right ms-1"></i></a>
                </div>
                <div class="event-card-shape jump">
                    <img src="{{ url('/') }}/assets/img/event/event-box-shape1.png" alt="img">
                </div>
            </div>
        </div>
    </div>
@endforeach
 
            


            </div>
        </div>
    </section>
    <!--==============================
Contact Area
==============================-->
    <div class="space-top space-bottom">
        <div class="container">
            <div class="row align-items-center">
            
                <div class="col-lg-6">
                    <div class="title-area mb-lg-0 text-lg-start text-center">
                        <span class="sub-title"><i class="fal fa-book me-2"></i> Our Recruiters</span>
                        <h2 class="sec-title mb-0">We Have More Than <span class="text-theme"><span class="counter-number">100</span>+</span> Global Recruiters</h2>
                    </div>
                </div>
                <div class="col-lg-6">
                
                    <div class="client-wrap text-lg-end text-center">
                        <div class="row gy-40">
                        <marquee onmouseover="this.stop();" onmouseout="this.start();" style="color:#fff;" behavior="alternate;">
                            <div class="col-3">
                                <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/ACC.png" alt="img">
                                </a>
                                <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/Alite-Project.png" alt="img">
                                </a>
                                 <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/Axis-Bank.png" alt="img">
                                </a>
                                 <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/Blue-Star.png" alt="img">
                                </a>
                                 <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/Brilliant-Life.png" alt="img">
                                </a>
                            </div>
                            
                            <div class="col-3">
                                <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/Canara-1.png" alt="img">
                                </a>
                                <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/Canon.png" alt="img">
                                </a>
                                <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/Cartrade.png" alt="img">
                                </a>
                                <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/Concord.png" alt="img">
                                </a>
                                <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/Guj-Laboratories.png" alt="img">
                                </a>
                                <a href="#" class="client-thumb">
                                    <img src="{{ url('/') }}/logo/HCG.webp" alt="img">
                                </a>
                            </div>
                            
                            </marquee>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!--<section class="cta-area-3 space-top">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mb-30 mb-lg-0">
                    <div class="cta-card" data-bg-src="{{ url('/') }}/assets/img/bg/cta-bg_3_1.png">
                        <div class="title-area mb-40">
                            <span class="sub-title text-white"><i class="fal fa-book me-2"></i>Popular Courses</span>
                            <h4 class="sec-title text-white">Get The Best Courses & <br> Upgrade Your Skills </h4>
                        </div>
                        <a href="contact.html" class="th-btn style8">Join With Us<i class="fas fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="cta-card" data-bg-src="{{ url('/') }}/assets/img/bg/cta-bg_3_2.png">
                        <div class="title-area mb-40">
                            <span class="sub-title text-white"><i class="fal fa-book me-2"></i>Popular Courses</span>
                            <h4 class="sec-title text-white">Engaging Courses for <br> Intellectual Exploration</h4>
                        </div>
                        <a href="contact.html" class="th-btn style8">Join With Us<i class="fas fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>-->
    <!--==============================
Testimonial Area
==============================-->
    <section class="testi-area-1 overflow-hidden space-bottom" data-bg-src="{{ url('/') }}/assets/img/bg/testi_bg_1.png">
        <div class="shape-mockup testi-bg-shape1 jump" data-right="0" data-top="50%">
            <img src="{{ url('/') }}/assets/img/testimonial/testi-bg-shape_1_1.png" alt="img">
        </div>
        <div class="shape-mockup testi-bg-shape2 spin" data-left="0" data-top="15%">
            <img src="{{ url('/') }}/assets/img/testimonial/testi-bg-shape_1_2.png" alt="img">
        </div>
        <div class="container">
            <div class="title-area text-center mb-50">
                <span class="sub-title"><i class="fal fa-book me-2"></i> Our Students Testimonials</span>
                <h2 class="sec-title">Students Say’s About Our University</h2>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="th-carousel testi-slider1 dot-style2 row" id="testimonial-slider1" data-slide-show="2" data-ml-slide-show="2" data-lg-slide-show="1" data-md-slide-show="1" data-dots="true" data-arrows="false">
                        <div class="col-lg-6">
                            <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0D5EF4" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Tonching.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">“Rai University” - these words evoke so many memories. Four years seem so short as I say goodbye. From my first day, the hospitality and new experiences were overwhelming. The supportive faculty, beautiful campus, quality education, and amazing people made it everything I hoped for. Throughout my journey here, I have grown in every aspect as a student and person. The faculty stood by me from day one to the end of placements. Thank you, Rai University - the administrators, HODs, and faculty, for your unwavering support and kindness. I will always remain your student. Thank you, Rai University, for being one of my best memories.</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name">Tonching Yangmai Chang</h3>
                                        <!--<span class="testi-box_desig">Regular Student</span>-->
                                    </div>
                                    <div class="testi-box_review">
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        (4.7)
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0D5EF4" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Uzmah-Girach.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">As a proud alumnus of Rai University, I am honored to share my journey with you. Being part of the foundation batch of the B-Pharm program holds a special place in my heart. Our journey was filed with learning, camaraderie, and growth, laying a strong foundation for future batches. The dedication and support of our esteemed faculty, who instilled perseverance and integrity, marked my time at Rai University. I am proud to be part of the Rai University family and look forward to its continued growth.</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name">Uzmah Girach</h3>
                                        <!--<span class="testi-box_desig">IT Student</span>-->
                                    </div>
                                    <div class="testi-box_review">
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        (4.7)
                                    </div>
                                </div>
                            </div>
                        </div>

<div class="col-lg-6">
                            <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0D5EF4" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Meet_chauhan_.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">I am Meet Chauhan,  I have recently completed my MBA in HR and Finance from rai university. My experience at Rai University during the MBA program has been very enriching. The supportive faculty, interactive seminars, and well-organized cultural and academic activities made learning more engaging. These experiences not only improved my knowledge but also enhanced my confidence and communication skills. I am thankful to all the faculty members and the university for providing such a positive and growth-oriented environment.</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name">Meet Chauhan</h3>
                                        <!--<span class="testi-box_desig">IT Student</span>-->
                                    </div>
                                    <div class="testi-box_review">
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        (4.7)
                                    </div>
                                </div>
                            </div>
                        </div>

<div class="col-lg-6">
                            <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0D5EF4" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Amit_Pawar_.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">“Rai University promised to ‘produce responsible citizens’ and it delivered. The Law School’s vision resonates through pro-bono hours, guest lectures by public-interest litigators, and interdisciplinary electives with the School ideology. The campus ethos prizes openness and celebrate diversity without fear. Knowing that honesty is non-negotiable has given me the confidence to argue boldly and ethically in internships and moot courts alike.”</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name">Amit Pawar</h3>
                                        <!--<span class="testi-box_desig">IT Student</span>-->
                                    </div>
                                    <div class="testi-box_review">
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        (4.7)
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0D5EF4" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Ammena_Aghadi_.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">“From day one, Rai University’s School of Law made its purpose crystal-clear to shape lawyers who can serve the nation and society and not just pass exams. Over three semesters of moot-court marathons, legal-aid camps in rural Gujarat and drafting workshops, I saw that vision being lived out, not laminated on a wall. This blend of purpose, community and uncompromising integrity has prepared me to step into the courts with confidence and a clear moral compass.”</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name">Ammena Aghadi</h3>
                                        <!--<span class="testi-box_desig">IT Student</span>-->
                                    </div>
                                    <div class="testi-box_review">
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        (4.7)
                                    </div>
                                </div>
                            </div>
                        </div>



                        <div class="col-lg-6">
                            <div class="testi-box">
                                <div class="testi-box-bg-shape">
                                    <svg width="150" height="137" viewBox="0 0 150 137" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 9.99951C0 4.47666 4.47715 -0.000488281 10 -0.000488281H140C145.523 -0.000488281 150 4.47666 150 9.99951V10.5803C150 13.3951 148.814 16.0796 146.732 17.9747L18.8619 134.394C17.0205 136.07 14.6199 137 12.1297 137H10C4.47715 137 0 132.522 0 127V9.99951Z" fill="#0D5EF4" />
                                    </svg>
                                </div>
                                <div class="testi-box_content">
                                    <div class="testi-box_img">
                                        <img src="{{ url('/document/testimonial/Vaishakhi-Mistri.png') }}" alt="Avater">
                                    </div>
                                    <p class="testi-box_text">My journey at Rai University has been one of growth, learning, and valuable experiences. From the moment I joined, I felt welcomed by a supportive community of faculty, staff, and fellow students. The university's focus on academic excellence and student success is evident in every aspect of campus life. Overall, Rai University has played a crucial role in shaping both my academic and personal journey. I am proud to be a part of this institution and would highly recommend it to anyone seeking quality education in a supportive and inspiring environment.</p>
                                </div>
                                <div class="testi-box_bottom">
                                    <div>
                                        <h3 class="testi-box_name">Vaishakhi Mistri</h3>
                                       <!-- <span class="testi-box_desig">Regular Student</span>-->
                                    </div>
                                    <div class="testi-box_review">
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        <i class="fa-solid fa-star-sharp"></i>
                                        (4.7)
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>    
<!--==============================
Blog Area
==============================-->
    <section class="overflow-hidden space" id="blog-sec">
        <div class="container">
            <div class="mb-35 text-center text-md-start">
                <div class="row align-items-center justify-content-between">
                    <div class="col-md-8">
                        <div class="title-area mb-md-0">
                            <span class="sub-title"><i class="fal fa-book me-2"></i> Our News & Blogs</span>
                            <h2 class="sec-title">Latests News & Blogs</h2>
                        </div>
                    </div>
                    <div class="col-md-auto">
                        <a href="{{ url('/blog') }}" class="th-btn">View All Posts<i class="fa-solid fa-arrow-right ms-2"></i></a>
                    </div>
                </div>
            </div>
            <div class="row slider-shadow th-carousel blog-slider-1" data-slide-show="3" data-lg-slide-show="2" data-md-slide-show="2" data-sm-slide-show="1" data-arrows="true">
@foreach($posts as $post)
    <div class="col-md-6 col-xl-4">
        <div class="th-blog blog-single style2">
            <div class="blog-img">
                <a href="{{ route('blogs.show', $post->slug) }}">
                    <img src="{{ $post->image ? asset('blogs/' . $post->image) : url('/') . '/assets/img/blog/default-blog.jpg' }}" alt="Blog Image">
                </a>
            </div>
            <div class="blog-content">
                <div class="blog-meta">
                    <a class="author" href="{{ route('blogs.show', $post->slug) }}"><i class="fa-light fa-user"></i>by {{ $post->author }}</a>
                    <a href="{{ route('blogs.show', $post->slug) }}"><i class="fa-light fa-clock"></i>{{ $post->formatted_date }}</a>
                </div>
                <h4 class="box-title"><a href="{{ route('blogs.show', $post->slug) }}">{!! $post->title !!}</a></h4>
                <a href="{{ route('blogs.show', $post->slug) }}" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
            </div>
        </div>
    </div>
@endforeach

                <!--<div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="{{ url('/') }}/assets/img/blog/blog-1-2.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>03 Jun, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">Enrich Your Mind, Envision Your Future: Education for Success</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="{{ url('/') }}/assets/img/blog/blog-1-3.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>10 Jul, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">University class starting soon while the lovely valley team work</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="{{ url('/') }}/assets/img/blog/blog-1-1.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>02 Apr, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">Educate, Empower, Excel: Discover the Power of Learning!</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="{{ url('/') }}/assets/img/blog/blog-1-2.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>03 Jun, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">Enrich Your Mind, Envision Your Future: Education for Success</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="th-blog blog-single style2">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="{{ url('/') }}/assets/img/blog/blog-1-3.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="blog.html"><i class="fa-light fa-user"></i>by David Smith</a>
                                <a href="blog.html"><i class="fa-light fa-clock"></i>10 Jul, 2023</a>
                            </div>
                            <h4 class="box-title"><a href="blog-details.html">University class starting soon while the lovely valley team work</a>
                            </h4>
                            <a href="blog-details.html" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                </div>-->

            </div>
        </div>
    </section>
@endsection