Access_New/parts/location.php

<!--Office Location-->
<section class="bg-cornflower-blue pt-25px pb-25px">
  <div class="container-fluid">
    <div class="row position-relative">
      <div class="col swiper swiper-width-auto text-cente feather-shadow swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: &quot;auto&quot;, &quot;spaceBetween&quot;:0, &quot;centeredSlides&quot;: true, &quot;speed&quot;: 8000, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-2&quot;, &quot;clickable&quot;: false }, &quot;allowTouchMove&quot;: false, &quot;autoplay&quot;: { &quot;delay&quot;:1, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-four-slide-next-2&quot;, &quot;prevEl&quot;: &quot;.slider-four-slide-prev-2&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;effect&quot;: &quot;slide&quot; }">
        <div class="swiper-wrapper marquee-slide" style="transition-duration: 8000ms; transform: translate3d(-1098.87px, 0px, 0px);" id="swiper-wrapper-b9bb9e054c89e74e" aria-live="off">
          <div class="swiper-slide swiper-slide-next" role="group" aria-label="1 / 7" data-swiper-slide-index="0">
            <div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> "Your Nearest Education Partner"</div>
          </div>
          <div class="swiper-slide" role="group" aria-label="2 / 7" data-swiper-slide-index="1">
            <div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Putalisadak</div>
          </div>
          <div class="swiper-slide" role="group" aria-label="3 / 7" data-swiper-slide-index="2">
            <div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Baneshwor</div>
          </div>
          <div class="swiper-slide" role="group" aria-label="4 / 7" data-swiper-slide-index="3">
            <div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Pokhara</div>
          </div>
          <div class="swiper-slide" role="group" aria-label="5 / 7" data-swiper-slide-index="4">
            <div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Kumaripati</div>
          </div>
          <div class="swiper-slide swiper-slide-prev" role="group" aria-label="6 / 7" data-swiper-slide-index="5">
            <div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Chitwan</div>
          </div>
          <div class="swiper-slide swiper-slide-active" role="group" aria-label="7 / 7" data-swiper-slide-index="6">
            <div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Butwal</div>
          </div>
          <div class="swiper-slide swiper-slide-active" role="group" aria-label="8 / 7" data-swiper-slide-index="6">
            <div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Biratnagar</div>
          </div>
        </div>
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
    </div>
  </div>
</section>
<!--Office Location End-->