@extends('layouts.app3')

@section('title', 'Home')

@section('content')
  <!--==============================
Inquiery now button
==============================--> 
  <style>
   

    /* Vertical Inquiry Button */
    .inquiry-btn {
      position: fixed;
      top: 50%;
      right: -48px; /* adjust to control visibility */
      transform: translateY(-50%) rotate(-90deg);
      background-color: #ffc107; /* yellow */
      color: #000;
      font-weight: 600;
      padding: 10px 25px; 
      border-radius: 8px 8px 0 0; 
      text-decoration: none;
      box-shadow: 0 4px 10px rgba(0,0,0,0.3);
      transition: all 0.3s ease;
      z-index: 9999;
      text-transform: uppercase;
    }

    .inquiry-btn:hover {
      right: -55px;
      background-color: #e0a800;
      color: #fff;
      transform: translateY(-50%) rotate(-90deg) scale(1.05);
    }
    /* Call Now Button (Red) */
.call-btn {
  position: fixed;
  top: 70%;   /* नीचे दिखाने के लिए */
  right: -53px;
  transform: translateY(-50%) rotate(-90deg);
  background-color: #dc3545;  /* Red */
  color: #fff;
  font-weight: 600;
  padding: 10px 25px;
  border-radius: 8px 8px 0 0;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  z-index: 9999;
  text-transform: uppercase;
}

.call-btn:hover {
  right: -55px;
  background-color: #b02a37;
}
  </style>
</head>


  <!-- Right Side Vertical Button -->
  <a href="https://www.raiuniversity.edu/Admissions/" class="inquiry-btn">Apply Now</a>
  <a href="tel:+918980004322" class="call-btn"><i class="fa-solid fa-phone"></i> Call Now</a>
 


 <!--==============================
slider 
==============================-->
 
   <section id="home" class="hero-slider">
        <!-- Slide 1 -->
       <div class="slide active" style="background-image: url('images/slider/website slider.jpg');">
        </div>
         
        <!-- Slide 2 -->
       <div class="slide" style="background-image: url('images/slider/rencore.jpeg');">
        </div>
        
        <!-- Slide 3 -->
     <div class="slide" style="background-image: url('document/slider/Slider_3.webp');">
        </div>
        
         <!-- Slide 4 -->
     <div class="slide" style="background-image: url('document/slider/Reet_club_4.webp');">
        </div>
        
         <!-- Slide 5 -->
     <div class="slide" style="background-image: url('document/slider/Warrior_club_5.webp');">
        </div>
        
         <!-- Slide 6 -->
     <div class="slide" style="background-image: url('document/slider/Evolve-Club_6.webp');">
        </div>
        
         <!-- Slide 7 -->
     <div class="slide" style="background-image: url('document/slider/Praytn_club_7.webp');">
        </div>
        
         <!-- Slide 8 -->
     <div class="slide" style="background-image: url('document/slider/Award_mahasammelan_8.png');">
        </div>
        
         <!-- Slide 9 -->
     <div class="slide" style="background-image: url('document/slider/slider_MY-FM_9.jpg');">
        </div>
        
          <!-- Slide 10 -->
     <div class="slide" style="background-image: url('document/slider/slider_international_10.jpg');">
        </div>
          
        
        <!-- Navigation Arrows -->
       <button class="slider-arrow prev" onclick="changeSlide(-1)">
            <i class="fas fa-chevron-left"></i>
        </button>
        <button class="slider-arrow next" onclick="changeSlide(1)">
            <i class="fas fa-chevron-right"></i>
        </button>
        
        <!-- Dot Navigation -->
       <div class="-nav"> 
            <div class="slider-dot active" onclick="currentSlide(1)"></div>
            <div class="slider-dot" onclick="currentSlide(2)"></div>
            <div class="slider-dot" onclick="currentSlide(3)"></div>
        </div>
    </section>
    
    <!--==============================
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/ABOUT_RAI_IMAGE.png" 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>
  
    <div class="cta-area-1" >
        <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="https://www.raiuniversity.edu/Admissions/" class="th-btn style8 mt-4">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>

    <!-- RU Life Section -->
    <section class="ru-life-section" id="ru-life">
        <div class="container">
            <!-- Row 1: col-8 + col-4 -->
            <div class="row">
                <div class="col-lg-8">
                    <div class="ru-life-card" style="background-image: url('images/ffrai1.jpg');">
                        <div class="ru-life-content">
                            <h2 class="ru-life-title">I Love RU</h2>
                            <p class="ru-life-description">Experience the warmth, community, and unforgettable moments that make Rai University a home away from home. Our students create lifelong memories and friendships that last forever.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="ru-life-card" style="background-image: url('images/ffrai2.jpg');">
                        <div class="ru-life-content">
                            <h2 class="ru-life-title">Life at RU</h2>
                            <p class="ru-life-description">Discover the vibrant campus life filled with activities, events, and opportunities for personal and academic growth.</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Row 2: col-4 + col-8 -->
            <div class="row">
                <div class="col-lg-4">
                    <div class="ru-life-card" style="background-image: url('images/ffrai4.jpg');">
                        <div class="ru-life-content">
                            <h2 class="ru-life-title">RU Sports</h2>
                            <p class="ru-life-description">Excel in sports and fitness with our world-class facilities and coaching programs that develop champions.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="ru-life-card" style="background-image: url('images/ffrai3.jpg');">
                        <div class="ru-life-content">
                            <h2 class="ru-life-title">RU Innovation</h2>
                            <p class="ru-life-description">Join our innovation hub where creative minds come together to solve real-world problems. From research labs to startup incubators, we foster the next generation of innovators and entrepreneurs.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
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_11.png" alt="img">
                        </div>-->
                        <div class="text-end">
                            <a class="th-btn mt-30" href="{{ url('/') }}/Admissions/">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> Latest Updates</span>
                            <h2 class="sec-title">Latest updates on exams, admissions, and events are posted regularly.</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">Notices</h3>
                                        <ul class="wcu-box_text" style="padding-left: 18px; ">
                                        
                                         <li><a href="document/Campus_life/Notice/2026/jan/30_Notice_Term_End_Examination_Feb_2026_B.Pharm_.I_and_M.Pharm_.I.pdf"> Notice - Term End Examination B.Pharm-I and M.Pharm-I Feb 2026</a><img decoding="async" src="https://www.raiuniversity.edu/wp-content/uploads/new1.gif" width="40" height="23"></li>
                                         <li><a href="document/Campus_life/Notice/2026/jan/Term_End_Exam_Feb_2026_Time_Table_SOP_Backlog.pdf"> Notice - Term End Exam Time Table SOP Backlog Feb 2026</a><img decoding="async" src="https://www.raiuniversity.edu/wp-content/uploads/new1.gif" width="40" height="23"></li>
                                         <li><a href="document/Campus_life/Notice/2026/jan/Term_End_Exam_Feb_2026_Time_Table_SOP.pdf"> Notice - Term End Exam Time Table SOP Feb-2026</a><img decoding="async" src="https://www.raiuniversity.edu/wp-content/uploads/new1.gif" width="40" height="23"></li>
        
                                        </ul>
                                    </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">Events</h3>
                                        <ul class="wcu-box_text" style="padding-left: 18px;    text-transform: lowercase;">
                                            @foreach($events->take(3) as $event)
                                                <li><a href="{{ route('events.show', $event->slug) }}">{{ $event->title }}</a></li>
                                            @endforeach
                                        </ul>
                                    </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_11.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 space-top mt-5" 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">
                
                <img src="{{ url('/') }}/events/{{ $event->image }}" alt="event"> 
                <h3 class="event-card_title mt-2">
                    <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=" ">
        <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">
                            <div class="col-12">
                                <div class="th-carousel client-logo-slider" data-slide-show="3" data-arrows="true" data-dots="false" data-autoplay="true" data-autoplay-speed="2500">
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/ACC.png" alt="ACC">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Alite-Project.png" alt="Alite Project">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Axis-Bank.png" alt="Axis Bank">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Blue-Star.png" alt="Blue Star">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Brilliant-Life.png" alt="Brilliant Life">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Canara-1.png" alt="Canara">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Canon.png" alt="Canon">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Cartrade.png" alt="Cartrade">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Concord.png" alt="Concord">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#" class="client-thumb">
                                            <img src="{{ url('/') }}/logo/Guj-Laboratories.png" alt="Guj Laboratories">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    

    <!--==============================
Blog Area
==============================-->
    <section class="overflow-hidden space" id="blog-sec" style="
    background: #1a7e83;
">
        <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>
            </div>
            <div class="row">
                @if($posts->count() > 0)
                    <!-- Latest Post (Col 1) -->
                    <div class="col-md-6">
                        <div class="th-blog blog-single style2">
                            <div class="blog-img">
                                <a href="{{ route('blogs.show', $posts[0]->slug) }}">
                                    <img src="{{ $posts[0]->image ? asset('blogs/' . $posts[0]->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', $posts[0]->slug) }}"><i class="fa-light fa-user"></i>by {{ $posts[0]->author }}</a>-->
                                    <a href="{{ route('blogs.show', $posts[0]->slug) }}"><i class="fa-light fa-clock"></i>{{ $posts[0]->formatted_date }}</a>
                                </div>
                                <h4 class="box-title"><a href="{{ route('blogs.show', $posts[0]->slug) }}">{!! $posts[0]->title !!}</a></h4>
                                <a href="{{ route('blogs.show', $posts[0]->slug) }}" class="link-btn">Read More Details<i class="fas fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div> 
                @endif

                <!-- Next 3 Posts (Col 2) -->
                <div class="col-md-6">
                    @foreach($posts->slice(1, 3) as $post)
                        <div class="th-blog blog-single" style="display: flex; flex-direction: row; margin-bottom: 24px; background: #fff;">
                            <div class="blog-img2" style="display: flex;">
                                <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" style="margin-left: 20px;">
                                <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>

                    @endforeach
                    <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>
<style>
   

    /* Only apply square image style for col-2 blog images */
    .col-md-6 > .th-blog.blog-single {
        /* For col-2 only, not col-1 */
    }
    .col-md-6 > .th-blog.blog-single .blog-img2 {
        width: 120px;
        height: 120px;
        min-width: 120px;
        min-height: 120px;
        max-width: 120px;
        max-height: 120px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: #f7f7f7;
    }
    .col-md-6 > .th-blog.blog-single .blog-img2 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
</style>
        </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="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="#801214" />
                                    </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="#801214" />
                                    </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="#801214" />
                                    </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="#801214" />
                                    </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="#801214" />
                                    </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="#801214" />
                                    </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> --}}   

<script>
    (function () {
        let currentIndex = 0;
        let autoplayInterval;

        function getSlides() {
            return document.querySelectorAll('.hero-slider .slide');
        }

        function getDots() {
            return document.querySelectorAll('.hero-slider .slider-dot');
        }

        function showSlide(index) {
            const slides = getSlides();
            const dots = getDots();

            if (!slides.length) {
                return;
            }

            if (index >= slides.length) {
                currentIndex = 0;
            } else if (index < 0) {
                currentIndex = slides.length - 1;
            } else {
                currentIndex = index;
            }

            slides.forEach((slide, i) => {
                slide.classList.toggle('active', i === currentIndex);
            });

            dots.forEach((dot, i) => {
                dot.classList.toggle('active', i === currentIndex);
            });
        }

        function startAutoplay() {
            autoplayInterval = setInterval(() => {
                showSlide(currentIndex + 1);
            }, 2000);
        }

        function stopAutoplay() {
            clearInterval(autoplayInterval);
        }

        window.changeSlide = function (step) {
            stopAutoplay();
            showSlide(currentIndex + step);
            startAutoplay();
        };

        window.currentSlide = function (index) {
            stopAutoplay();
            showSlide(index - 1);
            startAutoplay();
        };

        document.addEventListener('DOMContentLoaded', function () {
            showSlide(0);
            startAutoplay();
        });
    })();
</script>

@endsection