<div class="modal fade" id="notification" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-body">
            <button style="margin:0 0 -18px 0;position:relative;z-index:999;" type="button" class="btn-close float-end"
              data-bs-dismiss="modal" aria-label="Close"></button>
            <div id="demo" class="carousel slide" data-bs-ride="carousel">
              <div class="carousel-inner">
              </div>
              <!-- Left and right controls/icons -->
              <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
                <span class="carousel-control-prev-icon"></span>
              </button>
              <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
                <span class="carousel-control-next-icon"></span>
              </button>
            </div>
          </div>

        </div>
      </div>
    </div>
    <div class="hero-wrap style1 bg-f hero-bg-1">
      <!-- <div class="hr-line"></div>
      <div class="hr-line"></div>
      <div class="hr-line"></div>
      <div class="hr-line"></div> -->
      <div class="overlay bg-black op-3"></div>
      <div class="container">
        <!--<div class="hero-circle-shape md-none"> <img src="assets/img/hero/circle-shape.png" alt="Image"> </div>-->
        <!--<div class="hero-dot-shape md-none"> <img src="assets/img/hero/dot-shape.png" alt="Image"> </div>-->
        <div class="row">
          <div class="col-lg-7 col-md-8">
            <div class="hero-content">
              <h1>Maulana azad inter college</h1>
              <p>Maulana azad inter college, Laliyana, Meerut, U.P. is affiliated to U.P Board. The college was established in 1998.</p>
              <div class="hero-btn"> <a href="#" class="btn v1"> <i
                    class="ri-eye-line"></i> About Us</a> <a href="#" class="btn v2"> <i
                    class="ri-eye-line"></i> Know More</a> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="hero-img-wrap">
        <!--<div class="hero-ellipse-img"> <img src="assets/img/hero/suffa1.jpeg" alt="Image"> </div>-->
      </div>
    </div>