array(106) {
  ["id"]=>
  string(3) "316"
  ["dateCreation"]=>
  string(8) "20240613"
  ["adresse1"]=>
  string(29) "9 chemin de la vieille grange"
  ["codePostal"]=>
  string(5) "25440"
  ["libCommune"]=>
  string(7) "CHARNAY"
  ["dept"]=>
  string(2) "25"
  ["departement"]=>
  string(5) "DOUBS"
  ["codInsee"]=>
  string(3) "126"
  ["refPub"]=>
  string(9) "2024-12LH"
  ["refTech"]=>
  string(8) "29044742"
  ["type"]=>
  string(2) "TB"
  ["typeTransac"]=>
  string(1) "1"
  ["voirCommune"]=>
  string(3) "oui"
  ["mandatExclusif"]=>
  string(3) "oui"
  ["x"]=>
  string(10) "0.00000000"
  ["y"]=>
  string(10) "0.00000000"
  ["visiteVirtuelle"]=>
  string(0) ""
  ["idnotaire"]=>
  string(5) "25059"
  ["honoraires"]=>
  string(4) "5040"
  ["pxVente"]=>
  string(5) "55000"
  ["typeNego"]=>
  string(1) "1"
  ["viager"]=>
  string(3) "non"
  ["longue"]=>
  string(166) "CHARNAY (PROCHE QUINGEY) : Terrain à bâtir lotissement 705 m².Raccordé EDF, EAU, Assainissement.Surface de plancher possible 220 m².Dossier sur demande par mail."
  ["courte"]=>
  string(64) "CHARNAY (PROCHE QUINGEY) : Terrain à bâtir lotissement 705 m²"
  ["nomContact"]=>
  string(23) "Monsieur Laurent HESLER"
  ["telContact"]=>
  string(10) "0381514289"
  ["faxContact"]=>
  string(0) ""
  ["mailContact"]=>
  string(29) "negociation.25059@notaires.fr"
  ["maisonIndiv"]=>
  string(1) "0"
  ["ancienNeuf"]=>
  string(0) ""
  ["nbChambres"]=>
  string(1) "0"
  ["nbPieces"]=>
  string(1) "0"
  ["surfaceHabitable"]=>
  string(4) "0.00"
  ["surfaceCarrez"]=>
  string(0) ""
  ["surfaceTerrain"]=>
  string(4) "0.00"
  ["classificationPE"]=>
  string(0) ""
  ["classificationGES"]=>
  string(0) ""
  ["sousType"]=>
  string(0) ""
  ["nbNiveau"]=>
  string(1) "0"
  ["situationLoc"]=>
  string(0) ""
  ["stationnement"]=>
  string(0) ""
  ["terrasse"]=>
  string(0) ""
  ["cave"]=>
  string(0) ""
  ["piscine"]=>
  string(0) ""
  ["appartement"]=>
  string(1) "0"
  ["ascenceur"]=>
  string(0) ""
  ["balcon"]=>
  string(0) ""
  ["etat"]=>
  string(1) "0"
  ["expo"]=>
  string(0) ""
  ["nbEtage"]=>
  string(1) "0"
  ["noEtage"]=>
  string(1) "0"
  ["cuisineEquipe"]=>
  string(0) ""
  ["nbPlacesStationnement"]=>
  string(1) "0"
  ["fondsCommerce"]=>
  string(4) "0.00"
  ["surfaceReserve"]=>
  string(4) "0.00"
  ["lineaireVitrine"]=>
  string(4) "0.00"
  ["dureeBail"]=>
  string(1) "0"
  ["mursAVendre"]=>
  string(0) ""
  ["droitBail"]=>
  string(1) "0"
  ["localActivite"]=>
  string(1) "0"
  ["immeubleRapport"]=>
  string(1) "0"
  ["revenuBrutAnnuel"]=>
  string(1) "0"
  ["usage"]=>
  string(0) ""
  ["garageParking"]=>
  string(1) "0"
  ["hauteur"]=>
  string(4) "0.00"
  ["nbBoxe"]=>
  string(1) "0"
  ["nbPlace"]=>
  string(1) "0"
  ["niveau"]=>
  string(1) "0"
  ["surfaceSejour"]=>
  string(4) "0.00"
  ["proprieteAgricole"]=>
  string(1) "0"
  ["superficicie"]=>
  string(4) "0.00"
  ["proprieteViticole"]=>
  string(1) "0"
  ["terrainAgricole"]=>
  string(1) "0"
  ["terrainBatir"]=>
  string(1) "1"
  ["viabilisation"]=>
  string(3) "oui"
  ["surface"]=>
  string(4) "0.00"
  ["enchere"]=>
  string(1) "0"
  ["miseAPrix"]=>
  string(1) "0"
  ["consignation"]=>
  string(1) "0"
  ["natureMiseAPrix"]=>
  string(1) "0"
  ["dateSeance"]=>
  string(0) ""
  ["location"]=>
  string(1) "0"
  ["loyer"]=>
  string(1) "0"
  ["periodicite"]=>
  string(1) "0"
  ["chgInclus"]=>
  string(0) ""
  ["meuble"]=>
  string(0) ""
  ["dat eDispo"]=>
  string(0) ""
  ["eauChaude"]=>
  string(0) ""
  ["chauffage"]=>
  string(0) ""
  ["depotGarantie"]=>
  string(1) "0"
  ["dureeLocation"]=>
  string(1) "0"
  ["honoraires_loc"]=>
  string(1) "0"
  ["usageLocat ion"]=>
  string(0) ""
  ["locationSaisonniere"]=>
  string(1) "0"
  ["montantBouquet"]=>
  string(1) "0"
  ["montantRente"]=>
  string(1) "0"
  ["periodiciteRente"]=>
  string(1) "0"
  ["indexation"]=>
  string(0) ""
  ["nbTetes"]=>
  string(1) "0"
  ["sexe"]=>
  string(0) ""
  ["ageCreditRentier"]=>
  string(1) "0"
  ["occupation"]=>
  string(0) ""
  ["dateDispo"]=>
  string(0) ""
  ["usageLocation"]=>
  string(0) ""
  ["vignette"]=>
  string(15) "316_2_print.jpg"
  ["bienDivers"]=>
  string(1) "0"
}


<!DOCTYPE html>
<html lang="en" data-bs-theme="light" data-pwa="true">

<head>
  <meta charset="utf-8">

  <meta charset="utf-8">

<!-- Viewport -->
<meta name="viewport"
    content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover">

<!-- SEO Meta Tags -->
<title>Finder | Real Estate - Property Details Page</title>
<meta name="description" content="Finder - Directory & Listings Bootstrap HTML Template">
<meta name="keywords"
    content="directory, listings, search, car dealer, real estate, city guide, business listings, medical directories, event listings, e-commerce, market, multipurpose, ui kit, light and dark mode, bootstrap, html5, css3, javascript, gallery, slider, mobile, pwa">
<meta name="author" content="Coderthemes">

<!-- Webmanifest + Favicon / App icons -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="manifest" href="manifest.json">
<link rel="icon" type="image/png" href="assets/app-icons/icon-32x32.png" sizes="32x32">
<link rel="apple-touch-icon" href="assets/app-icons/icon-180x180.png">
  <!-- Vendor styles -->
  <link rel="stylesheet" href="assets/vendor/glightbox/dist/css/glightbox.min.css">
  <link rel="stylesheet" href="assets/vendor/flatpickr/dist/flatpickr.min.css">

  <!-- Theme switcher (color modes) -->
<script src="assets/js/theme-switcher.js"></script>

<!-- Preloaded local web font (Inter) -->
<link rel="preload" href="assets/fonts/inter-variable-latin.woff2" as="font" type="font/woff2" crossorigin>

<!-- Font icons -->
<link rel="preload" href="assets/icons/finder-icons.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="assets/icons/finder-icons.min.css">

<!-- Bootstrap + Theme styles -->
<link rel="preload" href="assets/css/theme.min.css" as="style">
<link rel="preload" href="assets/css/theme.rtl.min.css" as="style">
<link rel="stylesheet" href="assets/css/theme.min.css" id="theme-styles">
</head>


<!-- Body -->

<body>

  <!-- Tour booking form modal -->
  <div class="modal fade" id="tourBooking" tabindex="-1" aria-labelledby="tourBookingLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" style="max-width: 400px">
      <form class="modal-content needs-validation" novalidate>
        <div class="modal-header border-0">
          <h5 class="modal-title" id="tourBookingLabel">Schedule a tour</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body pb-4 pt-0">
          <ul class="nav nav-pills nav-justified mb-4">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#">In-person</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Video chat</a>
            </li>
          </ul>
          <div class="vstack gap-3">
            <div class="position-relative">
              <i class="fi-calendar position-absolute top-50 start-0 translate-middle-y ms-3"></i>
              <input type="text" class="form-control form-icon-start bg-transparent"
                data-datepicker='{"dateFormat": "M j, Y"}' placeholder="Choose date *" required>
            </div>
            <div class="position-relative">
              <i class="fi-clock position-absolute top-50 start-0 translate-middle-y ms-3"></i>
              <input type="text" class="form-control form-icon-start" id="time-12" data-datepicker='{
                  "enableTime": true,
                  "noCalendar": true,
                  "dateFormat": "h:i K"
                }' placeholder="Choose time *" required>
            </div>
            <input type="text" class="form-control" placeholder="Name *" required>
            <input type="email" class="form-control" placeholder="Email *" required>
            <input type="tel" class="form-control"
              data-input-format='{"numericOnly": true, "delimiters": ["+1 ", " ", " "], "blocks": [0, 3, 3, 2]}'
              placeholder="Phone number">
          </div>
        </div>
        <div class="modal-footer border-0 pt-0 pb-4 px-4">
          <button type="submit" class="btn btn-lg btn-primary w-100 m-0 mb-3">Schedule a tour</button>
          <p class="fs-xs m-0">This site is protected by reCAPTCHA and the Google <a
              class="hover-effect-underline text-decoration-none" href="#!">Privacy Policy</a> and <a
              class="hover-effect-underline text-decoration-none" href="#!">Terms of Service</a> apply.</p>
        </div>
      </form>
    </div>
  </div>


  <!-- Contact form modal -->
  <div class="modal fade" id="contactForm" tabindex="-1" aria-labelledby="contactFormLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" style="max-width: 400px">
      <form class="modal-content needs-validation" novalidate>
        <div class="modal-header border-0">
          <h5 class="modal-title" id="contactFormLabel">Learn more about this property</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body pb-4 pt-0">
          <p class="fs-sm">Complete this form so we can get in touch</p>
          <div class="vstack gap-3">
            <input type="text" class="form-control" placeholder="Name *" required>
            <input type="email" class="form-control" placeholder="Email *" required>
            <input type="tel" class="form-control"
              data-input-format='{"numericOnly": true, "delimiters": ["+1 ", " ", " "], "blocks": [0, 3, 3, 2]}'
              placeholder="Phone number">
            <textarea class="form-control" rows="5" placeholder="Write your message" required></textarea>
          </div>
        </div>
        <div class="modal-footer border-0 pt-0 pb-4 px-4">
          <button type="submit" class="btn btn-lg btn-primary w-100 m-0 mb-3">Send message</button>
          <p class="fs-xs m-0">This site is protected by reCAPTCHA and the Google <a
              class="hover-effect-underline text-decoration-none" href="#!">Privacy Policy</a> and <a
              class="hover-effect-underline text-decoration-none" href="#!">Terms of Service</a> apply.</p>
        </div>
      </form>
    </div>
  </div>


  <!-- Navigation bar (Page header) -->
  <header class="navbar navbar-expand-lg bg-body navbar-sticky sticky-top z-fixed px-0" data-sticky-element>
    <div class="container">

      <!-- Mobile offcanvas menu toggler (Hamburger) -->
      <button type="button" class="navbar-toggler me-3 me-lg-0" data-bs-toggle="offcanvas" data-bs-target="#navbarNav"
        aria-controls="navbarNav" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <!-- Navbar brand (Logo) -->
      <a class="navbar-brand py-1 py-md-2 py-xl-1 me-2 me-sm-n4 me-md-n5 me-lg-0" href="home-real-estate.php">
        <span class="d-none d-sm-flex flex-shrink-0 text-primary rtl-flip me-2">
          <svg xmlns="http://www.w3.org/2000/svg" width="35" height="34">
            <path
              d="M34.5 16.894v10.731c0 3.506-2.869 6.375-6.375 6.375H17.5h-.85C7.725 33.575.5 26.138.5 17c0-9.35 7.65-17 17-17s17 7.544 17 16.894z"
              fill="currentColor" />
            <g fill-rule="evenodd">
              <path
                d="M17.5 13.258c-3.101 0-5.655 2.554-5.655 5.655s2.554 5.655 5.655 5.655 5.655-2.554 5.655-5.655-2.554-5.655-5.655-5.655zm-9.433 5.655c0-5.187 4.246-9.433 9.433-9.433s9.433 4.246 9.433 9.433a9.36 9.36 0 0 1-1.569 5.192l2.397 2.397a1.89 1.89 0 0 1 0 2.671 1.89 1.89 0 0 1-2.671 0l-2.397-2.397a9.36 9.36 0 0 1-5.192 1.569c-5.187 0-9.433-4.246-9.433-9.433z"
                fill="#000" fill-opacity=".05" />
              <g fill="#fff">
                <path
                  d="M17.394 10.153c-3.723 0-6.741 3.018-6.741 6.741s3.018 6.741 6.741 6.741 6.741-3.018 6.741-6.741-3.018-6.741-6.741-6.741zM7.347 16.894A10.05 10.05 0 0 1 17.394 6.847 10.05 10.05 0 0 1 27.44 16.894 10.05 10.05 0 0 1 17.394 26.94 10.05 10.05 0 0 1 7.347 16.894z" />
                <path
                  d="M23.025 22.525c.645-.645 1.692-.645 2.337 0l3.188 3.188c.645.645.645 1.692 0 2.337s-1.692.645-2.337 0l-3.187-3.187c-.645-.646-.645-1.692 0-2.337z" />
              </g>
            </g>
            <path
              d="M23.662 14.663c2.112 0 3.825-1.713 3.825-3.825s-1.713-3.825-3.825-3.825-3.825 1.713-3.825 3.825 1.713 3.825 3.825 3.825z"
              fill="#fff" />
            <path fill-rule="evenodd"
              d="M23.663 8.429a2.41 2.41 0 0 0-2.408 2.408 2.41 2.41 0 0 0 2.408 2.408 2.41 2.41 0 0 0 2.408-2.408 2.41 2.41 0 0 0-2.408-2.408zm-5.242 2.408c0-2.895 2.347-5.242 5.242-5.242s5.242 2.347 5.242 5.242-2.347 5.242-5.242 5.242-5.242-2.347-5.242-5.242z"
              fill="currentColor" />
          </svg>
        </span>
        Finder
      </a>

      <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
      <nav class="offcanvas offcanvas-start" id="navbarNav" tabindex="-1" aria-labelledby="navbarNavLabel">
        <div class="offcanvas-header py-3">
          <h5 class="offcanvas-title" id="navbarNavLabel">Browse Finder</h5>
          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body pt-2 pb-4 py-lg-0 mx-lg-auto">
          <ul class="navbar-nav position-relative">
            <li class="nav-item dropdown py-lg-2 me-lg-n1 me-xl-0">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                data-bs-trigger="hover" aria-expanded="false">Home</a>
              <ul class="dropdown-menu">
                <li class="hover-effect-opacity px-2 mx-n2">
                  <a class="dropdown-item d-block mb-0" href="home-real-estate.php">
                    <span class="fw-medium">Real Estate</span>
                    <span class="d-block fs-xs text-body-secondary">Property listings directory</span>
                    <div
                      class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
                      style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
                      <img class="position-relative z-2 d-none-dark" src="assets/img/mega-menu/real-estate-light.jpg"
                        alt="Real Estate Demo">
                      <img class="position-relative z-2 d-none d-block-dark"
                        src="assets/img/mega-menu/real-estate-dark.jpg" alt="Real Estate Demo">
                      <span class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
                      <span
                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
                    </div>
                  </a>
                </li>
                <li class="hover-effect-opacity px-2 mx-n2">
                  <a class="dropdown-item d-block mb-0" href="home-cars.php">
                    <span class="fw-medium">Cars</span>
                    <span class="d-block fs-xs text-body-secondary">Vehicle sales listings</span>
                    <div
                      class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
                      style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
                      <img class="position-relative z-2 d-none-dark" src="assets/img/mega-menu/cars-light.jpg"
                        alt="Cars Demo">
                      <img class="position-relative z-2 d-none d-block-dark" src="assets/img/mega-menu/cars-dark.jpg"
                        alt="Cars Demo">
                      <span class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
                      <span
                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
                    </div>
                  </a>
                </li>
                <li class="hover-effect-opacity px-2 mx-n2">
                  <a class="dropdown-item d-block mb-0" href="home-contractors.php">
                    <span class="fw-medium">Contractors</span>
                    <span class="d-block fs-xs text-body-secondary">Professional services directory</span>
                    <div
                      class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
                      style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
                      <img class="position-relative z-2 d-none-dark" src="assets/img/mega-menu/contractors-light.jpg"
                        alt="Contractors Demo">
                      <img class="position-relative z-2 d-none d-block-dark"
                        src="assets/img/mega-menu/contractors-dark.jpg" alt="Contractors Demo">
                      <span class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
                      <span
                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
                    </div>
                  </a>
                </li>
                <li class="hover-effect-opacity px-2 mx-n2">
                  <a class="dropdown-item d-block mb-0" href="home-doctors.php">
                    <span class="fw-medium">Doctors</span>
                    <span class="d-block fs-xs text-body-secondary">Medical professionals listings</span>
                    <div
                      class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
                      style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
                      <img class="position-relative z-2 d-none-dark" src="assets/img/mega-menu/doctors-light.jpg"
                        alt="Doctors Demo">
                      <img class="position-relative z-2 d-none d-block-dark" src="assets/img/mega-menu/doctors-dark.jpg"
                        alt="Doctors Demo">
                      <span class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
                      <span
                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
                    </div>
                  </a>
                </li>
                <li class="hover-effect-opacity px-2 mx-n2">
                  <a class="dropdown-item d-block mb-0" href="home-events.php">
                    <span class="fw-medium">Events</span>
                    <span class="d-block fs-xs text-body-secondary">Upcoming events listings</span>
                    <div
                      class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
                      style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
                      <img class="position-relative z-2 d-none-dark" src="assets/img/mega-menu/events-light.jpg"
                        alt="Events Demo">
                      <img class="position-relative z-2 d-none d-block-dark" src="assets/img/mega-menu/events-dark.jpg"
                        alt="Events Demo">
                      <span class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
                      <span
                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
                    </div>
                  </a>
                </li>
                <li class="hover-effect-opacity px-2 mx-n2">
                  <a class="dropdown-item d-block mb-0" href="home-city-guide.php">
                    <span class="fw-medium">City Guide</span>
                    <span class="d-block fs-xs text-body-secondary">Local places directory</span>
                    <div
                      class="d-none d-lg-block hover-effect-target position-absolute top-0 start-100 bg-body border border-light-subtle rounded rounded-start-0 transition-none invisible opacity-0 pt-2 px-2 ms-n2"
                      style="width: 212px; height: calc(100% + 2px); margin-top: -1px">
                      <img class="position-relative z-2 d-none-dark" src="assets/img/mega-menu/city-guide-light.jpg"
                        alt="City Guide Demo">
                      <img class="position-relative z-2 d-none d-block-dark"
                        src="assets/img/mega-menu/city-guide-dark.jpg" alt="City Guide Demo">
                      <span class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none-dark"
                        style="box-shadow: .875rem .5rem 2rem -.5rem #676f7b; opacity: .1"></span>
                      <span
                        class="position-absolute top-0 start-0 w-100 h-100 rounded rounded-start-0 d-none d-block-dark"
                        style="box-shadow: .875rem .5rem 1.875rem -.5rem #080b12; opacity: .25"></span>
                    </div>
                  </a>
                </li>
              </ul>
            </li>
            <li class="nav-item dropdown position-static py-lg-2 me-lg-n1 me-xl-0">
              <a class="nav-link dropdown-toggle active" aria-current="page" href="#" role="button"
                data-bs-toggle="dropdown" data-bs-trigger="hover" aria-expanded="false">Listings</a>
              <div class="dropdown-menu rounded-4 p-4">
                <div class="d-flex flex-column flex-lg-row gap-4">
                  <div style="min-width: 190px">
                    <div class="h6 mb-2">Real Estate</div>
                    <ul class="nav flex-column gap-2 mt-0">
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="listings-real-estate.php">Map/Listings Split View</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="single-entry-real-estate.php">Property Details Page</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="vendor-real-estate.php">Vendor Page</a>
                      </li>
                    </ul>
                    <div class="h6 pt-4 mb-2">Cars</div>
                    <ul class="nav flex-column gap-2 mt-0">
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="listings-grid-cars.php">Listings Grid View</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="listings-list-cars.php">Listings List View</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="single-entry-cars.php">Car Details Page</a>
                      </li>
                    </ul>
                    <div class="h6 pt-4 mb-2">Contractors</div>
                    <ul class="nav flex-column gap-2 mt-0">
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="listings-contractors.php">Listings with Side Filters</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="single-entry-contractors.php">Contractor Details Page</a>
                      </li>
                    </ul>
                    <div class="h6 pt-4 mb-2">Doctors</div>
                    <ul class="nav flex-column gap-2 mt-0">
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="listings-list-doctors.php">Listings List View</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="listings-grid-doctors.php">Listings Grid View</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="single-entry-doctors.php">Doctor Details Page</a>
                      </li>
                    </ul>
                  </div>
                  <div style="min-width: 190px">
                    <div class="h6 mb-2">Events</div>
                    <ul class="nav flex-column gap-2 mt-0">
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="listings-events.php">Listings with Top Filters</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="single-entry-events.php">Event Details Page</a>
                      </li>
                    </ul>
                    <div class="h6 pt-4 mb-2">City Guide</div>
                    <ul class="nav flex-column gap-2 mt-0">
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="listings-side-filters-city-guide.php">Listings with Side Filters</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="listings-top-filters-city-guide.php">Listings with Top Filters</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="single-entry-city-guide.php">Place Details Page</a>
                      </li>
                    </ul>
                    <div class="h6 pt-4 mb-2">Add Property</div>
                    <ul class="nav flex-column gap-2 mt-0">
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-property-type.php">Property type</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-property-location.php">Location</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-property-photos.php">Photos and Videos</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-property-details.php">Property Details</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-property-price.php">Price</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-property-contact-info.php">Contact Info</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-property-promotion.php">Ad Promotion</a>
                      </li>
                    </ul>
                  </div>
                  <div style="min-width: 190px">
                    <div class="h6 mb-2">Add Contractor</div>
                    <ul class="nav flex-column gap-2 mt-0">
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-contractor-location.php">Business Location</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-contractor-services.php">Choose Services</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-contractor-profile.php">Profile Details</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-contractor-price-hours.php">Price and Hours</a>
                      </li>
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0"
                          href="add-contractor-project.php">Create First Project</a>
                      </li>
                    </ul>
                    <div class="h6 pt-4 mb-2">Add (Sell) Car</div>
                    <ul class="nav flex-column gap-2 mt-0">
                      <li class="pt-1">
                        <a class="nav-link hover-effect-underline d-inline fw-normal p-0" href="add-car.php">Add (Sell)
                          Car Page</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </li>
            <li class="nav-item dropdown py-lg-2 me-lg-n1 me-xl-0">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                data-bs-trigger="hover" data-bs-auto-close="outside" aria-expanded="false">Account</a>
              <ul class="dropdown-menu">
                <li class="dropend">
                  <a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                    data-bs-trigger="hover" aria-expanded="false">Auth Pages</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="account-signin.php">Sign In</a></li>
                    <li><a class="dropdown-item" href="account-signup.php">Sign Up</a></li>
                    <li><a class="dropdown-item" href="account-password-recovery.php">Password Recovery</a></li>
                  </ul>
                </li>
                <li><a class="dropdown-item" href="account-profile.php">My Profile</a></li>
                <li><a class="dropdown-item" href="account-listings.php">My Listings</a></li>
                <li><a class="dropdown-item" href="account-reviews.php">Reviews</a></li>
                <li><a class="dropdown-item" href="account-favorites.php">Favorites</a></li>
                <li><a class="dropdown-item" href="account-payment.php">Payment Details</a></li>
                <li><a class="dropdown-item" href="account-settings.php">Account Settings</a></li>
              </ul>
            </li>
            <li class="nav-item dropdown py-lg-2 me-lg-n1 me-xl-0">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                data-bs-trigger="hover" data-bs-auto-close="outside" aria-expanded="false">Pages</a>
              <ul class="dropdown-menu">
                <li class="dropend">
                  <a class="dropdown-item dropdown-toggle" href="#!" role="button" data-bs-toggle="dropdown"
                    data-bs-trigger="hover" aria-expanded="false">About</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="about-v1.php">About v.1</a></li>
                    <li><a class="dropdown-item" href="about-v2.php">About v.2</a></li>
                  </ul>
                </li>
                <li class="dropend">
                  <a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                    data-bs-trigger="hover" aria-expanded="false">Blog</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="blog-layout-v1.php">Blog Layout v.1</a></li>
                    <li><a class="dropdown-item" href="blog-layout-v2.php">Blog Layout v.2</a></li>
                    <li><a class="dropdown-item" href="blog-layout-v3.php">Blog Layout v.3</a></li>
                    <li><a class="dropdown-item" href="blog-layout-v4.php">Blog Layout v.4</a></li>
                    <li><a class="dropdown-item" href="blog-single-v1.php">Single Post v.1</a></li>
                    <li><a class="dropdown-item" href="blog-single-v2.php">Single Post v.2</a></li>
                    <li><a class="dropdown-item" href="blog-single-v3.php">Single Post v.3</a></li>
                  </ul>
                </li>
                <li class="dropend">
                  <a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                    data-bs-trigger="hover" aria-expanded="false">Contact</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="contact-v1.php">Contact v.1</a></li>
                    <li><a class="dropdown-item" href="contact-v2.php">Contact v.2</a></li>
                    <li><a class="dropdown-item" href="contact-v3.php">Contact v.3</a></li>
                  </ul>
                </li>
                <li class="dropend">
                  <a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                    data-bs-trigger="hover" aria-expanded="false">Help Center</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="help-topics-v1.php">Help Topics v.1</a></li>
                    <li><a class="dropdown-item" href="help-topics-v2.php">Help Topics v.2</a></li>
                    <li><a class="dropdown-item" href="help-topics-v3.php">Help Topics v.3</a></li>
                    <li><a class="dropdown-item" href="help-single-article-v1.php">Help Single Article v.1</a></li>
                    <li><a class="dropdown-item" href="help-single-article-v2.php">Help Single Article v.2</a></li>
                    <li><a class="dropdown-item" href="help-single-article-v3.php">Help Single Article v.3</a></li>
                  </ul>
                </li>
                <li class="dropend">
                  <a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                    data-bs-trigger="hover" aria-expanded="false">404 Error</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="404-bg-image.php">Background Image (Real Estate)</a></li>
                    <li><a class="dropdown-item" href="404-icon.php">Icon Image (Cars)</a></li>
                    <li><a class="dropdown-item" href="404-split-screen.php">Split Screen (Contractors)</a></li>
                    <li><a class="dropdown-item" href="404-illustration.php">Illustration (City Guide)</a></li>
                  </ul>
                </li>
                <li><a class="dropdown-item" href="terms-and-conditions.php">Terms &amp; Conditions</a></li>
              </ul>
            </li>
            <li class="nav-item py-lg-2 me-lg-n2 me-xl-0">
              <a class="nav-link" href="ui-typography.php">Components</a>
            </li>
          </ul>
        </div>
      </nav>

      <!-- Button group -->
      <div class="d-flex gap-sm-1">

        <!-- Theme switcher (light/dark/auto) -->
        <div class="dropdown">
          <button type="button" class="theme-switcher btn btn-icon btn-outline-secondary fs-lg border-0 animate-scale"
            data-bs-toggle="dropdown" data-bs-display="dynamic" aria-expanded="false" aria-label="Toggle theme (light)">
            <span class="theme-icon-active d-flex animate-target">
              <i class="fi-sun"></i>
            </span>
          </button>
          <ul class="dropdown-menu start-50 translate-middle-x"
            style="--fn-dropdown-min-width: 9rem; --fn-dropdown-spacer: .5rem">
            <li>
              <button type="button" class="dropdown-item active" data-bs-theme-value="light" aria-pressed="true">
                <span class="theme-icon d-flex fs-base me-2">
                  <i class="fi-sun"></i>
                </span>
                <span class="theme-label">Light</span>
                <i class="item-active-indicator fi-check ms-auto"></i>
              </button>
            </li>
            <li>
              <button type="button" class="dropdown-item" data-bs-theme-value="dark" aria-pressed="false">
                <span class="theme-icon d-flex fs-base me-2">
                  <i class="fi-moon"></i>
                </span>
                <span class="theme-label">Dark</span>
                <i class="item-active-indicator fi-check ms-auto"></i>
              </button>
            </li>
            <li>
              <button type="button" class="dropdown-item" data-bs-theme-value="auto" aria-pressed="false">
                <span class="theme-icon d-flex fs-base me-2">
                  <i class="fi-auto"></i>
                </span>
                <span class="theme-label">Auto</span>
                <i class="item-active-indicator fi-check ms-auto"></i>
              </button>
            </li>
          </ul>
        </div>

        <!-- Account button -->
        <a class="btn btn-icon btn-outline-secondary fs-lg border-0 animate-shake me-2" href="account-signin.php"
          aria-label="Sign in to account">
          <i class="fi-user animate-target"></i>
        </a>

        <!-- Add property button  -->
        <a class="btn btn-primary animate-scale" href="add-property-type.php">
          <i class="fi-plus fs-lg animate-target ms-n2 me-1 me-sm-2"></i>
          Add<span class="d-none d-xl-inline ms-1">property</span>
        </a>
      </div>
    </div>
  </header>


  <!-- Page content -->
  <main class="content-wrapper">
    <div class="container pt-4 pb-5 mb-xxl-3">

      <!-- Breadcrumb -->
      <nav class="pb-2 pb-md-3" aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="home-real-estate.php">Home</a></li>
          <li class="breadcrumb-item"><a href="index.php">Property for rent</a></li>
          <li class="breadcrumb-item active" aria-current="page">9 chemin de la vieille grange CHARNAY</li>
        </ol>
      </nav>

      <!-- Image gallery -->
      <div class="row g-3 g-lg-4">
        <div class="col-md-8">
          <a class="hover-effect-scale hover-effect-opacity position-relative d-flex rounded overflow-hidden"
            href="assets/img/listings/real-estate/single/01.jpg" data-glightbox data-gallery="image-gallery">
            <i
              class="fi-zoom-in hover-effect-target fs-3 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
            <span
              class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
            <div class="ratio hover-effect-target bg-body-tertiary rounded"
              style="--fn-aspect-ratio: calc(450 / 856 * 100%)">
              <img src="assets/img/vignettes/316_0_print.jpg" alt="Image">
            </div>
          </a>
        </div>
        <div class="col-md-4 vstack gap-3 gap-lg-4">
          <a class="hover-effect-scale hover-effect-opacity position-relative d-flex rounded overflow-hidden"
            href="assets/img/listings/real-estate/single/02.jpg" data-glightbox data-gallery="image-gallery">
            <i
              class="fi-zoom-in hover-effect-target fs-3 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
            <span
              class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
            <div class="ratio hover-effect-target bg-body-tertiary rounded"
              style="--fn-aspect-ratio: calc(213 / 416 * 100%)">
              <img src="assets/img/listings/real-estate/single/th02.jpg" alt="Image">
            </div>
          </a>
          <a class="hover-effect-scale hover-effect-opacity position-relative d-flex rounded overflow-hidden"
            href="assets/img/listings/real-estate/single/03.jpg" data-glightbox data-gallery="image-gallery">
            <i
              class="fi-zoom-in hover-effect-target fs-3 text-white position-absolute top-50 start-50 translate-middle opacity-0 z-2"></i>
            <span
              class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
            <div class="ratio hover-effect-target bg-body-tertiary rounded"
              style="--fn-aspect-ratio: calc(213 / 416 * 100%)">
              <img src="assets/img/listings/real-estate/single/th03.jpg" alt="Image">
            </div>
            <div class="btn btn-sm btn-light pe-none position-absolute end-0 bottom-0 z-2 mb-3 me-3">
              <i class="fi-camera fs-sm me-1 ms-n1"></i>
              24
            </div>
          </a>
        </div>
      </div>


      <!-- Listing details -->
      <div class="row pt-4 pb-2 pb-sm-3 pb-md-4 py-lg-5 mt-sm-2 mt-lg-0">

        <!-- Content sections -->
        <div class="col-lg-8 col-xl-7 pb-3 pb-sm-0 mb-4 mb-sm-5 mb-lg-0">

          <!-- Badges + Sharing and wishlist buttons -->
          <div class="d-flex align-items-center justify-content-between gap-4 mb-3">
            <div class="d-flex gap-2">
              <span class="badge text-bg-info d-inline-flex align-items-center">
                Verified
                <i class="fi-shield ms-1"></i>
              </span>
            </div>
            <div class="d-flex gap-2">
              <div class="dropdown" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-sm" title="Share">
                <button type="button" class="btn btn-icon btn-secondary bg-transparent border-0 animate-scale"
                  data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Share">
                  <i class="fi-share-2 animate-target fs-base"></i>
                </button>
                <ul class="dropdown-menu dropdown-menu-end" style="--fn-dropdown-min-width: 9.5rem">
                  <li>
                    <a class="dropdown-item" href="#!">
                      <i class="fi-facebook fs-base me-2"></i>
                      Facebook
                    </a>
                  </li>
                  <li>
                    <a class="dropdown-item" href="#!">
                      <i class="fi-instagram fs-base me-2"></i>
                      Instagram
                    </a>
                  </li>
                  <li>
                    <a class="dropdown-item" href="#">
                      <i class="fi-linkedin fs-base me-2"></i>
                      LinkedIn
                    </a>
                  </li>
                </ul>
              </div>
              <button type="button" class="btn btn-icon btn-secondary bg-transparent border-0 animate-pulse"
                data-bs-toggle="tooltip" data-bs-custom-class="tooltip-sm" title="Wishlist" aria-label="Wishlist">
                <i class="fi-heart animate-target fs-base"></i>
              </button>
            </div>
          </div>

          <!-- Price + Address + Facilities -->
          <div class="h3 pb-1 mb-2">55 000 €</div>
          <p class="fs-sm pb-1 mb-2">9 chemin de la vieille grange CHARNAY</p>
          <div class="d-flex gap-2 mb-4">
            <div class="d-flex align-items-center fs-sm gap-1 me-2">
              1<i class="fi-bed-single fs-base text-secondary-emphasis"></i>
            </div>
            <div class="d-flex align-items-center fs-sm gap-1 me-2">
              1<i class="fi-shower fs-base text-secondary-emphasis"></i>
            </div>
            <div class="d-flex align-items-center fs-sm gap-1 me-2">
              0<i class="fi-car-garage fs-base text-secondary-emphasis"></i>
            </div>
            <div class="fs-sm">42 sq.m</div>
          </div>

          <!-- Info message (Alert) -->
          <div class="alert d-flex alert-secondary fs-sm m-0" role="alert">
            <i class="fi-info fs-lg pe-1 me-2"></i>
            <div>We estimate this home will sell faster than 94% nearby.</div>
          </div>

          <!-- About -->
          <h2 class="h5 pt-4 pt-sm-5 mt-3 mt-sm-0">About</h2>
          <p class="fs-sm">CHARNAY (PROCHE QUINGEY) : Terrain à bâtir lotissement 705 m².Raccordé EDF, EAU, Assainissement.Surface de plancher possible 220 m².Dossier sur demande par mail.</p>

          <!-- General info -->
          <h2 class="h5 pt-4 pt-sm-5 mt-3 mt-sm-0">General information</h2>
          <table class="table table-borderless w-auto fs-sm">
            <tbody>
              <tr>
                <th scope="row" class="py-2 ps-0 pe-3">Property type</th>
                <td class="text-body py-2">Terrain à Bâtir</td>
              </tr>
              <tr>
                <th scope="row" class="py-2 ps-0 pe-3">Year built</th>
                <td class="text-body py-2">2023</td>
              </tr>
              <tr>
                <th scope="row" class="py-2 ps-0 pe-3">Living area</th>
                <td class="text-body py-2">42 sq.m</td>
              </tr>
              <tr>
                <th scope="row" class="py-2 ps-0 pe-3">Floor</th>
                <td class="text-body py-2">0</td>
              </tr>
              <tr>
                <th scope="row" class="py-2 ps-0 pe-3">Total rooms</th>
                <td class="text-body py-2">0</td>
              </tr>
              <tr>
                <th scope="row" class="py-2 ps-0 pe-3">Bedrooms</th>
                <td class="text-body py-2">1</td>
              </tr>
              <tr>
                <th scope="row" class="py-2 ps-0 pe-3">Bathrooms</th>
                <td class="text-body py-2">1</td>
              </tr>
            </tbody>
          </table>

          <!-- Amenities -->
          <h2 class="h5 pt-4 pt-sm-5 mt-3 mt-sm-0">Amenities</h2>
          <div class="row row-cols-2 row-cols-sm-3 fs-sm gy-3">
            <div class="col d-flex align-items-center">
              <i class="fi-wifi fs-lg me-2"></i>
              WiFi
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-dishwasher fs-lg me-2"></i>
              Dishwasher
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-snowflake fs-lg me-2"></i>
              Air conditioning
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-parking fs-lg me-2"></i>
              Parking place
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-washing-machine fs-lg me-2"></i>
              Laundry
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-iron fs-lg me-2"></i>
              Icon
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-video fs-lg me-2"></i>
              Security cameras
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-no-smoking fs-lg me-2"></i>
              No smocking
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-paw fs-lg me-2"></i>
              Pets allowed
            </div>
          </div>

          <!-- Transportation -->
          <h2 class="h5 pt-4 pt-sm-5 mt-3 mt-sm-0">Transportation</h2>
          <div class="row row-cols-2 row-cols-sm-3 fs-sm gy-3">
            <div class="col d-flex align-items-center">
              <i class="fi-footprints fs-lg me-2"></i>
              <span><span class="fw-semibold">73/100</span> Walkable</span>
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-car fs-lg me-2"></i>
              <span><span class="fw-semibold">97%</span> Driveable</span>
            </div>
            <div class="col d-flex align-items-center">
              <i class="fi-bicycle fs-lg me-2"></i>
              <span><span class="fw-semibold">59/100%</span> Bikeable</span>
            </div>
          </div>

          <!-- Location -->
          <h2 class="h5 pt-4 pt-sm-5 mt-3 mt-sm-0">Location</h2>
          <div class="overflow-x-auto pb-3 mb-2">
            <ul class="nav nav-pills nav-justified flex-nowrap gap-2">
              <li class="nav-item me-1">
                <a class="nav-link text-nowrap active" aria-current="page" href="#!">
                  <i class="fi-tram fs-base me-2 ms-n1"></i>
                  Transport
                </a>
              </li>
              <li class="nav-item me-1">
                <a class="nav-link text-nowrap" href="#!">
                  <i class="fi-graduation-cap fs-base me-2 ms-n1"></i>
                  Education
                </a>
              </li>
              <li class="nav-item me-1">
                <a class="nav-link text-nowrap" href="#!">
                  <i class="fi-shopping-bag fs-base me-2 ms-n1"></i>
                  Shopping
                </a>
              </li>
              <li class="nav-item me-1">
                <a class="nav-link text-nowrap" href="#!">
                  <i class="fi-bowl-food fs-base me-2 ms-n1"></i>
                  Food
                </a>
              </li>
              <li class="nav-item me-1">
                <a class="nav-link text-nowrap" href="#!">
                  <i class="fi-tree fs-base me-2 ms-n1"></i>
                  Parks
                </a>
              </li>
            </ul>
          </div>

          <!-- Google map -->
        <iframe
          width="600"
          height="450"
          style="border:0"
          loading="lazy"
          allowfullscreen
          src="https://www.google.com/maps?q=0.00000000,0.00000000&z=14&output=embed">
        </iframe>

          <!-- Meta + Sharing and wishlist buttons -->
          <div class="d-flex align-items-center justify-content-between gap-3 pt-4">
            <div class="d-flex gap-3 fs-sm">
              <div>Published: <span class="fw-medium text-dark-emphasis">13/06/2024</span></div>
              <div>Views: <span class="fw-medium text-dark-emphasis">158</span></div>
            </div>
            <div class="d-flex gap-2">
              <div class="dropdown" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-sm" title="Share">
                <button type="button" class="btn btn-icon btn-secondary bg-transparent border-0 animate-scale"
                  data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Share">
                  <i class="fi-share-2 animate-target fs-base"></i>
                </button>
                <ul class="dropdown-menu dropdown-menu-end" style="--fn-dropdown-min-width: 9.5rem">
                  <li>
                    <a class="dropdown-item" href="#!">
                      <i class="fi-facebook fs-base me-2"></i>
                      Facebook
                    </a>
                  </li>
                  <li>
                    <a class="dropdown-item" href="#!">
                      <i class="fi-instagram fs-base me-2"></i>
                      Instagram
                    </a>
                  </li>
                  <li>
                    <a class="dropdown-item" href="#">
                      <i class="fi-linkedin fs-base me-2"></i>
                      LinkedIn
                    </a>
                  </li>
                </ul>
              </div>
              <button type="button" class="btn btn-icon btn-secondary bg-transparent border-0 animate-pulse"
                data-bs-toggle="tooltip" data-bs-custom-class="tooltip-sm" title="Wishlist" aria-label="Wishlist">
                <i class="fi-heart animate-target fs-base"></i>
              </button>
            </div>
          </div>
        </div>


        <!-- Sidebar with contact form that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
        <aside class="col-lg-4 offset-xl-1">
          <div class="d-none d-lg-block" style="margin-top: -105px"></div>
          <div class="sticky-lg-top">
            <div class="d-none d-lg-block" style="height: 105px"></div>
            <div class="bg-body-tertiary rounded p-4">
              <div class="p-sm-2 p-lg-0 p-xl-2">
                <div class="d-flex align-items-center position-relative mb-4">
                  <div class="ratio ratio-1x1 flex-shrink-0 bg-body-secondary rounded-circle overflow-hidden"
                    style="width: 80px">
                    <img src="assets/img/listings/real-estate/single/avatar.jpg" alt="Avatar">
                  </div>
                  <div class="ps-4">
                    <h5 class="mb-1">
                      <a class="hover-effect-underline stretched-link" href="vendor-real-estate.php">Monsieur Laurent HESLER</a>
                    </h5>
                    <p class="fs-sm mb-0">Listing agent</p>
                  </div>
                </div>
                <ul class="nav flex-column gap-2 mb-4">
                  <li class="nav-item d-flex align-items-center position-relative">
                    <i class="fi-mail me-2"></i>
                    <a class="nav-link hover-effect-underline stretched-link fw-normal text-body p-0"
                      href="mailto:liza.williams@example.com">negociation.25059@notaires.fr</a>
                  </li>
                  <li class="nav-item d-flex align-items-center position-relative">
                    <i class="fi-phone me-2"></i>
                    <a class="nav-link hover-effect-underline stretched-link fw-normal text-body p-0"
                      href="tel:745-854-4264">0381514289</a>
                  </li>
                </ul>
                <button type="button" class="btn btn-lg btn-primary w-100" data-bs-toggle="modal"
                  data-bs-target="#tourBooking">Schedule a tour</button>
                <div class="fs-xs text-center pt-1 pb-2 my-2">It's free, cancel anytime</div>
                <div class="d-flex align-items-center mb-3">
                  <hr class="w-100 m-0">
                  <div class="mt-n1 px-3">or</div>
                  <hr class="w-100 m-0">
                </div>
                <button type="button" class="btn btn-lg btn-outline-dark w-100" data-bs-toggle="modal"
                  data-bs-target="#contactForm">Send message</button>
              </div>
            </div>
          </div>
        </aside>
      </div>
    </div>
  </main>


  <!-- Page footer -->
  <footer class="footer bg-body border-top pt-5" data-bs-theme="dark">
    <div class="container pt-sm-2 pt-md-3 pt-lg-4 pb-4">
        <div class="accordion row pb-4 pb-md-3 pb-lg-4 mb-2 mb-sm-3 mb-md-2" id="footerLinks">

            <!-- Logo + Contacts -->
            <div class="col-sm-5 col-md-4 col-lg-3">
                <a class="d-inline-flex align-items-center text-dark-emphasis text-decoration-none mb-4" href="home-real-estate.php">
                    <span class="flex-shrink-0 text-primary rtl-flip me-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="35" height="34">
                            <path d="M34.5 16.894v10.731c0 3.506-2.869 6.375-6.375 6.375H17.5h-.85C7.725 33.575.5 26.138.5 17c0-9.35 7.65-17 17-17s17 7.544 17 16.894z" fill="currentColor" />
                            <g fill-rule="evenodd">
                                <path d="M17.5 13.258c-3.101 0-5.655 2.554-5.655 5.655s2.554 5.655 5.655 5.655 5.655-2.554 5.655-5.655-2.554-5.655-5.655-5.655zm-9.433 5.655c0-5.187 4.246-9.433 9.433-9.433s9.433 4.246 9.433 9.433a9.36 9.36 0 0 1-1.569 5.192l2.397 2.397a1.89 1.89 0 0 1 0 2.671 1.89 1.89 0 0 1-2.671 0l-2.397-2.397a9.36 9.36 0 0 1-5.192 1.569c-5.187 0-9.433-4.246-9.433-9.433z" fill="#000" fill-opacity=".05" />
                                <g fill="#fff">
                                    <path d="M17.394 10.153c-3.723 0-6.741 3.018-6.741 6.741s3.018 6.741 6.741 6.741 6.741-3.018 6.741-6.741-3.018-6.741-6.741-6.741zM7.347 16.894A10.05 10.05 0 0 1 17.394 6.847 10.05 10.05 0 0 1 27.44 16.894 10.05 10.05 0 0 1 17.394 26.94 10.05 10.05 0 0 1 7.347 16.894z" />
                                    <path d="M23.025 22.525c.645-.645 1.692-.645 2.337 0l3.188 3.188c.645.645.645 1.692 0 2.337s-1.692.645-2.337 0l-3.187-3.187c-.645-.646-.645-1.692 0-2.337z" />
                                </g>
                            </g>
                            <path d="M23.662 14.663c2.112 0 3.825-1.713 3.825-3.825s-1.713-3.825-3.825-3.825-3.825 1.713-3.825 3.825 1.713 3.825 3.825 3.825z" fill="#fff" />
                            <path fill-rule="evenodd" d="M23.663 8.429a2.41 2.41 0 0 0-2.408 2.408 2.41 2.41 0 0 0 2.408 2.408 2.41 2.41 0 0 0 2.408-2.408 2.41 2.41 0 0 0-2.408-2.408zm-5.242 2.408c0-2.895 2.347-5.242 5.242-5.242s5.242 2.347 5.242 5.242-2.347 5.242-5.242 5.242-5.242-2.347-5.242-5.242z" fill="currentColor" />
                        </svg>
                    </span>
                    <span class="fs-4 fw-semibold">Finder</span>
                </a>
                <ul class="list-unstyled gap-3">
                    <li>
                        <div class="position-relative d-flex align-items-center">
                            <i class="fi-mail fs-lg text-body me-2"></i>
                            <a class="text-dark-emphasis text-decoration-none hover-effect-underline stretched-link" href="mailto:contact@example.com">contact@example.com</a>
                        </div>
                    </li>
                    <li>
                        <div class="position-relative d-flex align-items-center">
                            <i class="fi-phone-call fs-lg text-body me-2"></i>
                            <a class="text-dark-emphasis text-decoration-none hover-effect-underline stretched-link" href="tel:+15053753082">+1&nbsp;50&nbsp;537&nbsp;53&nbsp;082</a>
                        </div>
                    </li>
                </ul>
            </div>

            <!-- Columns with links that are turned into accordion on screens < 500px wide (sm breakpoint) -->
            <div class="accordion-item col-sm-4 col-md-4 col-lg-3 border-0">
                <h6 class="accordion-header" id="quickLinksHeading">
                    <span class="h5 d-none d-sm-block">Quick links</span>
                    <button type="button" class="accordion-button collapsed py-3 d-sm-none" data-bs-toggle="collapse" data-bs-target="#quickLinks" aria-expanded="false" aria-controls="quickLinks">Quick links</button>
                </h6>
                <div class="accordion-collapse collapse d-sm-block" id="quickLinks" aria-labelledby="quickLinksHeading" data-bs-parent="#footerLinks">
                    <ul class="nav flex-column gap-2 pt-sm-1 pt-lg-2 pb-3 pb-sm-0 mt-n1 mb-1 mb-sm-0">
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">Daily rental</a>
                        </li>
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">Long-term rental</a>
                        </li>
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">Buy property</a>
                        </li>
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">Sell property</a>
                        </li>
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">Popular offers</a>
                        </li>
                    </ul>
                </div>
                <hr class="d-sm-none my-0">
            </div>
            <div class="accordion-item col-sm-3 col-lg-2 col-xxl-3 border-0">
                <h6 class="accordion-header" id="profileLinksHeading">
                    <span class="h5 d-none d-sm-block">Profile</span>
                    <button type="button" class="accordion-button collapsed py-3 d-sm-none" data-bs-toggle="collapse" data-bs-target="#profileLinks" aria-expanded="false" aria-controls="profileLinks">Profile</button>
                </h6>
                <div class="accordion-collapse collapse d-sm-block" id="profileLinks" aria-labelledby="profileLinksHeading" data-bs-parent="#footerLinks">
                    <ul class="nav flex-column gap-2 pt-sm-1 pt-lg-2 pb-3 pb-sm-0 mt-n1 mb-1 mb-sm-0">
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">My account</a>
                        </li>
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">My listings</a>
                        </li>
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">Add listings</a>
                        </li>
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">Help center</a>
                        </li>
                        <li class="pt-1">
                            <a class="nav-link hover-effect-underline d-inline text-body fw-normal p-0" href="#!">Privacy policy</a>
                        </li>
                    </ul>
                </div>
                <hr class="d-sm-none my-0">
            </div>

            <!-- Subscription + Social links -->
            <div class="col-lg-4 col-xxl-3 pt-4 pt-md-5 pt-lg-0 mt-3 mt-md-0">
                <div class="d-flex flex-column flex-sm-row flex-lg-column align-items-center justify-content-between justify-content-lg-center text-center text-sm-start text-lg-center">
                    <h6 class="h5 mb-sm-0 mb-lg-3 me-sm-3 me-md-4 me-lg-0">Get exclusive advice</h6>
                    <button type="button" class="btn btn-lg btn-outline-secondary w-100" style="max-width: 205px">Sign up</button>
                    <div class="d-flex justify-content-center pt-2 pt-sm-0 pt-lg-3 ps-sm-3 ps-lg-0 mt-3 mt-sm-0 mt-lg-3">
                        <a class="btn btn-icon fs-base btn-outline-secondary border-0" href="#!" data-bs-toggle="tooltip" data-bs-template='<div class="tooltip fs-xs mb-n2" role="tooltip"><div class="tooltip-inner bg-transparent text-white opacity-75 p-0"></div></div>' title="Instagram" aria-label="Follow us on Instagram">
                            <i class="fi-instagram"></i>
                        </a>
                        <a class="btn btn-icon fs-base btn-outline-secondary border-0" href="#!" data-bs-toggle="tooltip" data-bs-template='<div class="tooltip fs-xs mb-n2" role="tooltip"><div class="tooltip-inner bg-transparent text-white opacity-75 p-0"></div></div>' title="Facebook" aria-label="Follow us on Facebook">
                            <i class="fi-facebook"></i>
                        </a>
                        <a class="btn btn-icon fs-base btn-outline-secondary border-0" href="#!" data-bs-toggle="tooltip" data-bs-template='<div class="tooltip fs-xs mb-n2" role="tooltip"><div class="tooltip-inner bg-transparent text-white opacity-75 p-0"></div></div>' title="X (Twitter)" aria-label="Follow us on X (Twitter)">
                            <i class="fi-x"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Mobile app CTA -->
        <div class="position-relative d-flex flex-column flex-md-row align-items-center overflow-hidden mb-md-2">
            <div class="position-relative d-xl-flex align-items-center w-100 z-2 text-center text-md-start py-4 py-md-5 px-4 px-sm-5 ps-md-5 pe-md-0 pe-lg-5 pe-xl-0 mt-md-4 ms-xxl-3 me-lg-5 me-xl-0">
                <div class="pt-3 pt-md-0 pt-xl-2 pe-xl-2 pe-xxl-0 me-xl-4 me-xxl-5">
                    <h3 class="mb-2">Download Finder App</h3>
                    <p class="text-body-secondary mb-xl-0">Find everything you need for buying, selling and renting property in our new Finder App!</p>
                </div>
                <div class="d-flex flex-shrink-0 justify-content-center justify-content-md-start gap-3 pt-xl-3 pe-xl-3 me-xxl-5">
                    <a class="btn btn-market btn-lg" href="#!" aria-label="Download on App Store">
                        <i class="fi-apple lead ms-n1 me-2"></i>
                        <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="77" height="24" viewBox="0 0 77 24" fill="currentColor">
                            <path d="M40.713 15.797c.701-.624 1.055-1.431 1.055-2.427 0-.806-.242-1.486-.733-2.032-.483-.546-1.232-1.02-2.255-1.423-.838-.324-1.418-.625-1.732-.901a1.41 1.41 0 0 1-.548-1.138 1.39 1.39 0 0 1 .475-1.059c.379-.316.91-.482 1.579-.482.854 0 1.611.182 2.288.538l.483-1.518c-.717-.372-1.619-.553-2.699-.553-1.216 0-2.191.308-2.924.917a2.94 2.94 0 0 0-1.103 2.356c0 1.463 1.039 2.577 3.142 3.344.765.277 1.313.577 1.643.901a1.63 1.63 0 0 1 .491 1.194c0 .53-.201.957-.604 1.273-.395.316-.959.474-1.675.474-.999 0-1.917-.245-2.755-.727l-.443 1.557c.773.482 1.796.727 3.077.727 1.386 0 2.465-.34 3.238-1.02zm-31.706.846h2.03L7.195 4.966H4.826L1 16.644h1.974l1.055-3.431h3.867l1.112 3.431zM6.558 8.729l1.007 3.044H4.367l.991-3.044.564-2.198h.04l.596 2.198zm13.122 6.997c.797-.83 1.192-1.961 1.192-3.392 0-1.289-.338-2.316-1.031-3.107-.677-.783-1.514-1.178-2.529-1.178-1.289 0-2.255.506-2.892 1.51h-.032l-.105-1.336h-1.675l.072 2.767v9.068h1.909v-4.42c.499.798 1.313 1.194 2.449 1.194 1.047 0 1.933-.364 2.642-1.107zm-1.313-5.353c.379.53.564 1.202.564 2.024 0 .893-.201 1.605-.604 2.15-.403.538-.959.814-1.675.814-.612 0-1.112-.213-1.49-.633s-.572-.941-.572-1.55v-1.407c0-.15.032-.34.089-.569a2.11 2.11 0 0 1 .749-1.202c.387-.3.814-.459 1.281-.459a1.96 1.96 0 0 1 1.659.83zm12.366 1.961c0 1.431-.395 2.562-1.192 3.392-.709.743-1.595 1.107-2.642 1.107-1.136 0-1.949-.395-2.449-1.194v4.42H22.54v-9.068l-.072-2.767h1.675l.105 1.336h.032c.636-1.004 1.603-1.51 2.892-1.51 1.015 0 1.853.395 2.529 1.178.693.791 1.031 1.818 1.031 3.107zm-1.941.063c0-.822-.185-1.494-.564-2.024a1.96 1.96 0 0 0-1.659-.83c-.467 0-.894.158-1.281.459-.379.308-.628.704-.749 1.202-.056.229-.089.419-.089.569v1.407c0 .609.193 1.131.572 1.55s.878.633 1.49.633c.717 0 1.281-.277 1.676-.814.411-.546.604-1.257.604-2.15zM48.083 9.63h-2.102v4.087c0 1.036.37 1.557 1.112 1.557.338 0 .62-.032.846-.087l.056 1.423c-.379.134-.87.206-1.482.206-.757 0-1.337-.229-1.764-.68s-.636-1.21-.636-2.269V9.623h-1.248V8.223h1.249V6.681l1.869-.553v2.095h2.102V9.63zm8.329 5.922c.749-.83 1.128-1.89 1.128-3.186 0-1.257-.362-2.285-1.096-3.075-.765-.822-1.78-1.233-3.037-1.233-1.305 0-2.344.419-3.117 1.249-.765.83-1.152 1.897-1.152 3.202 0 1.249.37 2.285 1.12 3.099s1.756 1.225 3.013 1.225c1.305 0 2.352-.427 3.142-1.281zm-1.353-5.131c.338.553.508 1.21.508 1.984s-.177 1.439-.524 2.008c-.419.68-.991 1.02-1.716 1.02-.741 0-1.321-.332-1.732-1.004-.338-.546-.508-1.21-.508-1.984 0-.799.161-1.471.508-2.024.395-.672.983-1.004 1.748-1.004.741 0 1.313.332 1.716 1.004zm8.683-.553c-.185-.032-.387-.047-.604-.047-.669 0-1.192.245-1.555.743-.314.435-.475.996-.475 1.66v4.419h-1.909v-5.771l-.056-2.649h1.659l.072 1.613h.056c.201-.553.516-1.004.951-1.336.427-.3.886-.451 1.377-.451a4.09 4.09 0 0 1 .475.032l.008 1.787zm8.451 3.012c.048-.229.072-.514.072-.846 0-1.051-.258-1.929-.765-2.656-.628-.901-1.571-1.352-2.803-1.352-1.257 0-2.255.451-2.997 1.352-.709.846-1.063 1.905-1.063 3.17 0 1.289.379 2.324 1.136 3.091s1.804 1.154 3.133 1.154c1.104 0 2.062-.174 2.876-.522l-.298-1.297c-.693.261-1.466.395-2.312.395-.765 0-1.386-.198-1.869-.585-.532-.435-.806-1.075-.83-1.905h5.719zm-2.119-2.767c.258.403.387.886.371 1.439l-3.963-.008c.056-.561.25-1.051.564-1.455a1.82 1.82 0 0 1 1.514-.759c.677 0 1.184.261 1.514.783z" />
                        </svg>
                    </a>
                    <a class="btn btn-market btn-lg" href="#!" aria-label="Download on Google Play">
                        <svg class="flex-shrink-0 ms-n1 me-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <path d="M19.665 10.561l-3.251-1.878-3.329 3.329 3.328 3.329 3.263-1.884c.509-.309.812-.849.812-1.444s-.304-1.135-.823-1.451z" fill="#ffce00" />
                            <path d="M13.085 12.011L4.018 2.879a1.71 1.71 0 0 0-.507 1.216v15.804a1.71 1.71 0 0 0 .507 1.217l9.067-9.105z" fill="#01daff" />
                            <path d="M13.086 12.011l3.329-3.329.005-.005-4.46-2.568L6.08 2.654c-.529-.327-1.171-.338-1.712-.034a2.54 2.54 0 0 0-.349.259l9.067 9.132z" fill="#00f076" />
                            <path d="M4.019 21.116c.113.101.225.18.349.259.27.146.552.225.834.225.304 0 .597-.09.867-.248l5.891-3.439 4.46-2.568-.005-.005-3.329-3.329-9.067 9.104z" fill="#f63448" />
                        </svg>
                        <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="77" height="24" viewBox="0 0 77 24" fill="currentColor">
                            <path d="M24.575 9.45c-2.184 0-3.914 1.704-3.914 4.071 0 2.272 1.729 4.071 3.914 4.071s3.914-1.704 3.914-4.071c0-2.461-1.729-4.071-3.914-4.071zm0 6.438c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.184.947 2.184 2.462c0 1.42-1.001 2.462-2.184 2.462zM16.11 9.45c-2.184 0-3.914 1.704-3.914 4.071 0 2.272 1.729 4.071 3.914 4.071s3.914-1.704 3.914-4.071c0-2.461-1.729-4.071-3.914-4.071zm0 6.438c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.184.947 2.184 2.462c0 1.42-1.001 2.462-2.184 2.462zM6.007 10.681v1.704h3.914c-.091.947-.455 1.704-.91 2.177-.546.568-1.456 1.231-3.004 1.231-2.457 0-4.278-1.988-4.278-4.544s1.911-4.544 4.278-4.544c1.274 0 2.275.568 3.004 1.231l1.183-1.231C9.193 5.757 7.918 5 6.098 5 2.822 5 0 7.84 0 11.249s2.822 6.249 6.098 6.249c1.82 0 3.095-.568 4.187-1.799 1.092-1.136 1.456-2.745 1.456-3.976 0-.379 0-.757-.091-1.041H6.007zm41.322 1.325c-.364-.947-1.274-2.556-3.277-2.556s-3.641 1.61-3.641 4.071c0 2.272 1.638 4.071 3.823 4.071 1.729 0 2.822-1.136 3.186-1.799l-1.274-.947c-.455.663-1.001 1.136-1.911 1.136s-1.456-.379-1.911-1.231l5.188-2.272-.182-.473zm-5.279 1.326c0-1.515 1.183-2.367 2.002-2.367.637 0 1.274.379 1.456.852l-3.459 1.515zm-4.278 3.882h1.729V5.379h-1.729v11.834zm-2.73-6.911c-.455-.473-1.183-.947-2.093-.947-1.911 0-3.732 1.799-3.732 4.071s1.729 3.976 3.732 3.976c.91 0 1.638-.473 2.002-.947h.091v.568c0 1.515-.819 2.367-2.093 2.367-1.001 0-1.729-.757-1.911-1.42l-1.456.663C30.036 19.675 31.128 21 33.039 21c2.002 0 3.641-1.231 3.641-4.166V9.639h-1.638v.663zm-2.002 5.586c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.093 1.041 2.093 2.462-.91 2.462-2.093 2.462zM55.247 5.379h-4.096v11.834h1.729v-4.45h2.367c1.911 0 3.732-1.42 3.732-3.692s-1.82-3.692-3.732-3.692zm.091 5.681h-2.457V6.988h2.457c1.274 0 2.002 1.136 2.002 1.988-.091 1.041-.819 2.083-2.002 2.083zm10.467-1.704c-1.274 0-2.549.568-3.004 1.799l1.547.663c.364-.663.91-.852 1.547-.852.91 0 1.729.568 1.82 1.515v.095c-.273-.189-1.001-.473-1.729-.473-1.638 0-3.277.947-3.277 2.651 0 1.609 1.365 2.651 2.821 2.651 1.183 0 1.729-.568 2.184-1.136h.091v.947h1.638v-4.544c-.182-2.083-1.729-3.314-3.641-3.314zm-.182 6.533c-.546 0-1.365-.284-1.365-1.041 0-.947 1.001-1.231 1.82-1.231.728 0 1.092.189 1.547.379-.182 1.136-1.092 1.894-2.002 1.894zm9.557-6.249l-1.911 5.112h-.091l-2.002-5.112h-1.82l3.004 7.195-1.729 3.976h1.729L77 9.639h-1.82zm-15.291 7.574h1.729V5.379h-1.729v11.834z" />
                        </svg>
                    </a>
                </div>
            </div>
            <div class="ratio rtl-flip position-relative z-2 align-self-md-end me-md-n4 me-lg-n5 me-xxl-0" style="--fn-aspect-ratio: calc(233 / 466 * 100%); max-width: 466px">
                <img src="assets/img/app-footer.png" alt="Finder app">
            </div>
            <div class="bg-body-tertiary position-absolute bottom-0 start-0 w-100 rounded-4 d-none d-md-block" style="height: calc(100% - 32px)"></div>
            <div class="bg-body-tertiary position-absolute bottom-0 start-0 w-100 h-100 rounded-4 d-md-none"></div>
        </div>

        <!-- Copyright -->
        <div class="text-center pt-4 pb-md-2">
            <p class="text-body-secondary fs-sm mb-0">&copy; All rights reserved. Made by <a class="text-body fw-medium text-decoration-none hover-effect-underline" href="https://1.envato.market/coderthemes" target="_blank" rel="noreferrer">Coderthemes</a></p>
        </div>
    </div>
</footer>

  <!-- Back to top button -->
  <div class="floating-buttons position-fixed top-50 end-0 z-sticky me-3 me-xl-4 pb-4">
    <a class="btn-scroll-top btn btn-sm bg-body border-0 rounded-pill shadow animate-slide-end" href="#top">
      Top
      <i class="fi-arrow-right fs-base ms-1 me-n1 animate-target"></i>
      <span class="position-absolute top-0 start-0 w-100 h-100 border rounded-pill z-0"></span>
      <svg class="position-absolute top-0 start-0 w-100 h-100 z-1" viewBox="0 0 62 32" fill="none"
        xmlns="http://www.w3.org/2000/svg">
        <rect x=".75" y=".75" width="60.5" height="30.5" rx="15.25" stroke="currentColor" stroke-width="1.5"
          stroke-miterlimit="10" />
      </svg>
    </a>
  </div>


  <!-- Vendor scripts -->
  <script src="assets/vendor/glightbox/dist/js/glightbox.min.js"></script>
  <script src="assets/vendor/flatpickr/dist/flatpickr.min.js"></script>
  <script src="assets/vendor/cleave.js/dist/cleave.min.js"></script>

  <!-- Bootstrap + Theme scripts -->
<script src="assets/js/theme.min.js"></script></body>

</html>