Access_New/parts/visa.php

<!--Visa Granted Section-->
<section class="full-screen sm-h-auto position-relative">
  <div class="bg-very-light-gray h-100 lg-w-100 position-absolute top-0 left-0 skrollable skrollable-after" data-bottom-top="width:20%" data-center-top="width:100%;" style="width: 100%;"></div>
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12">
        <div class="outside-box-right-50 lg-outside-box-right-65 sm-me-0">
          <div class="swiper text-slider-style-02 swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 4000, &quot;disableOnInteraction&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1400&quot;: { &quot;slidesPerView&quot;: 2, &quot;spaceBetween&quot;: 130 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 2, &quot;spaceBetween&quot;: 80 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2, &quot;spaceBetween&quot;: 50 } }, &quot;effect&quot;: &quot;slide&quot; }">
            <div class="swiper-wrapper" id="swiper-wrapper-7bea8fca463158b4" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-2280px, 0px, 0px); transition-delay: 0ms;">
              <div class="swiper-slide" role="group" aria-label="1 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="0">
                <div class="row">
                  <div class="col-12 col-lg-4 pt-8 order-lg-1 order-2">
                    <div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative">
                      <h2>Congratulations</h2>
                      <h3 class="ls-minus-1px fw-700 word-break-normal mb-40px sm-mb-20px"><a href="#" class="text-dark-gray text-dark-gray-hover">For a success Visa Grant to study in <strong>CANADA</strong></a></h3>
                    </div>
                    <div> <img src="images/avtar-33.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina="">
                      <div class="d-inline-block align-middle"> <a href="#" class="text-dark-gray fs-18 fw-600 text-decoration-line-bottom">Dolraj Rijal</a> </div>
                    </div>
                  </div>
                  <div class="col-12 col-lg-8 order-lg-2 order-1"> <a href="#"><img src="images/access-image/dolraj-rijal.png" class="border-radius-6px" alt="" data-no-retina=""></a> </div>
                </div>
              </div>
              <div class="swiper-slide swiper-slide-prev" role="group" aria-label="2 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="1">
                <div class="row">
                  <div class="col-12 col-lg-4 pt-8 order-lg-1 order-2">
                    <div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative">
                      <h2>Congratulations</h2>
                      <h3 class="ls-minus-1px fw-700 word-break-normal mb-40px sm-mb-20px"><a href="#" class="text-dark-gray text-dark-gray-hover">For a success Visa Grant to study in <strong>UK</strong></a></h3>
                    </div>
                    <div> <img src="images/avtar-34.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina="">
                      <div class="d-inline-block align-middle"> <a href="#" class="text-dark-gray fs-18 fw-600 text-decoration-line-bottom">Onsika Shrestha</a> </div>
                    </div>
                  </div>
                  <div class="col-12 col-lg-8 order-lg-2 order-1"> <a href="#"><img src="images/access-image/oniska-shrestha.png" class="border-radius-6px" alt="" data-no-retina=""></a> </div>
                </div>
              </div>
              <div class="swiper-slide swiper-slide-active" role="group" aria-label="3 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="2">
                <div class="row">
                  <div class="col-12 col-lg-4 pt-8 order-lg-1 order-2">
                    <div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative">
                      <h2>Congratulations</h2>
                      <h3 class="ls-minus-1px fw-700 word-break-normal mb-40px sm-mb-20px"><a href="#" class="text-dark-gray text-dark-gray-hover">For a success Visa Grant to study in <strong>CANADA</strong></a></h3>
                    </div>
                    <div> <img src="images/avtar-35.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina="">
                      <div class="d-inline-block align-middle"> <a href="#" class="text-dark-gray fs-18 fw-600 text-decoration-line-bottom">Priya Pandey</a> </div>
                    </div>
                  </div>
                  <div class="col-12 col-lg-8 order-lg-2 order-1"> <a href="#"><img src="images/access-image/priya-pandey.png" class="border-radius-6px" alt="" data-no-retina=""></a> </div>
                </div>
              </div>
              <div class="swiper-slide swiper-slide-next" role="group" aria-label="4 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="3">
                <div class="row">
                  <div class="col-12 col-lg-4 pt-8 order-lg-1 order-2">
                    <div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative">
                      <h2>Congratulations</h2>
                      <h3 class="ls-minus-1px fw-700 word-break-normal mb-40px sm-mb-20px"><a href="#" class="text-dark-gray text-dark-gray-hover"> For a success Visa Grant to study in <strong>CANADA</strong></a></h3>
                    </div>
                    <div> <img src="images/avtar-34.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina="">
                      <div class="d-inline-block align-middle"> <a href="#" class="text-dark-gray fs-18 fw-600 text-decoration-line-bottom">Sabin Chaulagain</a> </div>
                    </div>
                  </div>
                  <div class="col-12 col-lg-8 order-lg-2 order-1"> <a href="#"><img src="images/access-image/sabin-chaulagain.png" class="border-radius-6px" alt="" data-no-retina=""></a> </div>
                </div>
              </div>
            </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--Visa Granted Section End--> 

<!--VISA Slider Section--->
<section class="overflow-hidden position-relative py-0">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 feather-shadow">
        <div class="outside-box-right-15 outside-box-left-15">
          <div class="swiper swiper-dark-pagination swiper-line-pagination-style-01 magic-cursor base-color text-slider-style-05 swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.swiper-line-pagination&quot;, &quot;clickable&quot;: true }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-three-slide-next&quot;, &quot;prevEl&quot;: &quot;.slider-three-slide-prev&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 } }, &quot;effect&quot;: &quot;slide&quot; }">
            <div class="swiper-wrapper" id="swiper-wrapper-726042162160f4d4" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-2326px, 0px, 0px); transition-delay: 0ms;"> 
              <!-- start slider item --> 
              
              <!-- end slider item --> 
              <!-- start slider item --> 
              
              <!-- end slider item --> 
              <!-- start slider item --> 
              
              <!-- end slider item --> 
              <!-- start slider item --> 
              
              <!-- end slider item --> 
              <!-- start slider item --> 
              
              <!-- end slider item --> 
              <!-- start slider item --> 
              
              <!-- end slider item -->
              <div class="swiper-slide" role="group" aria-label="5 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="4"> <img class="sm-w-100" src="images/access-image/dolraj-rijal.png" alt="" data-no-retina=""> </div>
              <div class="swiper-slide" role="group" aria-label="6 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="5"> <img class="sm-w-100" src="images/access-image/oniska-shrestha.png" alt="" data-no-retina=""> </div>
              <div class="swiper-slide swiper-slide-prev" role="group" aria-label="1 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="0"> <img class="sm-w-100" src="images/access-image/priya-pandey.png" alt="" data-no-retina=""> </div>
              <div class="swiper-slide swiper-slide-active" role="group" aria-label="2 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="1"> <img class="sm-w-100" src="images/access-image/sabin-chaulagain.png" alt="" data-no-retina=""> </div>
              <div class="swiper-slide swiper-slide-next" role="group" aria-label="3 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="2"> <img class="sm-w-100" src="images/access-image/sadikshya-karki.png" alt="" data-no-retina=""> </div>
              <div class="swiper-slide" role="group" aria-label="4 / 6" style="width: 745.333px; margin-right: 30px;" data-swiper-slide-index="3"> <img class="sm-w-100" src="images/access-image/sagar-lama.png" alt="" data-no-retina=""> </div>
            </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--VISA Slider Section End--->