@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Thank You! Your Submission Was Received')
@section('content')
<link rel="stylesheet" href="{{secure_asset('assets/hiremee-revamp/css/b2c.css')}}"> 
<style>
.hm-thank-page{
   background-color: #F9FFF1; 
   /* background: #F9FFF1 url("{{secure_asset('assets/hiremee-revamp/images/thank-you-page-bg.png')}}"); */
   background: linear-gradient(rgba(249,255, 241,.3), rgba(249, 255, 241,0.3)), url("{{secure_asset('assets/hiremee-revamp/images/thank-you-page-bg.png')}}");
   height: unset;
   background-position: bottom;
   background-size: cover;
   display: flex;
   justify-content: center;
   align-items: center;
}
.hm-thank-page .row::before,
.hm-thank-page .row::after{
   content: none;
}
.hm-tp-logo{
   padding-top: 15px;
   width: 180px;
   margin-inline: auto;
   margin-bottom: 26px;
}
.hm-tp-contaier{
   margin: 40px 0px;
   background-color: #fff;
   box-shadow: 1px 0px 12px rgb(0 0 0 / 15%);
   padding: 32px 32px;
   border-radius: 10px;
}
.hm-tp-contaier  .hm-tp-img-right img{
   /* max-width: 350px; */
   width: 80%;
   object-fit: contain;
}

@media screen and (min-width: 992px) {
   .hm-tp-contaier  .hm-tp-img-right img{
      position: absolute;
      bottom: 39px;
      left: 15px;
   }
   .hm-tp-contaier .hm-tp-img-right img{
   width: 40%;
   }
}
.hm-tp-contaier h1{
   font-size: 23px;
   line-height: 1.2;
   font-weight: 500;
   margin-bottom: 8px;
   border-radius: 10px;
}
.hm-tp-contaier p{
   color: #757783;
   font-size: 16px;
   margin-bottom: 18px;
}
.hm-th-btn{
   display: inline-block;
   /* background-color: #4CAF50; */
   /* padding: 4px 10px; */
   /* border-radius: 5px; */
   /* color: #fff; */
   /* border: 1px solid #4CAF50; */
   /* transition: 0.3s; */
   text-decoration: underline;
   font-size: 14px;
   color: #4CAF50;
   text-align: center;
   transform: translateY(18px);

}
.hm-th-btn:hover,
.hm-th-btn:focus{
   background-color: transparent;
   color: #4CAF50;
}
.hm-tm-contact{
   padding: 14px 0px;
   border-block: 1px solid #ddd;
   margin-bottom: 21px;
   margin-top: 14px;
}
.hm-tm-contact p{
   color: #0e1133;
   font-weight: 500;
   font-size: 14px;
   margin-bottom: 0px;
}
.hm-tm-contact p a{
   color: #4CAF50;
}
.hm-thank-page .social-link {
   width: 30px;
   height: 30px;
   margin-right: 4px;
}

@media screen and (max-width: 986px){
   .hm-tp-contaier{
      flex-direction: column;
      text-align: center;
   }
   .hm-tp-contaier h1{
      font-size: 28px;
   }
   .hm-tp-contaier > img{
      margin-inline: auto;
      width: 60%;
   }
   .hm-tp-contaier .row{
      gap: 20px;
   }
   .hm-thank-page{
      min-height: 100%;
   }
}
@media screen and (max-width: 786px){
   .hm-tp-contaier h1{
      font-size: 20px;
   }
   .hm-tp-contaier {
      margin: 28px 0px;
      padding-inline: 28px;
   }
   .hm-tp-contaier img{
      width: 90%;
   }
   .hm-tp-contaier{
      margin: 5px 0px;
   }
}
@media screen and (max-width: 786px) {
    .hm-tp-contaier h1 {
        font-size: 20px;
    }
 }
 @media screen and (max-width: 1400px) {
    .hm-tp-contaier h1 {
        font-size: 23px;
    }
 }
 @media screen and (min-width: 1400px) {
    .hm-tp-contaier h1 {
        font-size: 34px;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .hm-tp-contaier{
        padding: 40px 30px;
    }
 }
</style>
<div class="hm-thank-page">
   <div class="container">
      <div class="hm-tp-logo d-md-none">
         <a href="{{ secure_url('/') }}">
         <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/logo-ver.svg')}}" alt="HireMee">
         </a>
      </div>
      <div class="row justify-content-center align-content-center">
         <div class="col-md-11">
            <div class="hm-tp-contaier">
               <div class="row justify-content-center">
                  <div class="hm-tp-img-right text-center">
                     <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/thank-you-page.png')}}" alt="HireMee Thank You">
                  </div>
                  <div class="offset-lg-5 col-lg-7 align-content-center text-center">
                     <div class="hm-tp-logo d-none d-md-block">
                        <a href="{{ secure_url('/') }}">
                        <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/logo-ver.svg')}}" alt="HireMee">
                        </a>
                     </div>
                     <h1>Thanks! We will get back to you shortly.</h1>
                     <!-- <p>Thanks! We will get back to you shortly.</p> -->
                     <div class="hm-tm-contact">
                        <p>Mail to <a href="mailto:contact@hiremee.co.in" target="_blank">contact@hiremee.co.in</a>
                           @if (!session()->has('is_india') || session('is_india') === true)
                              <span class="d-block d-md-inline">or Call us @ <a href="tel: +91-879 292 2796" class="text-nowrap">+91-879 292 2796</a></span>
                           @endif
                        </p>
                     </div>
                     <div class="hm-tm-social">
                        <a href="https://www.facebook.com/hiremeeinc/" class="social-link" target="_blank">
                        <img class="b-lazy" src="data:image/gif/svg;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://hiremee.co.in/assets/images/home_new/icons/facebook.svg" alt="HireMee Facebook">
                        </a>
                        <a href="https://twitter.com/Hiremeeinc" class="social-link" target="_blank">
                        <img class="b-lazy" src="{{ secure_asset('assets/images/home_new/icons/twitter.svg') }}"alt="HireMee Twitter">
                        </a>
                        <a href="https://www.linkedin.com/company/hire-mee" class="social-link" target="_blank">
                        <img class="b-lazy" src="data:image/gif/svg;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://hiremee.co.in/assets/images/home_new/icons/linkedin.svg" alt="HireMee linkedin">
                        </a>
                        <a href="https://www.youtube.com/channel/UCm2mUPc5NzpYzMc5tUN0ewQ" class="social-link"
                           target="_blank">
                        <img class="b-lazy" src="data:image/gif/svg;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://hiremee.co.in/assets/images/home_new/icons/youtube.svg" alt="HireMee youtube">
                        </a>
                        <a href="https://www.instagram.com/hiremeeinc/" class="social-link" target="_blank">
                        <img class="b-lazy" src="data:image/gif/svg;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://hiremee.co.in/assets/images/home_new/icons/instagram.svg"
                           alt="HireMee instagram">
                        </a>
                     </div>
                     <a href="{{ secure_url('/') }}" class="hm-th-btn">Back to Home</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@endsection
@section('footer_scripts')
<script type="text/javascript" src="https://momentjs.com/downloads/moment-with-locales.min.js"></script>
<script type="text/javascript" src="{{ secure_asset('assets/js/jquery.validate.min.js') }}"></script>
<script type="text/javascript" src="{{ secure_asset('assets/js/additional-methods.min.js') }} "></script>
<script type="text/javascript" src="{{ secure_asset('assets/js/studentregister.js') }}"></script>
@endsection