/* =====================================================================
   Advice Associates – Theme 2026
   Loaded LAST on every page (after Bootstrap 3 + legacy CSS).
   All new components use the "aa-" prefix so nothing clashes with
   Bootstrap or the old stylesheets.
   ===================================================================== */
:root{
  --aa-navy:#0a2a5e; --aa-navy-2:#123d80; --aa-navy-d:#08204a;
  --aa-gold:#f0b429; --aa-gold-d:#d99a0b; --aa-gold-t:#b77f00;
  --aa-green:#22a447; --aa-red:#e1342a;
  --aa-ink:#1a2233; --aa-muted:#5b6578; --aa-line:#e3e8ef; --aa-bg:#f3f5f9;
  --aa-r:8px; --aa-sh:0 4px 18px rgba(10,42,94,.08);
  --aa-font:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ---------- Global refinements for every (legacy) page ---------- */
html{scroll-behavior:smooth}
body{font-family:var(--aa-font)!important;color:var(--aa-ink);font-size:14px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4{font-family:var(--aa-font);color:var(--aa-navy-d);font-weight:500;line-height:1.3}
a{color:var(--aa-navy-2)}
a:hover,a:focus{color:var(--aa-gold-t)}
@media (min-width:1280px){.container{width:1240px}}
img{max-width:100%}
.btn-primary{background:var(--aa-navy);border-color:var(--aa-navy)}
.btn-primary:hover,.btn-primary:focus{background:var(--aa-navy-2);border-color:var(--aa-navy-2)}
.majority_heading,.majority_heading_1{font-family:var(--aa-font)!important;color:var(--aa-navy-d);font-weight:700;letter-spacing:.2px}
.Paragraph{font-family:var(--aa-font);color:var(--aa-navy-d);font-weight:700;margin-top:28px}
.table_top_h{background:var(--aa-navy)!important;border-radius:6px 6px 0 0;font-weight:600}
.thead_h{background:#eef2f8!important;color:var(--aa-navy-d)!important}
.table-bordered>thead>tr>th{font-weight:600}
.table>tbody>tr:hover>td{background:#fbfcfe}
.pagination>.active>a,.pagination>.active>a:hover{background:var(--aa-navy);border-color:var(--aa-navy)}
.thumbnail{border-radius:var(--aa-r)}
.modal-content{border-radius:10px;border:0;box-shadow:0 20px 60px rgba(0,0,0,.25)}

/* Floating buttons (WhatsApp from header.php, AI receptionist on home) */
.whatsapp-float{width:56px!important;height:56px!important;background:var(--aa-green)!important}
#vapiCallBtn{bottom:88px!important;background:var(--aa-navy)!important;font-family:var(--aa-font);font-weight:600!important;font-size:13px;padding:10px 18px!important}
#vapiCallBtn.is-calling{background:var(--aa-red)!important}

/* ---------- Building blocks ---------- */
.aa-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 15px}
.aa-img{background-color:#9aa9bf;background-image:var(--img),linear-gradient(135deg,#a9b8cc,#5b6f8d);background-size:cover;background-position:center;position:relative;overflow:hidden}
.aa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:6px;font-weight:600;font-size:13.5px;border:1.5px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap;font-family:var(--aa-font);line-height:1;text-decoration:none!important}
.aa-btn-gold{background:var(--aa-gold);color:#111!important}.aa-btn-gold:hover{background:var(--aa-gold-d)}
.aa-btn-green{background:var(--aa-green);color:#fff!important}.aa-btn-green:hover{filter:brightness(.92)}
.aa-btn-navy{background:var(--aa-navy);color:#fff!important}.aa-btn-navy:hover{background:var(--aa-navy-2)}
.aa-btn-ghost{border-color:rgba(255,255,255,.9);color:#fff!important;background:transparent}.aa-btn-ghost:hover{background:rgba(255,255,255,.12)}
.aa-btn-outline{border-color:#c7cfdb;color:var(--aa-ink)!important;background:#fff}.aa-btn-outline:hover{border-color:var(--aa-navy);color:var(--aa-navy)!important}
.aa-btn-sm{height:36px;font-size:12.5px;padding:0 14px}
.aa-sec{padding:30px 0}
.aa-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}
.aa-head h2{font-size:22px;font-weight:700;color:var(--aa-navy-d);line-height:1.2;margin:0}
.aa-head a{font-size:12px;font-weight:600;color:var(--aa-navy-2);white-space:nowrap;display:inline-flex;gap:6px;align-items:center;text-decoration:none}
.aa-head a:hover{color:var(--aa-gold-t)}

/* =====================  HEADER  ===================== */
.aa-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.07);font-family:var(--aa-font)}
.aa-nav{display:flex;align-items:center;height:72px;gap:18px}
.aa-logo{flex:0 0 auto;display:block;width:150px}.aa-logo img{height:46px;width:auto;max-width:150px;object-fit:contain}
.aa-menu{display:flex;list-style:none;margin:0 auto;padding:0;gap:4px;min-width:0}
.aa-menu>li{position:relative}
.aa-menu>li>a{display:flex;align-items:center;gap:5px;padding:24px 8px;font-size:12.5px;font-weight:500;color:#2a3447;border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap}
.aa-menu>li>a .fa-chevron-down{font-size:9px;opacity:.6}
.aa-menu>li:hover>a,.aa-menu>li>a.aa-active{color:var(--aa-navy);border-color:var(--aa-navy)}
.aa-menu>li>a.aa-active{font-weight:600}
.aa-drop{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 14px 34px rgba(10,42,94,.16);padding:10px 0;z-index:50;border-top:2px solid var(--aa-navy)}
.aa-menu>li:hover>.aa-drop,.aa-menu>li:focus-within>.aa-drop{display:block}
.aa-drop a{display:block;padding:7px 18px;font-size:13px;color:#2a3447;text-decoration:none;white-space:nowrap}
.aa-drop a:hover{background:#f2f5fa;color:var(--aa-navy)}
.aa-drop .aa-dh{padding:8px 18px 4px;font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--aa-gold-t);text-transform:uppercase}
.aa-drop.aa-mega{display:none;width:560px;grid-template-columns:1fr 1fr;gap:0 8px}
.aa-menu>li:hover>.aa-mega,.aa-menu>li:focus-within>.aa-mega{display:grid}
.aa-drop form{display:flex;gap:6px;padding:8px 18px 4px}
.aa-drop form input{flex:1;min-width:0;height:34px;border:1px solid var(--aa-line);border-radius:5px;padding:0 10px;font-size:12.5px}
.aa-drop form button{height:34px;width:36px;border:0;border-radius:5px;background:var(--aa-navy);color:#fff}
.aa-cta{display:flex;gap:10px;flex:0 0 auto}
.aa-cta .aa-btn{padding:0 14px;font-size:13px}
.aa-burger{display:none;background:none;border:0;font-size:22px;color:var(--aa-navy);cursor:pointer;width:42px;height:42px}

/* =====================  PAGE SEARCH BAND (inner pages)  ===================== */
.aa-band{background:linear-gradient(90deg,rgba(6,24,56,.95),rgba(10,42,94,.88)),var(--aa-band-img,none) center/cover,var(--aa-navy);color:#fff;padding:16px 0}
.aa-band .aa-search-inline{display:grid;grid-template-columns:auto 1fr 1fr 1fr 1fr 1fr auto;gap:10px;align-items:end}
.aa-band label{display:block;font-size:11px;font-weight:600;margin:0 0 4px;color:#d8e0ee}
.aa-pill{display:flex;background:rgba(255,255,255,.12);border-radius:6px;padding:3px;height:38px}
.aa-pill input{display:none}
.aa-pill label{margin:0;display:flex;align-items:center;padding:0 14px;border-radius:4px;font-size:12.5px;font-weight:600;color:#fff;cursor:pointer}
.aa-pill input:checked+label{background:var(--aa-gold);color:#111}
.aa-sel select,.aa-band select{width:100%;height:38px;padding:0 28px 0 10px;border:1px solid var(--aa-line);border-radius:5px;font-family:var(--aa-font);font-size:12.5px;color:#46506a;background-color:#fff}
.aa-range{display:flex;gap:6px;align-items:center}
.aa-range span{font-size:11px;opacity:.8}
.aa-band .aa-btn{height:38px}
.aa-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.aa-quick a{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid rgba(255,255,255,.25);border-radius:30px;font-size:12px;color:#fff;text-decoration:none}
.aa-quick a:hover{background:rgba(255,255,255,.12);color:var(--aa-gold)}

/* =====================  HOME HERO  ===================== */
.aa-hero{position:relative;color:#fff;background:linear-gradient(90deg,rgba(6,24,56,.9) 0%,rgba(6,24,56,.64) 42%,rgba(6,24,56,.18) 75%,rgba(6,24,56,.06) 100%),var(--hero) center 40%/cover,var(--aa-navy)}
.aa-hero-in{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:center;padding-top:42px;padding-bottom:26px;min-height:340px}
.aa-kicker{color:var(--aa-gold);font-weight:700;letter-spacing:1.2px;font-size:16px;margin-bottom:6px}
.aa-hero h1{font-size:44px;line-height:1.12;font-weight:700;margin:0 0 10px;max-width:560px;color:#fff}
.aa-hero .aa-tag{font-size:20px;font-weight:500;margin-bottom:8px}
.aa-hero p{font-size:15px;opacity:.95;max-width:440px;margin:0 0 24px}
.aa-hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.aa-search{background:#fff;color:var(--aa-ink);border-radius:10px;padding:16px 16px 18px;box-shadow:0 16px 44px rgba(0,0,0,.3)}
.aa-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.aa-tabs input{display:none}
.aa-tabs label{margin:0;height:38px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:600;font-size:13px;cursor:pointer;background:#eef1f6;color:var(--aa-navy)}
.aa-tabs input:checked+label{background:var(--aa-navy);color:#fff}
.aa-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aa-field label{display:block;font-size:11.5px;font-weight:600;margin:0 0 5px;color:#2a3447}
.aa-search .aa-btn-navy{width:100%;margin-top:16px;height:44px}
.aa-hero-quick{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:18px;font-size:13px}
.aa-hero-quick a{display:flex;align-items:center;gap:8px;padding:0 16px;line-height:16px;border-left:1px solid rgba(255,255,255,.4);color:#fff;text-decoration:none}
.aa-hero-quick a:first-child{padding-left:0;border:0}
.aa-hero-quick a:hover{color:var(--aa-gold)}

/* =====================  HOME SECTIONS  ===================== */
.aa-trust{background:var(--aa-bg);padding:16px 0}
.aa-trust-g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.aa-tcard{background:#fff;border-radius:var(--aa-r);padding:0 18px;height:72px;display:flex;gap:14px;align-items:center;box-shadow:var(--aa-sh)}
.aa-tcard>i{font-size:28px;color:var(--aa-gold-d);width:36px;text-align:center;flex:0 0 36px}
.aa-tcard b{display:block;font-size:14px;color:var(--aa-navy-d);line-height:1.3}
.aa-tcard b big{font-size:22px;font-weight:700}
.aa-tcard span{font-size:11.5px;color:var(--aa-muted)}

.aa-types{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.aa-type{background:#fff;border:1px solid var(--aa-line);border-radius:var(--aa-r);overflow:hidden;transition:.25s;display:block;text-decoration:none!important}
.aa-type:hover{transform:translateY(-4px);box-shadow:var(--aa-sh)}
.aa-type .aa-img{height:100px}
.aa-type .aa-lbl{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;font-weight:600;font-size:13.5px;color:var(--aa-navy-d)}
.aa-type .aa-lbl i{color:var(--aa-gold-d);font-size:17px;width:20px;text-align:center}

.aa-areas{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.aa-area{height:142px;border-radius:var(--aa-r);color:#fff!important;transition:.25s;display:block;text-decoration:none!important}
.aa-area::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(4,18,44,.88) 100%)}
.aa-area:hover{transform:translateY(-4px)}
.aa-area .aa-cap{position:absolute;left:12px;right:12px;bottom:10px;z-index:1}
.aa-area h3{font-size:14px;font-weight:600;line-height:1.25;margin:0 0 2px;color:#fff}
.aa-area small{font-size:11px;opacity:.92}
.aa-morelinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:12.5px}
.aa-morelinks a{color:var(--aa-navy-2);font-weight:500;text-decoration:none}
.aa-morelinks a:hover{color:var(--aa-gold-t)}

.aa-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.aa-pcard{background:#fff;border:1px solid var(--aa-line);border-radius:var(--aa-r);overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04);display:flex;flex-direction:column}
.aa-pcard .aa-img{height:190px;display:block}
.aa-badge{position:absolute;top:12px;left:12px;z-index:1;padding:3px 12px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;background:var(--aa-green);text-transform:capitalize}
.aa-badge.aa-rent{background:var(--aa-red)}
.aa-pid{position:absolute;right:10px;bottom:10px;z-index:1;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px}
.aa-pbody{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
.aa-ptop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;min-height:40px}
.aa-ptop h3{font-size:14px;font-weight:600;line-height:1.35;margin:0}
.aa-ptop h3 a{color:var(--aa-ink);text-decoration:none}
.aa-price{font-weight:700;font-size:15px;color:var(--aa-navy-d);white-space:nowrap;text-align:right;line-height:1.3}
.aa-price small{display:block;font-weight:500;font-size:12px;color:var(--aa-muted)}
.aa-loc{font-size:12px;color:var(--aa-muted);margin:2px 0 8px;display:flex;gap:6px;align-items:center}
.aa-loc i{color:var(--aa-navy-2)}
.aa-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:#4a5466;margin-bottom:14px}
.aa-meta span{display:flex;gap:6px;align-items:center}
.aa-meta i{color:#7a8396}
.aa-pact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}

.aa-deal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:18px;padding:14px 18px;border:1px dashed var(--aa-gold-d);border-radius:var(--aa-r);background:#fffaf0}
.aa-deal b{color:var(--aa-gold-t);font-size:13px;text-transform:uppercase;letter-spacing:.6px}
.aa-deal span{font-size:13px}
.aa-deal a{margin-left:auto}

.aa-services{background:var(--aa-navy-d);color:#fff;padding:22px 0 26px}
.aa-services .aa-head h2{color:#fff}.aa-services .aa-head a{color:#c9d3e3}
.aa-svc{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.aa-s{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--aa-r);padding:14px;display:flex;gap:12px;align-items:center;min-height:78px;transition:.2s;color:#fff!important;text-decoration:none!important}
.aa-s:hover{background:rgba(255,255,255,.11)}
.aa-s>i{font-size:26px;color:var(--aa-gold);flex:0 0 30px;text-align:center}
.aa-s b{font-size:12.5px;display:block;margin-bottom:2px;line-height:1.3}
.aa-s span{font-size:11px;color:#c3cddd;line-height:1.4;display:block}

.aa-token{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:linear-gradient(90deg,#0f3a7a,#0a2a5e);color:#fff;border-radius:var(--aa-r);padding:18px 22px}
.aa-token i{font-size:30px;color:var(--aa-gold)}
.aa-token h2{color:#fff;font-size:18px;margin:0 0 2px}
.aa-token p{margin:0;font-size:12.5px;color:#d3dcec}

.aa-why{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.aa-why-img{height:250px;border-radius:var(--aa-r)}
.aa-why-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,44,0) 40%,rgba(4,18,44,.55) 100%)}
.aa-why-img em{position:absolute;right:20px;bottom:18px;z-index:1;color:var(--aa-gold);font-style:normal;font-weight:600;font-size:19px;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.aa-why h2{font-size:22px;margin:0 0 6px}
.aa-why p{color:var(--aa-muted);margin:0 0 16px;font-size:13.5px}
.aa-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;list-style:none;margin:0;padding:0}
.aa-checks li{display:flex;align-items:center;gap:10px;font-weight:500;font-size:13.5px}
.aa-checks i{color:var(--aa-gold-d);font-size:19px}

.aa-upd{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:stretch}
.aa-blogs{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}
.aa-vid{border-radius:var(--aa-r);height:100%;min-height:200px;color:#fff!important;display:block;text-decoration:none!important}
.aa-vid::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,56,.25) 0%,rgba(6,24,56,.85) 100%)}
.aa-vid .aa-cap{position:absolute;right:16px;left:42%;top:50%;transform:translateY(-50%);z-index:1}
.aa-vid h3{font-size:15px;line-height:1.35;margin:0 0 12px;color:#fff}
.aa-yt{display:inline-flex;align-items:center;gap:6px;background:#e62117;font-size:11px;font-weight:600;padding:5px 10px;border-radius:4px}
.aa-play{position:absolute;top:50%;left:22%;transform:translate(-50%,-50%);z-index:1;width:52px;height:38px;border-radius:9px;background:#e62117;display:grid;place-items:center;font-size:18px}
.aa-post{border:1px solid var(--aa-line);border-radius:var(--aa-r);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.aa-post .aa-img{height:100px;display:block}
.aa-post .aa-t{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}
.aa-post h4{font-size:12.5px;line-height:1.35;margin:0 0 6px}
.aa-post h4 a{color:var(--aa-ink);text-decoration:none}
.aa-post small{display:block;font-size:11px;color:var(--aa-muted);margin-bottom:4px}
.aa-post a.aa-rm{font-size:11px;font-weight:600;color:var(--aa-navy-2);margin-top:auto;text-decoration:none}
.aa-ceo{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;border-left:1px solid var(--aa-line);padding-left:26px}
.aa-ceo img{width:150px;height:190px;object-fit:cover;object-position:top;border-radius:var(--aa-r);background:#dfe5ee}
.aa-ceo h3{font-size:19px;margin:0;line-height:1.2}
.aa-ceo .aa-role{color:var(--aa-gold-t);font-weight:600;font-size:12.5px;margin-bottom:8px}
.aa-ceo p{font-size:12.5px;color:var(--aa-muted);margin:0 0 14px}
.aa-links4{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}
.aa-links4 a{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:1px solid var(--aa-line);border-radius:var(--aa-r);font-weight:600;font-size:13px;color:var(--aa-navy-d);text-decoration:none;background:#fff}
.aa-links4 a i{color:var(--aa-gold-d)}
.aa-links4 a:hover{border-color:var(--aa-navy);color:var(--aa-navy)}

.aa-duo-wrap{background:var(--aa-bg);padding:24px 0}
.aa-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.aa-overseas{border-radius:var(--aa-r);min-height:220px;display:flex;align-items:center;padding:24px 24px 24px 44%}
.aa-overseas::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(236,243,252,.15) 0%,rgba(236,243,252,.92) 42%,rgba(236,243,252,.97) 100%)}
.aa-overseas .aa-in{position:relative;z-index:1}
.aa-overseas h2{font-size:20px;line-height:1.25;margin:0}
.aa-overseas h2 span{display:block;font-size:17px}
.aa-overseas p{font-size:12px;color:#3d475a;margin:8px 0 16px}
.aa-sell{background:#fff;border-radius:var(--aa-r);padding:20px 22px;box-shadow:var(--aa-sh)}
.aa-sell h2{color:var(--aa-gold-t);font-size:20px;line-height:1.2;margin:0}
.aa-sell>p{font-size:12.5px;color:var(--aa-muted);margin:4px 0 12px}
.aa-sform{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px;align-items:end}
.aa-sform label{font-size:11px;font-weight:600;display:block;margin:0 0 4px}
.aa-sform input,.aa-sform select,.aa-sform textarea{width:100%;height:38px;padding:0 10px;border:1px solid var(--aa-line);border-radius:5px;font-family:var(--aa-font);font-size:12.5px;background-color:#fff;color:#46506a}
.aa-sform .aa-btn{height:38px;font-size:12px;padding:0 10px}
.aa-alert{padding:10px 14px;border-radius:6px;background:#e9f7ee;color:#196b33;font-size:13px;margin-bottom:12px}

/* Sell modal (all pages) */
.aa-modal .modal-header{background:var(--aa-navy);color:#fff;border-radius:10px 10px 0 0;padding:14px 20px}
.aa-modal .modal-title{color:#fff;font-weight:600;font-size:17px}
.aa-modal .close{color:#fff;opacity:1;text-shadow:none;font-size:26px}
.aa-modal .modal-body{padding:18px 20px 20px}
.aa-modal .aa-sform{grid-template-columns:1fr 1fr}
.aa-modal .aa-sform .aa-full{grid-column:1/-1}
.aa-modal .aa-sform textarea{height:80px;padding:8px 10px}
.aa-modal .aa-sub{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--aa-gold-t);margin-top:4px}

/* =====================  FOOTER  ===================== */
.aa-footer{background:var(--aa-navy-d);color:#c5cfdf;font-size:12.5px;font-family:var(--aa-font);margin-top:30px}
.aa-fcols{display:grid;grid-template-columns:2fr 1fr 1.15fr 1.1fr 1.25fr;gap:28px;padding-top:34px;padding-bottom:22px}
.aa-fbrand{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:start}
.aa-fbrand .aa-flogo{background:#fff;border-radius:6px;padding:8px}
.aa-fbrand p{margin:0}
.aa-social{display:flex;gap:9px;margin-top:14px}
.aa-social a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff!important;font-size:14px;text-decoration:none}
.aa-footer h4{color:#fff;font-size:13.5px;margin:0 0 10px;font-weight:600}
.aa-footer ul{list-style:none;margin:0;padding:0}
.aa-footer li{margin-bottom:5px}
.aa-footer a{color:#c5cfdf;text-decoration:none}
.aa-footer a:hover{color:var(--aa-gold)}
.aa-ci li{display:flex;gap:9px;align-items:flex-start}.aa-ci i{color:var(--aa-gold);margin-top:3px;width:14px;text-align:center}
.aa-news{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;padding-bottom:18px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;align-items:center}
.aa-news p{margin:0;font-size:12px}
.aa-news form{display:flex;gap:8px}
.aa-news input{flex:1;min-width:0;height:38px;border-radius:5px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;padding:0 12px;font-size:12.5px}
.aa-news input::placeholder{color:#9eacc4}
.aa-news .alert{grid-column:1/-1;margin:0}
.aa-fbot-wrap{border-top:1px solid rgba(255,255,255,.1)}
.aa-fbot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:11.5px;padding-top:13px;padding-bottom:13px}
.aa-fbot nav{display:flex;gap:8px;align-items:center}

/* =====================  RESPONSIVE  ===================== */
@media (max-width:1240px){
  .aa-menu>li>a{padding:24px 6px;font-size:12px}
  .aa-cta .aa-btn{padding:0 11px;font-size:12px}
}
@media (max-width:1100px){
  .aa-menu{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:6px 15px 14px;gap:0;box-shadow:0 12px 24px rgba(0,0,0,.1);margin:0;max-height:calc(100vh - 72px);overflow-y:auto}
  .aa-menu.aa-open{display:flex}
  .aa-menu>li>a{padding:12px 4px;border-bottom:1px solid var(--aa-line);justify-content:space-between}
  .aa-menu>li:hover>.aa-drop,.aa-menu>li:focus-within>.aa-drop{display:none}
  .aa-menu>li.aa-x>.aa-drop{display:block;position:static;box-shadow:none;border:0;padding:4px 0 8px;width:auto}
  .aa-menu>li.aa-x>.aa-mega{display:grid;grid-template-columns:1fr}
  .aa-burger{display:block}
  .aa-nav{justify-content:space-between}
  .aa-types,.aa-areas,.aa-svc{grid-template-columns:repeat(3,1fr)}
  .aa-fcols{grid-template-columns:1fr 1fr 1fr 1fr}.aa-fbrand{grid-column:1/-1}
  .aa-band .aa-search-inline{grid-template-columns:1fr 1fr 1fr}
  .aa-band .aa-search-inline .aa-pill{grid-column:1/-1;justify-self:start}
}
@media (max-width:900px){
  .aa-hero-in{grid-template-columns:1fr;padding-top:32px}
  .aa-hero h1{font-size:36px}
  .aa-trust-g{grid-template-columns:1fr 1fr}
  .aa-feat{grid-template-columns:1fr 1fr}
  .aa-why{grid-template-columns:1fr;gap:20px}
  .aa-upd{grid-template-columns:1fr}.aa-ceo{border:0;padding:0}
  .aa-duo{grid-template-columns:1fr}
  .aa-links4{grid-template-columns:repeat(3,1fr)}
  .aa-news{grid-template-columns:1fr}
}
@media (max-width:640px){
  .aa-cta .aa-btn span{display:none}
  .aa-cta .aa-btn{width:42px;padding:0}
  .aa-logo{width:120px}.aa-logo img{height:40px;max-width:120px}
  .aa-nav{gap:10px}.aa-cta{gap:6px}
  .aa-hero h1{font-size:29px}.aa-hero .aa-tag{font-size:16px}
  .aa-hero-btns .aa-btn{flex:1}
  .aa-hero-quick{gap:10px 0}.aa-hero-quick a{padding:0 12px 0 0;border:0}
  .aa-fgrid,.aa-trust-g,.aa-feat,.aa-checks,.aa-sform,.aa-modal .aa-sform{grid-template-columns:1fr}
  .aa-types,.aa-areas{grid-template-columns:1fr 1fr}
  .aa-svc{grid-template-columns:1fr 1fr}
  .aa-blogs{grid-template-columns:1fr}
  .aa-vid{min-height:190px}
  .aa-ceo{grid-template-columns:110px 1fr}.aa-ceo img{width:110px;height:140px}
  .aa-overseas{padding:24px 20px}
  .aa-overseas::before{background:rgba(236,243,252,.9)}
  .aa-fcols{grid-template-columns:1fr 1fr}.aa-fbrand{grid-template-columns:1fr}
  .aa-fbot{justify-content:center;text-align:center}
  .aa-head{flex-wrap:wrap;gap:4px 12px}.aa-head h2{font-size:19px}.aa-head a{white-space:normal}
  .aa-services .aa-head a{display:none}
  .aa-token{grid-template-columns:1fr;text-align:left}
  .aa-links4{grid-template-columns:1fr 1fr}
  .aa-band .aa-search-inline{grid-template-columns:1fr 1fr}
  .aa-band .aa-search-inline .aa-btn{grid-column:1/-1}
  .aa-deal a{margin-left:0}
}

/* Legacy agent-contact modal (property cards / image CRM) */
.agent_modal_header,.sale_property_model_header{background:var(--aa-navy)!important;border-radius:10px 10px 0 0}
.agent_view_submit_btn_new,.agent_view_profile_btn_new a{background:var(--aa-green)!important;border-radius:6px!important}

/* Inner-page search band: collapsed behind a button on phones so page content stays on screen */
.aa-band-toggle{display:none;width:100%;height:40px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:6px;font-family:var(--aa-font);font-weight:600;font-size:13px;align-items:center;justify-content:center;gap:8px}
@media (max-width:640px){
  .aa-band{padding:10px 0}
  .aa-band-toggle{display:flex}
  .aa-band .aa-search-inline{display:none;margin-top:12px}
  .aa-band .aa-band-open .aa-search-inline{display:grid}
}
.aa-modal{display:none}           /* hidden until Bootstrap opens it */
@media (max-width:1100px){.aa-dh-empty{display:none}}

/* ---- Fix 1: keep theme blocks independent of page-level inline styles (e.g. "p{font-size:17px}") ---- */
.aa-footer p,.aa-footer li,.aa-footer a,.aa-footer span{font-size:12.5px;line-height:1.65;font-weight:400}
.aa-footer li{margin:0 0 5px;padding:0;list-style:none}
.aa-footer .aa-fbot span,.aa-footer .aa-fbot a{font-size:11.5px}
.aa-footer .aa-news p{font-size:12px}
.aa-header p,.aa-band p,.aa-modal p{font-size:13px}
.aa-header ul,.aa-header li{margin:0;padding:0;list-style:none}
.aa-why h2,.aa-ceo h3,.aa-overseas h2,.aa-sell h2{font-weight:700}
.aa-token h2,.aa-post h4,.aa-vid h3{font-weight:600}

/* =====================================================================
   Fix 2: Content typography for old society / blog / map pages
   Text inside the old ".container" blocks (incl. text written in the admin
   editor with inline font sizes) gets one clean, lighter, consistent style.
   Only unclassed tags are touched, so old components keep their own look.
   ===================================================================== */
.container p:not([class]),.container li:not([class]){font-size:15px;line-height:1.8;color:#3a4558;font-weight:400}
.container li:not([class]){margin-bottom:4px}
.container h1:not([class]){font-size:28px;font-weight:600;margin:26px 0 12px;line-height:1.3}
.container h2:not([class]){font-size:23px;font-weight:600;margin:24px 0 10px;line-height:1.3}
.container h3:not([class]){font-size:19px;font-weight:600;margin:20px 0 8px}
.container h4:not([class]),.container h5:not([class]){font-size:16px;font-weight:600;margin:16px 0 6px}
.container strong,.container b{font-weight:600}
/* Text pasted from the admin editor: ignore its inline sizes, fonts and colours */
.container span[style*="font-size"],.container font[size],.container p[style*="font-size"],.container li[style*="font-size"]{font-size:inherit!important;line-height:inherit!important}
.container [style*="font-family"]{font-family:inherit!important}
.container span[style*="color"]{color:inherit!important}
/* ...but editor "headings" (big bold lines) stay headings, just calmer */
.container strong:has(span[style*="font-size:2"]),.container strong:has(span[style*="font-size:3"]),.container b:has(span[style*="font-size:2"]){display:inline-block;font-size:20px;line-height:1.35;color:var(--aa-navy-d);margin-top:8px}
.container p:not([class]){margin:0 0 12px}
/* Page titles */
.Paragraph{font-size:30px!important;font-weight:700!important;line-height:1.25!important}
@media (max-width:640px){
  .Paragraph{font-size:24px!important}
  .container h1:not([class]){font-size:23px}
  .container h2:not([class]){font-size:20px}
  .container p:not([class]),.container li:not([class]){font-size:14.5px}
}