array(106) {
  ["id"]=>
  string(3) "522"
  ["dateCreation"]=>
  string(8) "20260316"
  ["adresse1"]=>
  string(16) "12 RUE DU CHALET"
  ["codePostal"]=>
  string(5) "25140"
  ["libCommune"]=>
  string(11) "CHARQUEMONT"
  ["dept"]=>
  string(2) "25"
  ["departement"]=>
  string(5) "DOUBS"
  ["codInsee"]=>
  string(3) "127"
  ["refPub"]=>
  string(13) "25061-1093523"
  ["refTech"]=>
  string(8) "31860108"
  ["type"]=>
  string(2) "MI"
  ["typeTransac"]=>
  string(1) "1"
  ["voirCommune"]=>
  string(3) "oui"
  ["mandatExclusif"]=>
  string(3) "non"
  ["x"]=>
  string(10) "0.00000000"
  ["y"]=>
  string(10) "0.00000000"
  ["visiteVirtuelle"]=>
  string(0) ""
  ["idnotaire"]=>
  string(5) "25061"
  ["honoraires"]=>
  string(5) "17500"
  ["pxVente"]=>
  string(6) "350000"
  ["typeNego"]=>
  string(1) "2"
  ["viager"]=>
  string(3) "non"
  ["longue"]=>
  string(810) "CHARQUEMONT, commune toutes commodités à 6 kms de MAICHE et proche frontière suisse, maison traditionnelle de 2005 sur terrain de 07 ares 56 au calme.Environ 110 ms hab, pvc double vitrage, volets roulants, chauffage électrique avec convecteurs à inertie récents, poêle à bois, porte de garage neuve, façade refaite, reliée tout à l'égout, tuiles terre cuite, la maison comprend:- rez de chaussée: entrée, cuisine équipée ouverte sur salon salle à manger avec poêle central et accès terrasse, une chambre avec parquet, une salle d'eau avec meuble vasque, wc, garage 1 vl et espace buanderie au fond- étage ( plancher porteur isolé): 3 chambres avec parquet, une pièce aménagée au dessus du garage, cabinet de toilette avec possibilité d'une douche ( branchement en attente )- abri bois"
  ["courte"]=>
  string(35) "Charquemont, maison 2005 4 chambres"
  ["nomContact"]=>
  string(24) "Madame Sandrine DEVIMEUX"
  ["telContact"]=>
  string(0) ""
  ["faxContact"]=>
  string(0) ""
  ["mailContact"]=>
  string(29) "negociation-25061@notaires.fr"
  ["maisonIndiv"]=>
  string(1) "1"
  ["ancienNeuf"]=>
  string(4) "Neuf"
  ["nbChambres"]=>
  string(1) "4"
  ["nbPieces"]=>
  string(1) "6"
  ["surfaceHabitable"]=>
  string(6) "109.00"
  ["surfaceCarrez"]=>
  string(3) "oui"
  ["surfaceTerrain"]=>
  string(6) "756.00"
  ["classificationPE"]=>
  string(1) "Y"
  ["classificationGES"]=>
  string(1) "Y"
  ["sousType"]=>
  string(2) "MV"
  ["nbNiveau"]=>
  string(1) "1"
  ["situationLoc"]=>
  string(0) ""
  ["stationnement"]=>
  string(3) "oui"
  ["terrasse"]=>
  string(3) "oui"
  ["cave"]=>
  string(0) ""
  ["piscine"]=>
  string(3) "non"
  ["appartement"]=>
  string(1) "0"
  ["ascenceur"]=>
  string(0) ""
  ["balcon"]=>
  string(0) ""
  ["etat"]=>
  string(1) "0"
  ["expo"]=>
  string(1) "S"
  ["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) "0"
  ["viabilisation"]=>
  string(0) ""
  ["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) "522_8_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">12 RUE DU CHALET CHARQUEMONT</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/listings/real-estate/single/01.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">350 000 €</div>
          <p class="fs-sm pb-1 mb-2">12 RUE DU CHALET CHARQUEMONT</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">CHARQUEMONT, commune toutes commodités à 6 kms de MAICHE et proche frontière suisse, maison traditionnelle de 2005 sur terrain de 07 ares 56 au calme.Environ 110 ms hab, pvc double vitrage, volets roulants, chauffage électrique avec convecteurs à inertie récents, poêle à bois, porte de garage neuve, façade refaite, reliée tout à l'égout, tuiles terre cuite, la maison comprend:- rez de chaussée: entrée, cuisine équipée ouverte sur salon salle à manger avec poêle central et accès terrasse, une chambre avec parquet, une salle d'eau avec meuble vasque, wc, garage 1 vl et espace buanderie au fond- étage ( plancher porteur isolé): 3 chambres avec parquet, une pièce aménagée au dessus du garage, cabinet de toilette avec possibilité d'une douche ( branchement en attente )- abri bois</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">Maison</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">6</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">16/03/2026</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">Madame Sandrine DEVIMEUX</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-25061@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"></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>