gallery page added with pages changes

about.php

@@ -1,6 +1,6 @@
 <?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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 48%)), url(images/access-image/company-bg.jpg); margin-top: 141px;">
   <div class="shape-image-animation bottom-0 p-0 w-100 d-none d-md-block">
     <svg xmlns="http://www.w3.org/2000/svg" widht="3000" height="400" viewBox="0 180 2500 200" fill="#ffffff">
       <path class="st1" d="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250">
@@ -51,7 +51,7 @@
 
 <!--Banner Section-->
 <section class="pt-3 pb-3 position-relative overflow-hidden">
-  <div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url(&quot;images/demo-scattered-portfolio-about-06.jpg&quot;); width: 86%; background-position: 50% -20px;"></div>
+  <div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url(images/access-image/company-image.jpg); width: 86%; background-position: 50% -20px;"></div>
 </section>
 <!--Banner Section End--> 
 

australia.php

@@ -39,10 +39,10 @@
   <div class="container">
     <div class="outside-box-left-5 outside-box-right-5 lg-outside-box-left-0 lg-outside-box-right-0 mb-7 xs-mb-40px">
       <div class="row row-cols-1 row-cols-md-4 row-cols-sm-2">
-        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-02.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/access-image/australia1.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-03.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/access-image/australia2.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
-        <div class="col xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-04.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col xs-mb-30px"> <img src="images/access-image/australia3.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/demo-hotel-and-resort-amenities-05.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/access-image/australia4.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
       </div>
     </div>
   </div>

blog-details.php

@@ -1,6 +1,6 @@
 <?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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/blog-bg.jpg); 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; }">

blog.php

@@ -1,6 +1,6 @@
 <?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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/blog-bg.jpg); 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; }">

canada.php

@@ -40,10 +40,10 @@
   <div class="container">
     <div class="outside-box-left-5 outside-box-right-5 lg-outside-box-left-0 lg-outside-box-right-0 mb-7 xs-mb-40px">
       <div class="row row-cols-1 row-cols-md-4 row-cols-sm-2">
-        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-02.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/access-image/canada1.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-03.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/access-image/canada2.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
-        <div class="col xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-04.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col xs-mb-30px"> <img src="images/access-image/canada3.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/demo-hotel-and-resort-amenities-05.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/access-image/canada4.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
       </div>
     </div>
   </div>
@@ -147,4 +147,4 @@
   </div>
 </section>
 <!--Univesity PArtner Section End-->
-<?php include('footer.php')?>
+<?php include('footer.php')?>

contact.php

@@ -1,30 +1,6 @@
 <?php include('header.php');?>
-<!--Page Hero Section--> 
-<!--
-<section class="p-0 top-space-margin position-relative overflow-hidden">
-  <div class="container-fluid p-0 h-100 position-relative">
-    <div class="row g-0">
-      <div class="col-xl-5 col-lg-5 d-flex justify-content-center align-items-center ps-10 xxl-ps-6 xl-ps-4 md-ps-4 sm-ps-0 position-relative order-2 order-lg-1" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &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="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px">
-          <h1 class="title fs-15 alt-font text-dark-gray fw-700 text-uppercase ls-1px text-uppercase d-flex w-auto align-items-center m-0" data-fancy-text="{ &quot;opacity&quot;: [0, 1], &quot;translateY&quot;: [50, 0], &quot;filter&quot;: [&quot;blur(20px)&quot;, &quot;blur(0px)&quot;], &quot;string&quot;: [&quot;contact us&quot;], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;speed&quot;: 50, &quot;easing&quot;: &quot;easeOutQuad&quot; }"></h1>
-        </div>
-        <div class="border-start border-color-extra-medium-gray ps-40px sm-ps-20px position-relative z-index-9">
-          <h2 class="text-dark-gray fw-600 alt-font outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-20 md-me-0 sm-mb-0 ls-minus-3px contact-heading">Reach out to us for expert guidance and support on your study abroad journey—our team is here to help you succeed</h2>
-        </div>
-      </div>
-      <div class="col-xl-7 col-lg-7 position-relative one-half-screen order-1 order-lg-2 md-mb-50px">
-        <div class="overflow-hidden position-relative">
-          <div class="w-100" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;direction&quot;: &quot;lr&quot;, &quot;color&quot;: &quot;#f7f7f7&quot;, &quot;duration&quot;: 1000, &quot;delay&quot;: 0 }"> <img src="images/demo-branding-agency-contact-title-bg.jpg" alt class="w-100 liquid-parallax" data-parallax-liquid="true" data-parallax-position="top" data-parallax-scale="1.05"> </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
---> 
-<!--Page Hero section End--> 
-
 <!--Contact 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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/contact-bg.jpg); margin-top: 141px;">
   <div class="shape-image-animation p-0 w-100 d-none d-md-block">
     <svg xmlns="http://www.w3.org/2000/svg" widht="3000" height="400" viewBox="0 180 2500 200" fill="#ffffff">
       <path class="st1" d="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250">
@@ -44,75 +20,6 @@
 </section>
 <!--Contact Hero Section End--> 
 
-<!--Form Section-->
-<section class="bg-very-light-gray position-relative">
-  <div class="container">
-    <div class="row align-items-center mt-2">
-      <div class="col-lg-100 appear anime-complete" data-anime="{ &quot;translateY&quot;: [0, 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="row row-cols-1 row-cols-md-2 border-radius-6px overflow-hidden box-shadow-double-large m-0">
-          <div class="col cover-background sm-h-550px xs-h-450px" style="background-image: url('images/demo-travel-agency-contact-01.jpg')"></div>
-          <div class="col contact-form-style-03 bg-white p-70px lg-p-35px">
-            <h3 class="fw-600 alt-font text-dark-gray ls-minus-1px mb-25px contact-title">Reach Out for Assistance</h3>
-            <form action="email-templates/contact-form.php" method="post">
-              <div class="row">
-                <div class="col-md-6 position-relative form-group mb-30px">
-                  <input class="ps-0 border-radius-0px border-color-extra-medium-gray form-control required is-invalid" type="text" name="name" placeholder="Full Name*">
-                </div>
-                <div class="col-md-6 position-relative form-group mb-30px">
-                  <select name="city" id="city" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
-                    <option value="">Select Country</option>
-                    <option value="city1">Australia</option>
-                    <option value="city2">USA</option>
-                    <option value="city3">UK</option>
-                    <option value="city4">Canada</option>
-                    <option value="city5">New Zealand</option>
-                  </select>
-                </div>
-                <div class="col-md-6 position-relative form-group mb-30px">
-                  <input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required is-invalid" type="email" name="email" placeholder="Email Address*">
-                </div>
-                <div class="col-md-6 position-relative form-group mb-30px">
-                  <input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required" type="tel" name="phone" placeholder="Phone Number*">
-                </div>
-                <div class="col-md-6 position-relative form-group mb-30px">
-                  <select name="type" id="type" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
-                    <option value="">Select Office Location</option>
-                    <option value="type1">Putalisadak Office</option>
-                    <option value="type2">Baneshwor Office</option>
-                    <option value="type3">Pokhara Office</option>
-                    <option value="type4">Kumaripati Office</option>
-                    <option value="type5">Chitwan Office</option>
-                    <option value="type6">Butwal Office</option>
-                    <option value="type7">Biratnagar Office</option>
-                    <option value="type8">Access Canada Office</option>
-                    <option value="type9">Access New Zealand Office</option>
-                  </select>
-                </div>
-                <div class="col-md-6 position-relative form-group mb-30px">
-                  <select name="incoter" id="incoter" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
-                    <option value="">Select Counseling Options</option>
-                    <option value="incoter1">In-Person / Visit Office Location</option>
-                    <option value="incoter2">Online / Distance Counselling</option>
-                  </select>
-                </div>
-                <div class="position-relative form-group form-textarea mt-15px mb-10px xs-mb-0">
-                  <textarea class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control" name="comment" placeholder="Your Enquiry Message" rows="3"></textarea>
-                  <span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
-                  <input type="hidden" name="redirect" value="">
-                </div>
-                <div class="pt-4">
-                  <button class="btn btn-base-color btn-medium btn-rounded btn-box-shadow submit" type="submit">Send message</button>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-<!--Form Section End--> 
-
 <!--Contact Location-->
 <section>
   <div class="container">
@@ -187,4 +94,84 @@
 </section>
 <!--Contact Location End-->
 
+<!--Form Section-->
+<section class="bg-very-light-gray position-relative">
+  <div class="container">
+    <div class="row align-items-center mt-2">
+      <div class="col-lg-100 appear anime-complete" data-anime="{ &quot;translateY&quot;: [0, 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="row row-cols-1 row-cols-md-2 border-radius-6px overflow-hidden box-shadow-double-large m-0">
+          <div class="col cover-background sm-h-550px xs-h-450px" style="background-image: url('images/demo-travel-agency-contact-01.jpg')"></div>
+          <div class="col contact-form-style-03 bg-white p-70px lg-p-35px">
+            <h3 class="fw-600 alt-font text-dark-gray ls-minus-1px mb-25px contact-title">Reach Out for Assistance</h3>
+            <form action="email-templates/contact-form.php" method="post">
+              <div class="row">
+                <div class="col-md-6 position-relative form-group mb-30px">
+                  <input class="ps-0 border-radius-0px border-color-extra-medium-gray form-control required is-invalid" type="text" name="name" placeholder="Full Name*">
+                </div>
+                <div class="col-md-6 position-relative form-group mb-30px">
+                  <select name="city" id="city" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
+                    <option value="">Select Country</option>
+                    <option value="city1">Australia</option>
+                    <option value="city2">USA</option>
+                    <option value="city3">UK</option>
+                    <option value="city4">Canada</option>
+                    <option value="city5">New Zealand</option>
+                  </select>
+                </div>
+                <div class="col-md-6 position-relative form-group mb-30px">
+                  <input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required is-invalid" type="email" name="email" placeholder="Email Address*">
+                </div>
+                <div class="col-md-6 position-relative form-group mb-30px">
+                  <input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required" type="tel" name="phone" placeholder="Phone Number*">
+                </div>
+                <div class="col-md-6 position-relative form-group mb-30px">
+                  <select name="type" id="type" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
+                    <option value="">Select Office Location</option>
+                    <option value="type1">Putalisadak Office</option>
+                    <option value="type2">Baneshwor Office</option>
+                    <option value="type3">Pokhara Office</option>
+                    <option value="type4">Kumaripati Office</option>
+                    <option value="type5">Chitwan Office</option>
+                    <option value="type6">Butwal Office</option>
+                    <option value="type7">Biratnagar Office</option>
+                    <option value="type8">Access Canada Office</option>
+                    <option value="type9">Access New Zealand Office</option>
+                  </select>
+                </div>
+                <div class="col-md-6 position-relative form-group mb-30px">
+                  <select name="incoter" id="incoter" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
+                    <option value="">Select Counseling Options</option>
+                    <option value="incoter1">In-Person / Visit Office Location</option>
+                    <option value="incoter2">Online / Distance Counselling</option>
+                  </select>
+                </div>
+                <div class="position-relative form-group form-textarea mt-15px mb-10px xs-mb-0">
+                  <textarea class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control" name="comment" placeholder="Your Enquiry Message" rows="3"></textarea>
+                  <span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
+                  <input type="hidden" name="redirect" value="">
+                </div>
+                <div class="pt-4">
+                  <button class="btn btn-base-color btn-medium btn-rounded btn-box-shadow submit" type="submit">Send message</button>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<!--Form Section End--> 
+
+<!--Googel Map-->
+<section class="p-0 m-0">
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-lg-12">
+        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.485757003823!2d85.31959247614095!3d27.702284525713484!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19a8f722023d%3A0xf104fa00bbe44d21!2sAccess%20Education%20Network%20(P.)%20Ltd.!5e0!3m2!1sen!2snp!4v1725172708306!5m2!1sen!2snp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+      </div>
+    </div>
+  </div>
+</section>
+<!--Googel Map End-->
 <?php include('footer.php');?>

css/style.min.css

@@ -18105,64 +18105,8 @@ footer .nav-link {
   line-height: 30px
 }
 .message-title {
-  font-size: 140px;
+  font-size: 90px;
-  line-height: 160px;
+  line-height: 100px;
   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*/

footer.php

@@ -1,32 +1,19 @@
-<!--Googel Map-->
-<!--
-<section class="p-0 m-0">
-  <div class="container-fluid">
-    <div class="row">
-      <div class="col-lg-12">
-        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.485757003823!2d85.31959247614095!3d27.702284525713484!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19a8f722023d%3A0xf104fa00bbe44d21!2sAccess%20Education%20Network%20(P.)%20Ltd.!5e0!3m2!1sen!2snp!4v1725172708306!5m2!1sen!2snp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
-      </div>
-    </div>
-  </div>
-</section>
--->
-<!--Googel Map End-->
 <footer class="text-white footer-bg">
   <div class="container">
     <div class="row justify-content-center fs-17 fw-300 mt-5 mb-4 md-mt-45px md-mb-45px xs-mt-35px xs-mb-35px">
-      <div class="col-6 col-lg-3 order-sm-1 md-mb-40px xs-mb-30px last-paragraph-no-margin"> <a href="index.php" class="footer-logo footer-img mb-15px d-inline-block"><img src="images/access-image/access-inverse-logo.png" data-at2x="images/access-image/access-inverse-logo.png" alt></a>
+      <div class="col-6 col-xl-3 col-lg-12 col-sm-6 last-paragraph-no-margin text-xl-start text-lg-center order-sm-1 lg-mb-50px sm-mb-30px"> <a href="index.php" class="footer-logo footer-img mb-15px d-inline-block"><img src="images/access-image/access-inverse-logo.png" data-at2x="images/access-image/access-inverse-logo.png" alt></a>
         <p class="xl-w-95 sm-w-100">Access Education Network: Your trusted partner in navigating global education opportunities with expert guidance and personalized support.</p>
       </div>
-      <div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Useful Link</span>
+      <div class="col-6 col-xl-2 col-lg-3 col-sm-4 xs-mb-30px order-sm-3 order-lg-2"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Useful Link</span>
         <ul class="footer-list">
           <li><a href="about.php">Company Profile</a></li>
           <li><a href="destination.php">Study Destination</a></li>
           <li><a href="service.php">How can we help</a></li>
-          <li><a href="contact.php">Contact us</a></li>
+          <li><a href="gallery.php">Gallery</a></li>
           <li><a href="faq.php">Faq's</a></li>
         </ul>
       </div>
-      <div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-4 order-lg-3"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Services</span>
+      <div class="col-6 col-xl-2 col-lg-3 col-md-5 col-sm-4 xs-mb-30px order-sm-4 order-lg-3"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Services</span>
         <ul class="footer-list">
           <li><a href="service-details.php">Career Councelling</a></li>
           <li><a href="service-details.php">University Selection</a></li>
@@ -34,7 +21,7 @@
           <li><a href="service-details.php">Test Prepration Guide</a></li>
         </ul>
       </div>
-      <div class="col-lg-2 col-sm-6 md-mb-40px xs-mb-0 order-sm-2 order-lg-4"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Destinations</span>
+      <div class="col-6 col-xl-2 col-lg-3 col-md-3 col-sm-4 xs-mb-30px order-sm-5 order-lg-4"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Destinations</span>
         <ul class="footer-list">
           <li><a href="uk.php">Study in UK</a></li>
           <li><a href="usa.php">Study in USA</a></li>
@@ -43,7 +30,7 @@
           <li><a href="newzealand.php">Study in New Zealand</a></li>
         </ul>
       </div>
-      <div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-5 order-lg-5"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Get in touch</span>
+      <div class="col-xl-3 col-lg-3 col-sm-6 md-mb-50px sm-mb-30px xs-mb-0 order-sm-2 order-lg-5"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Get in touch</span>
         <p class="mb-5px">Opening Hours</p>
         <p>9:00 AM – 6:00 PM <br>
           Sunday to Friday</p>
@@ -63,22 +50,47 @@
       <div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
         Butwal</div>
       <div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
-        BIratnagar</div>
+        Biratnagar</div>
     </div>
+    
+    <!-- <div class="container">
+  <div class="row">
+     For large screens 
+    <div class="col col-md-3 col-sm-2 text-center"><i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
+        Putalisadak</div>
+    <div class="col col-md-3 col-sm-2 text-center"><i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
+        Baneshwor</div>
+    <div class="col col-md-3 col-sm-2 text-center"><i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
+        Pokhara</div>
+    <div class="col col-md-3 col-sm-2 text-center"><i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
+        Kumaripati</div>
+    <div class="col col-md-3 col-sm-2 text-center"><i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
+        Chitwan</div>
+    <div class="col col-md-3 col-sm-2 text-center"><i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
+        Butwal</div>
+    <div class="col col-md-3 col-sm-2 text-center"><i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
+        Biratnagar</div>
+  </div>
+</div>  
+-->
+    
+<!--
+    <div class="row show-grid">
+      <div class="col-12 col-lg-1">.col-lg-1</div>
+      <div class="col-12 col-lg-1">.col-lg-1</div>
+      <div class="col-12 col-lg-1">.col-lg-1</div>
+      <div class="col-12 col-lg-1">.col-lg-1</div>
+      <div class="col-12 col-lg-1">.col-lg-1</div>
+      <div class="col-12 col-lg-1">.col-lg-1</div>
+      <div class="col-12 col-lg-1">.col-lg-1</div>
+    </div>
+-->
     <div class="row align-items-center fs-16 fw-300 border-top pt-2">
       <div class="col-md-4 last-paragraph-no-margin order-2 order-md-1 text-center text-md-start">
         <p>&COPY; 2024. Access Education Network Pvt. Ltd.</p>
       </div>
       <div class="col-md-8 text-md-end order-1 order-md-2 text-center text-md-end sm-mb-10px"> <img src="images/access-image/footer-img.jpg" class="footer-img"> </div>
     </div>
-    
-    <!--
-	   <div class="row align-items-center fs-16 fw-300 border-top">
-      <div class="col-lg-12 text-center pt-2"> <img src="images/access-image/footer-img.jpg" class="footer-img pb-2">
-        <p>&COPY; 2024. All rights reserved. Access Education Network Pvt. Ltd.</p>
-      </div>
-    </div>
---> 
   </div>
 </footer>
 <div class="scroll-progress d-none d-xxl-block"> <a href="#" class="scroll-top" aria-label="scroll"> <span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span> </a> </div>

gallery.php

@@ -1,6 +1,6 @@
 <?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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/gallery-bg.jpg); 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; }">

ielts.php

@@ -1,6 +1,6 @@
 <?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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/ielts-bg.jpg); margin-top: 141px;">
   <div class="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-about-bottom-bg.png');"></div>
   <div class="container">
     <div class="row extra-very-small-screen align-items-center">

message.php

@@ -1,6 +1,6 @@
 <?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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 48%)), url(images/access-image/md-bg.jpg); margin-top: 141px;">
   <div class="shape-image-animation bottom-0 p-0 w-100 d-none d-md-block">
     <svg xmlns="http://www.w3.org/2000/svg" widht="3000" height="400" viewBox="0 180 2500 200" fill="#ffffff">
       <path class="st1" d="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250">
@@ -30,14 +30,14 @@
     <div class="row h-100 align-items-center text-sm-start text-center position-relative">
       <div class="col-12 md-mb-70px sm-mb-50px xs-mb-20px">
         <div class="message-title text-dark-gray md-fs-160 sm-fs-100 ls-minus-8px xs-ls-minus-5px text-uppercase overflow-hidden">
-          <div data-bottom-top="transform: translate3d(-20px, 0px, 0px);" data-top-bottom="transform: translate3d(20px, 0px, 0px);" class="skrollable skrollable-between" style="transform: translate3d(-1.21801px, 0px, 0px);">Message from Leadership</div>
+          <div data-bottom-top="transform: translate3d(-20px, 0px, 0px);" data-top-bottom="transform: translate3d(20px, 0px, 0px);" class="skrollable skrollable-between" style="transform: translate3d(-1.21801px, 0px, 0px);">Message from <br>Leadership</div>
         </div>
       </div>
       <div class="col-12 mb-auto">
         <div class="row align-items-end appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [-15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 200, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
-          <div class="col-lg-9 pt-5">
+          <div class="col-lg-9 pt-3">
             <p class="md-message text-dark-gray">Education is essential for the continuation of a person's growth. In this highly competitive educational scenario it is important to keep abreast. With higher education you don’t just keep abreast, you move ahead. Your choice of education will shape your future. Education is the building block of human experience. It is not just an integral part of your professional life but greatly influences your overall personality. Our three- fold mission is that of “Mentoring” the youth of this country to dream “Motivating” them towards greater hopes and aspiration and “Guiding” them on the right track to realize those ambitions. We at Access Education are with you every step of the way to make the best choices to enhance your inherent talents. </p>
-            <p>For students going abroad, a sound knowledge and understanding of the educational opportunities is vital. Many students require personal guidance in finding a suitable course, school, college or university. We believe in setting high standards in the quality of service provided to students to ensure that their stay abroad is safe, successful and enjoyable. Access Education Network will help you to make the right choice. Our educational background and exposure to international studentship have equipped us with an appreciation of students’ needs and ability to empathies with parents who are so far from their children. I invite you very warmly to experience the benefits of our service and find out for yourself what is considered to be special about Access. </p>
+            <p class="md-message text-dark-gray">For students going abroad, a sound knowledge and understanding of the educational opportunities is vital. Many students require personal guidance in finding a suitable course, school, college or university. We believe in setting high standards in the quality of service provided to students to ensure that their stay abroad is safe, successful and enjoyable. Access Education Network will help you to make the right choice. Our educational background and exposure to international studentship have equipped us with an appreciation of students’ needs and ability to empathies with parents who are so far from their children. I invite you very warmly to experience the benefits of our service and find out for yourself what is considered to be special about Access. </p>
           </div>
         </div>
       </div>
@@ -49,7 +49,7 @@
 
 <!--Slide Image-->
 <section class="position-relative overflow-hidden">
-  <div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url(&quot;images/demo-scattered-portfolio-about-06.jpg&quot;); width: 86%; background-position: 50% 230px;"></div>
+  <div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url(images/access-image/message-image.jpg); width: 86%; background-position: 50% 230px;"></div>
 </section>
 <!--Slide Image End--> 
 

network.php

@@ -1,6 +1,6 @@
 <?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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 48%)), url(images/access-image/network-bg.jpg); margin-top: 141px;">
   <div class="shape-image-animation bottom-0 p-0 w-100 d-none d-md-block">
     <svg xmlns="http://www.w3.org/2000/svg" widht="3000" height="400" viewBox="0 180 2500 200" fill="#ffffff">
       <path class="st1" d="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250">
@@ -22,7 +22,7 @@
 <!--Page Hero section End--> 
 
 <!--Faq's Section-->
-<section class="big-section position-relative">
+<section class="big-section position-relative pt-4">
   <div class="container">
     <div class="row justify-content-center align-items-center">
       <div class="col-lg-6 col-md-10 position-relative md-mb-50px md-mb-30px">

newzealand.php

@@ -39,10 +39,10 @@
   <div class="container">
     <div class="outside-box-left-5 outside-box-right-5 lg-outside-box-left-0 lg-outside-box-right-0 mb-7 xs-mb-40px">
       <div class="row row-cols-1 row-cols-md-4 row-cols-sm-2">
-        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-02.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/access-image/newzealand1.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-03.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/access-image/newzealand2.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
-        <div class="col xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-04.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col xs-mb-30px"> <img src="images/access-image/newzealand3.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/demo-hotel-and-resort-amenities-05.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/access-image/newzealand4.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
       </div>
     </div>
   </div>

pte.php

@@ -1,6 +1,6 @@
 <?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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/pte-bg.jpg); margin-top: 141px;">
   <div class="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-about-bottom-bg.png');"></div>
   <div class="container">
     <div class="row extra-very-small-screen align-items-center">

service-details.php

@@ -1,6 +1,6 @@
 <?php include('header.php')?>
 <!--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: 140.984px;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/service-bg.jpg); margin-top: 140.984px;">
   <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; }">

toefl.php

@@ -1,6 +1,6 @@
 <?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;">
+<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/toefl-bg.jpg); margin-top: 141px;">
   <div class="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-about-bottom-bg.png');"></div>
   <div class="container">
     <div class="row extra-very-small-screen align-items-center">

uk.php

@@ -41,10 +41,10 @@
   <div class="container">
     <div class="outside-box-left-5 outside-box-right-5 lg-outside-box-left-0 lg-outside-box-right-0 mb-7 xs-mb-40px">
       <div class="row row-cols-1 row-cols-md-4 row-cols-sm-2">
-        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-02.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/access-image/uk1.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-03.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/access-image/uk2.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
-        <div class="col xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-04.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col xs-mb-30px"> <img src="images/access-image/uk3.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/demo-hotel-and-resort-amenities-05.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/access-image/uk4.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
       </div>
     </div>
   </div>

usa.php

@@ -40,10 +40,10 @@
   <div class="container">
     <div class="outside-box-left-5 outside-box-right-5 lg-outside-box-left-0 lg-outside-box-right-0 mb-7 xs-mb-40px">
       <div class="row row-cols-1 row-cols-md-4 row-cols-sm-2">
-        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-02.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col mt-4 md-mt-6 xs-mt-0 xs-mb-30px"> <img src="images/access-image/usa1.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-03.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-2 md-mt-0 xs-mb-30px"> <img src="images/access-image/usa2.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
-        <div class="col xs-mb-30px"> <img src="images/demo-hotel-and-resort-amenities-04.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
+        <div class="col xs-mb-30px"> <img src="images/access-image/usa3.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, 50px, 0px)" data-top-bottom="transform: translate3d(0px, -50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, -50px, 0px);"> </div>
-        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/demo-hotel-and-resort-amenities-05.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
+        <div class="col mt-8 md-mt-5 xs-mt-0"> <img src="images/access-image/usa4.jpg" class="border-radius-6px w-100 skrollable skrollable-after" data-bottom-top="transform: translate3d(0px, -50px, 0px)" data-top-bottom="transform: translate3d(0px, 50px, 0px)" alt="" data-no-retina="" style="transform: translate3d(0px, 50px, 0px);"> </div>
       </div>
     </div>
   </div>