@push("style")
<style>
  .footer_c .foot-link{
    position: relative;
    z-index: 1;
    color:black;
    font-weight: 600;
  }
  .footer_c .foot-link::before{
    content:"";
    position: absolute;
    top: 9px;
    left: -25px;
    width:10px;
    height:2px;
    background:var(--color-secondary);
    transition: .3s;
    opacity: 0;
    visibility: hidden
  }
  ul li .foot-link:hover{
  transform: translateX(10px);
  color:var(--color-primary);
}
ul li .foot-link:hover::before{
  opacity: 1;
  visibility: visible
}
.dark-mode .footer_c h5{
  color:var(--color-primary) !important;
}


</style>
@endpush 
<div class="cont-us bg-primary">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="call p-4 d-flex flex-wrap justify-content-between align-items-center">
          <div class="">
            <h4 class="text-white fs-3">Do You Have Questions ?</h4>
            <p class="text-white">We'll help you to grow your career and growth.</p>
          </div>
          <div class="">
             <a href="/contact-us">
                <button class="btn-cont">
                  Contact-Us
                </button>
              </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<footer class="foot">
    <div class="footer_c pb-5 container-fluid" style="">
        <div class="row mx-2 justify-content-center align-items-center">
          <div class="ms-lg-5 p-2 p-md-2 col-xl-3 col-lg-3 col-md-12 col-sm-12" >
            <!-- <img src="{{$dataConfigs['logo']}}" width="100" alt="logo"> -->
            <img class="logo" src="{{page_setting_config()['logo']}}" width="200" height="200" alt="logo">
            <img class="dark_logo" src="{{page_setting_config()['dark_logo']}}" width="200" height="200" alt="logo">

            <!-- <p class="my-2 text-black" style="font-weight: 600;font-size:18px;">{{page_setting_config()['footer_content']}}</p>           -->
          </div>
          
          <div class="pt-5 col-xl-2 col-lg-3 col-md-5 col-sm-12 " style="line-height: 2.7;">
            <h4 class="text-primary">Useful Link</h4>
            <ul>
              <!-- <li><a class="foot-link" href="/master-classes">Live-class</a></li> -->
              <li><a class="foot-link" href="{{route('fe.market-place.index')}}">Academics</a></li>
              
              <li><a class="foot-link" href="{{ route('fe.drazam-notes.all', [App\Helpers\CommonHelper::notesCategory()[0]->id]) }}">Dr.Azam's Notes</a></li>
              <li><a class="foot-link" href="{{route('fe.about.index')}}">About Us</a><li>
              <li><a class="foot-link" href="{{route('fe.faq.index')}}">FAQ's</a></li>
              <li><a class="foot-link" href="{{route('fe.blog.index')}}">Blog</a></li>
              <li><a class="foot-link" href="{{route('fe.contact_us.index')}}">Contact-Us</a></li>     
            </ul>
          </div>
          <div class="pt-5 col-xl-2 col-lg-3 col-md-5 col-sm-12 " style="line-height: 2.7;">
            <h4 class="text-primary">Address</h4>
            <a href="mailto:{{page_setting_config()['email_id']}}" class="text-black" style="font-weight: 600;">{{page_setting_config()['email_id']}}</a>
            <p class="text-black" style="font-weight: 600;font-size:18px;">{{page_setting_config()['phone_no']}}</p>
            <p class="text-black" style="font-weight: 600;font-size:18px;">{{page_setting_config()['address']}}</p>
          </div>
          <!-- <div class="col-lg-6">
            <div class="p-2 p-md-5 text-center">
              <h5 class="fs-3">Want to receive a notification when new courses arrive?</h5>
            </div>
            <form class="forms">
              <input type="email" class="form__field" placeholder="Your E-Mail Address" />
              <button class="send">
                <div class="svg-wrapper-1">
                  <div class="svg-wrapper">
                    <svg height="20" width="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path d="M0 0h24v24H0z" fill="none"></path>
                      <path d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
                <span>Send</span>
              </button>
            </form>
          </div> -->
        </div>
        <div class="d-flex justify-content-center gap-5">
            <a class="foot-link" href="{{ url('/term_and_condition') }}">Terms & Conditions</a>    
            <a class="foot-link" href="{{ url('/return_policy') }}">Return Policy</a>
            <a class="foot-link" href="{{ url('/privacy_policy') }}">Privacy Policy</a>
        </div>
        <hr/>
        <div class="d-flex flex-wrap align-items-center gap-2">
        <div class="container p-1 col-lg-6 col-md-6 col-sm-12 text-center">
           <h4 class="">
            {{ page_setting_config()['footer_copyright'] }} 
          </h4>

        </div>
        <div class="p-1 col-lg-5 col-md-5 col-sm-12">
            <div class="d-flex flex-wrap gap-1 justify-content-center">
              <a href="{{page_setting_config()['linkedIn_link']}}" class="social-link" target="_blank" style="background: #3b5998;" >
              <svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 448 512">
                <path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg>
              </a>
              <a href="{{page_setting_config()['instagram_link']}}" target="_blank" class="social-link" style="background:linear-gradient(29.61deg, #f38334 0%, #da2e7d 50.39%, #6b54c6 100%)">
                <svg class="fo-ico" xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 448 512">
                  <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
              </a>
              <a href="{{page_setting_config()['facebook_link']}}" target="_blank" class="social-link" style="background: #3b5998;">
                <svg class="fo-ico" xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 320 512">
                  <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>
              </a>
              <!-- <a href="{{page_setting_config()['twitter_link']}}" target="_blank" class="social-link" style="background:#4099FF;">
              <svg class="fo-ico" xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 512 512">
                <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
              </a> -->
              <a href="{{page_setting_config()['twitter_link']}}" target="_blank" class="social-link" style="background:#000;">
              <svg class="fo-ico" xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 512 512">
                <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/>
              </svg>
              </a>
              <a href="{{page_setting_config()['telegram']}}" target="_blank" class="social-link" style="background: #3692ec;">
              <svg class="fo-ico" xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 496 512">
                     <path d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"/></svg>
              </a>
              <a href="{{page_setting_config()['whatsapp_link']}}" target="_blank" class="social-link" style="background: #25d366;">
              <svg class="fo-ico" xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 448 512" >
                   <path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>
              </a>
              <a href="{{page_setting_config()['youtube']}}" target="_blank" class="social-link" style="background: #FF0000;">
              <svg class="fo-ico" xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 576 512">
                <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/>
                </svg>
              </a>
               <!-- <a href="https://twitter.com/" class="social-link">
               <svg class="fo-ico" xmlns="http://www.w3.org/2000/svg" height="1em" fill="#fff" viewBox="0 0 512 512">
                <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
               </a> -->
            </div>
          </div>
          </div>
</footer>
@push('script')
  <script src="{{ asset('assets/knewton_front/js/main.js') }}"></script>
@endpush