gallery page added with visa granted

blog.php

@@ -1,5 +1,4 @@
 <?php include('header.php')?>
-
 <!--Page Hero Section-->
 <section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(&quot;images/demo-accounting-company-title-bg.jpg&quot;); margin-top: 141px;">
   <div class="container">

css/style.min.css

@@ -18109,4 +18109,60 @@ footer .nav-link {
   line-height: 160px;
   font-weight: 600;
 }
+
+
+
+
+
+
+
+
+.popup-link a{
+    background: #333;
+    color: #fff;
+    padding: 10px 30px;
+    border-radius: 5px;
+    font-size:17px;
+    cursor:pointer;
+    margin:20px;
+    text-decoration:none;
+}
+
+.popup-container {
+    visibility: hidden;
+    opacity: 0;
+    transition: all 0.3s ease-in-out;
+    transform: scale(1.3);
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(21, 17, 17, 0.61);
+    display: flex;
+    align-items: center;
+}
+.popup-content {
+    background-color: #fefefe;
+    margin: auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 50%;
+}
+.popup-content p{
+    font-size: 17px;
+    padding: 10px;
+    line-height: 20px;
+}
+.popup-content a.close{
+    color: #aaaaaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+    background: none;
+    padding: 0;
+    margin: 0;
+    text-decoration:none;
+}
 /*custome css*/

gallery.php

@@ -0,0 +1,124 @@
+<?php include('header.php')?>
+<!--Page Hero Section-->
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(&quot;images/demo-accounting-company-title-bg.jpg&quot;); margin-top: 141px;">
+  <div class="container">
+    <div class="row extra-very-small-screen align-items-center">
+      <div class="col-lg-5 col-sm-8 position-relative page-title-extra-small appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;translateX&quot;: [-30, 0], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
+        <h1 class="mb-20px text-white text-shadow-medium" style=""><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Education Network</h1>
+        <h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Gallery</h2>
+      </div>
+    </div>
+  </div>
+</section>
+<!--Page Hero section End--> 
+
+<!--Gallery Section-->
+<section class="ps-5 pe-5 lg-ps-2 lg-pe-2 position-relative">
+  <div class="h-110px position-absolute w-100 h-100 left-0px right-0px top-minus-70px" style="background-image:url('images/demo-travel-agency-about-bg-02.png')"></div>
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col">
+        <ul class="image-gallery-style-02 gallery-wrapper grid grid-4col xxl-grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-large" style="position: relative; height: 784.218px;">
+          <li class="grid-sizer"></li>
+          <!-- start gallery item -->
+          <li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 0%; top: 0px;">
+            <div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
+              <div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
+                <div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
+                  <div class="gallery-box"> <a href="images/access-image/dolraj-rijal.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
+                    <div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/dolraj-rijal.png" alt="" data-no-retina="">
+                      <div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
+                    </div>
+                    </a> </div>
+                  <span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
+                <span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
+            </div>
+          </li>
+          <!-- end gallery item --> 
+          
+          <!-- start gallery item -->
+          <li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 24.9995%; top: 0px;">
+            <div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
+              <div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
+                <div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
+                  <div class="gallery-box"> <a href="images/access-image/oniska-shrestha.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
+                    <div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/oniska-shrestha.png" alt="" data-no-retina="">
+                      <div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
+                    </div>
+                    </a> </div>
+                  <span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
+                <span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
+            </div>
+          </li>
+          <!-- end gallery item --> 
+          
+          <!-- start gallery item -->
+          <li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 49.999%; top: 0px;">
+            <div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
+              <div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
+                <div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
+                  <div class="gallery-box"> <a href="images/access-image/priya-pandey.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
+                    <div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/priya-pandey.png" alt="" data-no-retina="">
+                      <div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
+                    </div>
+                    </a> </div>
+                  <span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
+                <span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
+            </div>
+          </li>
+          <!-- end gallery item --> 
+          
+          <!-- start gallery item -->
+          <li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 74.9986%; top: 0px;">
+            <div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
+              <div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
+                <div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
+                  <div class="gallery-box"> <a href="images/access-image/sabin-chaulagain.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
+                    <div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/sabin-chaulagain.png" alt="" data-no-retina="">
+                      <div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
+                    </div>
+                    </a> </div>
+                  <span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
+                <span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
+            </div>
+          </li>
+          <!-- end gallery item --> 
+          
+          <!-- start gallery item -->
+          <li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 0%; top: 392.109px;">
+            <div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
+              <div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
+                <div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
+                  <div class="gallery-box"> <a href="images/access-image/sadikshya-karki.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
+                    <div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/sadikshya-karki.png" alt="" data-no-retina="">
+                      <div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
+                    </div>
+                    </a> </div>
+                  <span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
+                <span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
+            </div>
+          </li>
+          <!-- end gallery item --> 
+          
+          <!-- start gallery item -->
+          <li class="grid-item transition-inner-all atropos atropos-rotate-touch" data-atropos="" data-atropos-perspective="1150" style="position: absolute; left: 24.9995%; top: 392.109px;">
+            <div class="atropos-scale" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
+              <div class="atropos-rotate" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);">
+                <div class="atropos-inner" data-atropos-offset="3" style="transition-duration: 300ms; transform: translate3d(0px, 0px, 0px);">
+                  <div class="gallery-box"> <a href="images/access-image/sagar-lama.png" data-group="lightbox-group-gallery-item-2" title="Lightbox gallery image title">
+                    <div class="position-relative gallery-image bg-slate-blue"> <img src="images/access-image/sagar-lama.png" alt="" data-no-retina="">
+                      <div class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top"> <i class="bi bi-camera icon-medium text-white"></i> </div>
+                    </div>
+                    </a> </div>
+                  <span class="atropos-highlight" style="transform: translate3d(0px, 0px, 0px); transition-duration: 300ms; opacity: 0;"></span></div>
+                <span class="atropos-shadow" style="transform: translate3d(0px, 0px, -50px) scale(1); transition-duration: 300ms;"></span></div>
+            </div>
+          </li>
+          <!-- end gallery item -->
+        </ul>
+      </div>
+    </div>
+  </div>
+</section>
+<!--Gallery Section End-->
+<?php include('footer.php')?>

index.php

@@ -7,7 +7,7 @@
 <?php include('parts/form.php')?>
 <?php /*?><?php include('parts/team.php')?><?php */?>
 <?php include('parts/testimonials.php')?>
-<?php /*?><?php include('parts/visa.php')?><?php */?>
+<?php include('parts/visa.php')?>
 <?php include('parts/blog.php')?>
 <?php include('parts/apply.php')?>
 <?php include('footer.php');?>

parts/apply.php

@@ -7,13 +7,11 @@
       <div class="col-xl-6 col-lg-7 md-mb-25px sm-mb-15px position-relative text-center text-lg-start">
         <h3 class="pb-4 alt-font fw-500 text-white ls-minus-1px mb-10px shadow-none shadow-in" data-shadow-animation="true" data-animation-delay="700">Secure Your <span class="fw-700 text-highlight d-inline-block">Future Today<span class="bg-white h-10px bottom-1px opacity-3 separator-animation"></span></span></h3>
         <span class="fs-20 text-white">"Take the first step towards achieving your academic and career goals—apply now and secure your future with Access Education Network."</span> </div>
-      <div class="col-lg-5 offset-xl-1 text-center"> <a href="" class="btn btn-large btn-rounded with-rounded btn-white btn-box-shadow fw-600" style="">Apply Now<span class="bg-base-color text-white"><i class="bi bi-arrow-right-short icon-extra-medium"></i></span></a> </div>
+      
+		<div class="col-lg-5 offset-xl-1 text-center"> <a href="#popup1" class="btn btn-large btn-rounded with-rounded btn-white btn-box-shadow fw-600" style="">Apply Now<span class="bg-base-color text-white"><i class="bi bi-arrow-right-short icon-extra-medium"></i></span></a> </div>
+		
     </div>
     <!-- end newsletter --> 
   </div>
 </section>
-<!--Popup Module End-->
+<!--Popup Module End-->
-
-
-
-

parts/visa.php

@@ -1,114 +1,34 @@
-<!--Visa Granted Section-->
+<section class="position-relative bg-dark-gray overflow-hidden background-position-center-top sm-background-image-none" style="background-image: url('images/vertical-line-bg-small.svg')">
-<section class="full-screen sm-h-auto position-relative">
+  <div class="position-absolute left-minus-100px top-40px skrollable skrollable-between" data-bottom-top="transform: translateY(-80px)" data-top-bottom="transform: translateY(80px)" style="transform: translateY(16.0326px);"> <img src="images/demo-elearning-bg-05.png" alt="" data-no-retina=""> </div>
-  <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="row justify-content-center align-items-center appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
-      <div class="col-12">
+      <div class="col-lg-5 position-relative md-mb-50px sm-mb-25px" style="">
-        <div class="outside-box-right-50 lg-outside-box-right-65 sm-me-0">
+        <h2 class="alt-font text-white fw-600 ls-minus-2px w-85 lg-w-100">Trusted by genius people.</h2>
-          <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; }">
+        <p class="lg-w-100 text-white">"Congratulations! Your student visa has been granted, and you're one step closer to pursuing your academic journey abroad with our support by your side."</p>
-            <div class="swiper-wrapper" id="swiper-wrapper-7bea8fca463158b4" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-2280px, 0px, 0px); transition-delay: 0ms;">
+		  <a href="gallery.php" class="btn btn-large btn-rounded with-rounded btn-white btn-box-shadow fw-600">Explore More<span class="bg-base-color text-white"><i class="bi bi-arrow-right-short icon-extra-medium"></i></span></a>
-              <div class="swiper-slide" role="group" aria-label="1 / 4" style="width: 1010px; margin-right: 130px;" data-swiper-slide-index="0">
+      </div>
-                <div class="row">
+      <div class="col-lg-7 position-relative testimonials-style-12" style="">
-                  <div class="col-12 col-lg-4 pt-8 order-lg-1 order-2">
+        <div class="swiper magic-cursor swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 50, &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;1200&quot;: { &quot;slidesPerView&quot;: 1 },  &quot;768&quot;: { &quot;slidesPerView&quot;: 1 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 1 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 }, &quot;effect&quot;: &quot;slide&quot; }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.swiper-button-next-nav&quot;, &quot;prevEl&quot;: &quot;.swiper-button-previous-nav&quot;, &quot;effect&quot;: &quot;fade&quot; } }">
-                    <div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative">
+          <div class="swiper-wrapper pt-20px pb-20px" id="swiper-wrapper-edb03966811af1f7" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-1464px, 0px, 0px); transition-delay: 0ms;"> 
-                      <h2>Congratulations</h2>
+            <!-- start slider item --> 
-                      <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>
+            <!-- end slider item --> 
-                    <div> <img src="images/avtar-33.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina="">
+            <!-- start slider item --> 
-                      <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>
+            <!-- end slider item --> 
-                  </div>
+            <!-- start slider item --> 
-                  <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>
+            <!-- end slider item -->
-              </div>
+            <div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 3" style="width: 682px; margin-right: 50px;" data-swiper-slide-index="1"> <img src="images/access-image/priya-pandey.png"> </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="swiper-slide swiper-slide-prev" role="group" aria-label="3 / 3" style="width: 682px; margin-right: 50px;" data-swiper-slide-index="2"> <img src="images/access-image/oniska-shrestha.png"> </div>
-                <div class="row">
+            <div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 3" style="width: 682px; margin-right: 50px;" data-swiper-slide-index="0"> <img src="images/access-image/dolraj-rijal.png"> </div>
-                  <div class="col-12 col-lg-4 pt-8 order-lg-1 order-2">
+          </div>
-                    <div class="outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-30 md-me-0 position-relative">
+          <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
-                      <h2>Congratulations</h2>
+        <!-- start slider navigation -->
-                      <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 class="swiper-button-next-nav border-radius-100px swiper-button-next bg-white box-shadow-small" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-2f5a90ae1e57e856"><i class="feather icon-feather-chevron-right icon-extra-medium"></i></div>
-                    </div>
+        <div class="swiper-button-previous-nav border-radius-100px swiper-button-prev bg-white box-shadow-small" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-2f5a90ae1e57e856"><i class="feather icon-feather-chevron-left icon-extra-medium"></i></div>
-                    <div> <img src="images/avtar-34.jpg" class="rounded-circle w-70px me-15px" alt="" data-no-retina="">
+        <!-- end slider pagination --> 
-                      <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>
+</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--->