Access_New/parts/testimonials.php

<!--Testimonials Section-->
<section class="big-section position-relative"> 
  
  <!--animation particals-->
  <div id="particles-01" data-particle="true" data-particle-options="{&quot;particles&quot;: {&quot;number&quot;: {&quot;value&quot;: 10,&quot;density&quot;: {&quot;enable&quot;: true,&quot;value_area&quot;: 1000}},&quot;color&quot;:{&quot;value&quot;:[&quot;#ff5b74&quot;, &quot;#820f89&quot;]},&quot;shape&quot;: {&quot;type&quot;: &quot;circle&quot;,&quot;stroke&quot;:{&quot;width&quot;:0,&quot;color&quot;:&quot;#000000&quot;}},&quot;opacity&quot;: {&quot;value&quot;: 0.7,&quot;random&quot;: false,&quot;anim&quot;: {&quot;enable&quot;: false,&quot;speed&quot;: 2,&quot;sync&quot;: false}},&quot;size&quot;: {&quot;value&quot;: 7,&quot;random&quot;: true,&quot;anim&quot;: {&quot;enable&quot;: false,&quot;sync&quot;: true}},&quot;move&quot;: {&quot;enable&quot;: true,&quot;speed&quot;:2,&quot;direction&quot;: &quot;right&quot;,&quot;random&quot;: false,&quot;straight&quot;: false}},&quot;interactivity&quot;: {&quot;detect_on&quot;: &quot;canvas&quot;,&quot;events&quot;: {&quot;onhover&quot;: {&quot;enable&quot;: false,&quot;mode&quot;: &quot;repulse&quot;},&quot;onclick&quot;: {&quot;enable&quot;: false,&quot;mode&quot;: &quot;push&quot;},&quot;resize&quot;: true}},&quot;retina_detect&quot;: false}" class="position-absolute top-0px left-0px w-100 z-index-minus-1">
    <canvas class="particles-js-canvas-el" width="1903" height="952" style="width: 100%; height: 100%;"></canvas>
  </div>
  <!--animation particals-->
  
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-xxl-7 col-xl-8 col-lg-10 col-md-11 text-center">
        <h3 class="text-dark-gray custom-title alt-font ls-minus-2px xs-mb-35px">What Our Students Say</h3>
      </div>
    </div>
    <div class="row">
      <div class="col-12 text-center appear anime-complete" data-anime="{ &quot;rotateX&quot;: [-40, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="">
        <div class="swiper swiper-horizontal-3d pt-8 pb-5 lg-pt-10 lg-pb-10 md-pt-12 sm-pt-15 sm-pb-11 swiper-pagination-bottom testimonials-style-04 magic-cursor swiper-coverflow swiper-3d swiper-initialized swiper-horizontal swiper-watch-progress" data-slider-options="{ &quot;loop&quot;: true, &quot;slidesPerView&quot;: 1,&quot;centeredSlides&quot;:true,&quot;effect&quot;:&quot;coverflow&quot;,&quot;coverflowEffect&quot;:{&quot;rotate&quot;:0,&quot;stretch&quot;:100,&quot;depth&quot;:150,&quot;modifier&quot;:1.5,&quot;slideShadows&quot;:true}, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.swiper-button-next-nav.slider-navigation-style-04&quot;, &quot;prevEl&quot;: &quot;.swiper-button-previous-nav.slider-navigation-style-04&quot; }, &quot;autoplay&quot;: { &quot;delay&quot;: 5000, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.swiper-pagination-04&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: true }, &quot;breakpoints&quot;: { &quot;768&quot;: { &quot;slidesPerView&quot;: 2 } } }">
          <div class="swiper-wrapper" id="swiper-wrapper-10d101ac1e847e71a2" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-892.5px, 0px, 0px); transition-delay: 0ms;"> 
            <!-- start testimonial item --> 
            
            <!-- end testimonial item --> 
            <!-- start testimonial item --> 
            
            <!-- end testimonial item --> 
            <!-- start testimonial item --> 
            
            <!-- end testimonial item --> 
            <!-- start testimonial item --> 
            
            <!-- end testimonial item -->
            <div class="swiper-slide bg-white border-radius-4px" role="group" aria-label="3 / 4" data-swiper-slide-index="2" style="width: 595px; transition-duration: 0ms; transform: translate3d(300px, 0px, -450px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -2;">
              <div class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20"> <img alt="" src="images/avtar-26.jpg" class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8" data-no-retina="">
                <div class="testimonials-content">
                  <p class="mb-25px">"New Zealand was my dream destination for studies, and ACCESS EDUCATION Network played a pivotal role in making it happen. Their team's dedication is truly commendable." </p>
                </div>
                <div class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">Nabin Shrestha</div>
                <div class="testimonials-position fs-15 lh-20">New Zealand</div>
              </div>
              <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 3; transition-duration: 0ms;"></div>
              <div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
            </div>
            <div class="swiper-slide bg-white border-radius-4px swiper-slide-visible swiper-slide-prev" role="group" aria-label="4 / 4" data-swiper-slide-index="3" style="width: 595px; transition-duration: 0ms; transform: translate3d(150px, 0px, -225px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -1;">
              <div class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20"> <img alt="" src="images/avtar-25.jpg" class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8" data-no-retina="">
                <div class="testimonials-content">
                  <p class="mb-25px">"Studying in Canada seemed like a distant dream, but ACCESS EDUCATION Network's comprehensive guidance and excellent counseling paved the way for my successful application." </p>
                </div>
                <div class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">Pita Dhungana</div>
                <div class="testimonials-position fs-15 lh-20">Canada</div>
              </div>
              <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 1.5; transition-duration: 0ms;"></div>
              <div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
            </div>
            <div class="swiper-slide bg-white border-radius-4px swiper-slide-visible swiper-slide-fully-visible swiper-slide-active" role="group" aria-label="1 / 4" data-swiper-slide-index="0" style="width: 595px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 1;">
              <div class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20"> <img alt="" src="images/avtar-24.jpg" class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8" data-no-retina="">
                <div class="testimonials-content">
                  <p class="mb-25px">"ACCESS EDUCATION Network's team is a group of dedicated professionals who genuinely care about your success. Their guidance led me to a top university in Australia." </p>
                </div>
                <div class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">Binod Karki</div>
                <div class="testimonials-position fs-15 lh-20">Australia</div>
              </div>
              <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
              <div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
            </div>
            <div class="swiper-slide bg-white border-radius-4px swiper-slide-visible swiper-slide-next" role="group" aria-label="2 / 4" data-swiper-slide-index="1" style="width: 595px; transition-duration: 0ms; transform: translate3d(-150px, 0px, -225px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 0;">
              <div class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20"> <img alt="" src="images/avtar-25.jpg" class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8" data-no-retina="">
                <div class="testimonials-content">
                  <p class="mb-25px">"I'm so thankful for ACCESS EDUCATION Network's constant guidance, from selecting the right course to getting my visa. They made my UK education dream a reality." </p>
                </div>
                <div class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">Sabina Rai</div>
                <div class="testimonials-position fs-15 lh-20">UK</div>
              </div>
              <div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
              <div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 1.5; transition-duration: 0ms;"></div>
            </div>
          </div>
          <!-- start slider pagination --> 
          <!-- <div class="swiper-pagination slider-four-slide-pagination-1 swiper-pagination-style-4 swiper-pagination-clickable swiper-pagination-bullets"></div>--> 
          <!-- end slider pagination --> 
          <!-- start slider navigation --> 
          <!-- <div class="swiper-button-previous-nav swiper-button-prev icon-extra-medium slider-navigation-style-04 rounded-circle"><i class="icon feather icon-feather-arrow-left"></i></div>
                                 <div class="swiper-button-next-nav swiper-button-next icon-extra-medium slider-navigation-style-04 rounded-circle"><i class="icon feather icon-feather-arrow-right"></i></div>--> 
          <!-- end slider navigation --> 
          <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
      </div>
    </div>
  </div>
</section>
<!--Testimonials Section End-->