<!-- start of hero-section -->
<section class="hero-section">
  <div class="hero-slider"> 
    <!--Slider One-->
    <div class="slider-item">
      <div class="bg-image"> <img class="animated" src="assets/images/access-images/slider1.jpg" alt=""
                            data-animation-in="zoomInImage"> </div>
      <div class="container">
        <div class="content">
          <h3 class="animated hero-title" data-animation-in="fadeInUp">Achieve More with Expert Guidance</h3>
          <p class="animated" data-animation-in="fadeInUp">Let us simplify the process of pursuing quality education internationally, from visas to admissions.</p>
          <div class="hero-btn animated" data-animation-in="fadeInUp">
            <div class="btn-1"> <a href="service.php" class="apply-btn">Learn More</a> </div>
            <div class="btn-2">
              <div class="video-holder"> <a href="assets/images/access-images/access-video.mp4" class="video-btn" data-type="iframe"><i class="flaticon-play-button-arrowhead"></i></a> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="down-shape">
        <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
          <path
                                d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
                                fill="white" fill-opacity="0.2" />
          <path
                                d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
                                fill="white" />
          <path
                                d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
                                fill="white" fill-opacity="0.2" />
          <path
                                d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
                                fill="white" fill-opacity="0.2" />
          <path
                                d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
                                fill="white" fill-opacity="0.2" />
        </svg>
      </div>
    </div>
    <!--Slider One End--> 
    
    <!-- Slider Two-->
    <div class="slider-item">
      <div class="bg-image"> <img class="animated" src="assets/images/access-images/slider2.jpg" alt=""
                            data-animation-in="zoomInImage"> </div>
      <div class="container">
        <div class="content">
          <h3 class="animated hero-title" data-animation-in="fadeInUp">Your Partner in Overseas Education</h3>
          <p class="animated" data-animation-in="fadeInUp">Offering comprehensive consultation services to ensure a smooth transition to studying abroad.</p>
          <div class="hero-btn animated" data-animation-in="fadeInUp">
            <div class="btn-1"> <a href="service.php" class="apply-btn">Learn More</a> </div>
            <div class="btn-2">
              <div class="video-holder"> <a href="https://www.youtube.com/embed/DxffSluQn_M?si=Ee0gBTMqOpB-E19E" class="video-btn" data-type="iframe"><i class="flaticon-play-button-arrowhead"></i></a> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="down-shape">
        <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
          <path
                                d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
                                fill="white" fill-opacity="0.2" />
          <path
                                d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
                                fill="white" />
          <path
                                d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
                                fill="white" fill-opacity="0.2" />
          <path
                                d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
                                fill="white" fill-opacity="0.2" />
          <path
                                d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
                                fill="white" fill-opacity="0.2" />
        </svg>
      </div>
    </div>
    <!--Slider Two End--> 
    
    <!--Slder Three Video-->
<!--
    <div class="slider-item">
      <div class="bg-image">
        <video width="100%" height="auto" autoplay muted preload="auto" loop poster="video-poster.jpg">
          <source src="assets/images/access-images/access-video.mp4" type="video/mp4">
        </video>
      </div>

      <div class="down-shape">
        <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
          <path
                                d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
                                fill="white" fill-opacity="0.2" />
          <path
                                d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
                                fill="white" />
          <path
                                d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
                                fill="white" fill-opacity="0.2" />
          <path
                                d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
                                fill="white" fill-opacity="0.2" />
          <path
                                d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
                                fill="white" fill-opacity="0.2" />
        </svg>
      </div>
    </div>
-->
    <!--Slder Three Video End--> 
  </div>
</section>
<!-- end of hero-section -->