?
?>

<div class="container mt-4">
  <h1>Frequently Asked Questions</h1>

  <h3>How do I book an property?</h3>
  <p>You can browse or search listings, then select dates and confirm your booking online.</p>

  <h3>What is your cancellation policy?</h3>
  <p>Cancellations can be made up to 48 hours before check-in for a full refund.</p>

  <h3>How do I contact the manager?</h3>
  <p>Once your booking is confirmed, you can message the manager through your profile.</p>

  <h3>Is payment secure?</h3>
  <p>Yes, we use secure payment gateways to protect your payment details.</p>
</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap');

:root{
    --pr:#F37021;--pr-l:rgba(243,112,33,0.10);--pr-b:rgba(243,112,33,0.22);
    --dark:#0f1923;--mid:#1a2535;--bdr-dark:rgba(255,255,255,0.08);
}

/* ── FOOTER ───────────────────────────────────────────────────────── */
.ak-footer{
    background:var(--dark);color:rgba(255,255,255,0.6);
    padding:56px 0 0;position:relative;overflow:hidden;
    font-family:'DM Sans',sans-serif;
}
.ak-footer::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(ellipse 60% 80% at 0% 0%,rgba(243,112,33,0.10) 0%,transparent 55%),
               radial-gradient(ellipse 50% 70% at 100% 100%,rgba(30,58,138,0.18) 0%,transparent 55%);
}
.ak-footer-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2;}

/* grid */
.ak-footer-grid{
    display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;
    padding-bottom:2.5rem;border-bottom:1px solid var(--bdr-dark);
}

/* logo + about */
.ak-footer-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;margin-bottom:1rem;}
.ak-footer-logo img{height:32px;width:auto;}
.ak-footer-logo span{font-family:'Playfair Display',serif;font-weight:800;font-size:1.15rem;color:#fff;}
.ak-footer-logo span em{font-style:normal;color:var(--pr);}
.ak-footer-about{font-size:0.84rem;line-height:1.7;color:rgba(255,255,255,0.4);margin-bottom:1.25rem;max-width:380px;}
.ak-footer-social{display:flex;gap:10px;}
.ak-social-btn{
    width:36px;height:36px;border-radius:10px;
    background:rgba(255,255,255,0.04);border:1px solid var(--bdr-dark);
    display:flex;align-items:center;justify-content:center;
    color:rgba(255,255,255,0.5);text-decoration:none;
    transition:all 0.2s;font-size:0.95rem;
}
.ak-social-btn:hover{background:var(--pr);border-color:var(--pr);color:#fff;transform:translateY(-2px);}

/* heading */
.ak-footer-h{
    font-family:'Playfair Display',serif;font-size:0.95rem;font-weight:700;
    color:#fff;margin-bottom:1.1rem;letter-spacing:0.3px;
}

/* links */
.ak-footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.ak-footer-link{
    font-size:0.84rem;color:rgba(255,255,255,0.45);text-decoration:none;
    transition:all 0.15s;display:inline-flex;align-items:center;gap:7px;
}
.ak-footer-link::before{
    content:'';width:4px;height:4px;border-radius:50%;
    background:rgba(243,112,33,0.5);flex-shrink:0;transition:all 0.15s;
}
.ak-footer-link:hover{color:var(--pr);padding-left:2px;}
.ak-footer-link:hover::before{background:var(--pr);}

/* newsletter */
.ak-news-form{display:flex;gap:0;margin-bottom:0.6rem;}
.ak-news-input{
    flex:1;background:rgba(255,255,255,0.05);border:1px solid var(--bdr-dark);
    border-right:none;border-radius:10px 0 0 10px;
    padding:0.7rem 0.9rem;font-size:0.85rem;color:#fff;
    font-family:'DM Sans',sans-serif;outline:none;transition:all 0.2s;
}
.ak-news-input::placeholder{color:rgba(255,255,255,0.3);}
.ak-news-input:focus{border-color:var(--pr-b);background:rgba(255,255,255,0.07);}
.ak-news-btn{
    background:var(--pr);color:#fff;border:none;
    padding:0 1.1rem;border-radius:0 10px 10px 0;
    font-size:0.85rem;font-weight:600;cursor:pointer;
    font-family:'DM Sans',sans-serif;transition:background 0.2s;
    display:flex;align-items:center;
}
.ak-news-btn:hover{background:#e05a0a;}
.ak-news-privacy{font-size:0.74rem;color:rgba(255,255,255,0.3);margin:0;}
#newsletterMessage{font-size:0.82rem;margin-top:0.5rem;}
#newsletterMessage .text-success{color:#4ade80;}
#newsletterMessage .text-danger{color:#f87171;}

/* bottom bar */
.ak-footer-bottom{
    padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:0.75rem;font-size:0.8rem;color:rgba(255,255,255,0.3);
}
.ak-footer-bottom-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.ak-footer-bottom-links a{color:rgba(255,255,255,0.4);text-decoration:none;transition:color 0.15s;}
.ak-footer-bottom-links a:hover{color:var(--pr);}
.ak-footer-bottom-sep{color:rgba(255,255,255,0.15);}

/* responsive */
@media(max-width:900px){
    .ak-footer-grid{grid-template-columns:1fr 1fr;gap:2rem;}
    .ak-footer-grid > div:first-child{grid-column:1/-1;}
}
@media(max-width:600px){
    .ak-footer{padding:40px 0 0;}
    .ak-footer-grid{grid-template-columns:1fr;gap:1.75rem;padding-bottom:1.75rem;}
    .ak-footer-bottom{flex-direction:column;align-items:flex-start;text-align:left;padding:1.25rem 0;}
    .ak-footer-bottom-links{flex-wrap:wrap;}
}
</style>

<footer class="ak-footer">
    <div class="ak-footer-inner">

        <div class="ak-footer-grid">

            <!-- Logo & About -->
            <div>
                <a href="