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-->