<?php $title = 'Terms of use - Greenava'; ?>
<?php include 'include/head.php'; ?>

<body>
        
  <style>
    .thak {
      padding: 200px 0;
      text-align: center;
      background: #e4eaf0;
    }
    .thak h1 {
      font-size: 100px;
      color: #000;
      margin-bottom: 50px;
    }
    .thak .container {
        display: flex;
        flex-direction: column;
        align-items: center; /* horizontally center everything */
    }
    .thak a {
      padding: 12px 30px;
      width: fit-content;
      border-radius: 100px;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center;
      gap: 20px;
      text-transform: uppercase;
      transition: 0.3s ease-in-out;
      font-weight: 600;
      font-size: 20px;
      border: 1px solid;
    }

    .thak a.back-btn:hover {
        background: #1A4123;   /* hover background (optional lighter shade) */
        color: #fff !important; /* white text */
        border-color: #1A4123 !important; /* white border ya same color */
    }

    .hero-section .header-main-wrapper {
      background: #e4eaf0;
    }
    .thak::before {
      content: '';
      background: #e4eaf0;
      position: absolute;
      top: -500px;
      left: 0;
      width: 100%;
      height: 500%;
      z-index: -1;
      display: none;
    }
    footer {
      position: relative;
      z-index: 1;
    }

    .back-btn {
      background: #1A4123;
      color: white;
      border-color: #1A4123;
    }

    @media (max-width: 767px) {
        .thak h1 {
      font-size: 50px;
    }
}

</style>

<!-- Preloader Start  -->
    <!-- <div class="spinner-box">
        <div>
            <img src="./assets/images/loading/loading-logo.png" alt="">
        </div>
    </div> -->
    <!-- Preloader End  -->

          <div class="wrapper">
              <!-- Hero Section  -->
              <div class="hero-section other-page-hero-section">
                  <!-- Header  -->
                  <!-- <app-header></app-header> -->
                  <?php include 'include/header.php'; ?>

                  <!-- Header  -->
              </div>
              <!-- Hero Section  -->

              <section class="thak" data-aos="zoom-in">
                  <div class="container">
                      <h2 data-aos="fade-up">Thank You</h2>
                      <h5 id="thankyou_msg" style="margin:30px 0px;"></h5>
                      <a data-aos="fade-up" class="back-btn" href="index.php">Back to Home</a>
                  </div>
              </section>
        </div>

            

        <!-- Footer  -->
        <!-- <app-footer></app-footer> -->
        <!-- Footer  -->


        <?php include('include/footer.php'); ?>
      <script>
        document.addEventListener("DOMContentLoaded", function () {
          var msg = sessionStorage.getItem("thankyou_message");
          if (msg) {
            document.getElementById("thankyou_msg").innerText = msg;
            sessionStorage.removeItem("thankyou_message"); // clear after showing
          }else {
            document.getElementById("thankyou_msg").innerText = "Your enquiry has been successfully submitted to our team. Our team will contact you shortly.";
          }
        });
      </script>