      <header class="hero">
        <div class="container-fluid">
          <div class="row">
            <div class="col-lg-5 px-0">
              <div class="hero-img-wrapper w-100 h-100">
                <img
                  src="img/hawa-mahal.png"
                  alt="Hawa Mahal"
                  class="w-100 img-fluid h-100"
                />
              </div>
            </div>
            <div
              class="col-lg-7 bg-light pt-3 px-0 right-hero-wrapper d-flex flex-column justify-content-between"
            >
              <div class="hero-heading-wrapper mt-4 text-center">
                <h4 class="mb-3">Foreign Policy School</h4>
                <h6>(BHARAT)</h6>
                <h5>Jaipur, the Heritage City, INDIA</h5>
                <!-- <h6>JAIPUR, India</h6> -->
                <!-- <div class="hero-info text text-center my-4">
                  <h5>B.A. Honours</h5>
                  <h5>International Relations</h5>
                  <h6>(specialisation Indian Foreign Policy)</h6>
                  <h5>4-year–8 Semester course</h5>
                </div> -->
              </div>
              <div class="bottom-wrap">
                <div class="row">
                  <div class="col-sm-3">
                    <img
                      src="img/fps-bottom.png"
                      alt="FPS Logo"
                      class="bottom-logo img-fluid"
                    />
                  </div>
                  <div
                    class="col-sm-3 d-flex justify-content-center align-items-center text-light"
                  >
                    <div>
                      <h5 class="fs-5">( Work in Progress )</h5>
                    </div>
                  </div>
                  <div
                    class="col-sm-6 d-flex justify-content-center align-items-center"
                  >
                    <div class="mail">
                      <a
                        href="mailto:fpsheritage@gmail.com "
                        class="d-flex justify-content-center align-items-center"
                      >
                        <div class="icon me-3">
                          <i class="ri-mail-fill"></i>
                        </div>
                        <div class="mail-id">
                          <h5>fpsheritage@gmail.com</h5>
                        </div>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </header>
