@extends('layout.master')

@section('content')

<main id="main">

  <!-- ======= Breadcrumbs ======= -->
  <section id="why-us" class="whyus bg1 " style="margin-top: 130px;">
    <div class="overlay"></div>
    <div class="container">
      <div class="text-center page_header">
        <h2>Thank You</h2>

      </div>

  </section>

  <!-- ======= Contact Section ======= -->
  <section id="contact" class="contact">
    <div class="container">

      <div class="section-title">

        <h3>Thank you for Booking a Call Back Session.<h3>

        <h4> <br>We have received your request and appreciate your interest in our services. Our team will review your information and get back to you within 48 hours to schedule your consultation.</h4>
<p>If you have any urgent questions or need immediate assistance, <br>please feel free to contact us at <a href="tel:9542348203">(954) 234-8203</a>. </p> 

       
      </div>
    </div>

    

  </section><!-- End Contact Section -->

</main><!-- End #main -->

@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    // Check if the success message exists
    if ($('.alert.alert-success').length > 0) {
      // Fade out the success message after 4 seconds
      setTimeout(function() {
        $('.alert.alert-success').fadeOut('slow', function() {
          // After fading out, remove the success message from the DOM
          $(this).remove();
        });
      }, 4000); // 4000 milliseconds = 4 seconds
    }
  });

  $(document).ready(function() {
    // Check if the success message exists
    if ($('.alert.alert-danger').length > 0) {
      // Fade out the success message after 4 seconds
      setTimeout(function() {
        $('.alert.alert-danger').fadeOut('slow', function() {
          // After fading out, remove the success message from the DOM
          $(this).remove();
        });
      }, 4000); // 4000 milliseconds = 4 seconds
    }
  });
</script>