.elementor-168 .elementor-element.elementor-element-79ca724{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-168 .elementor-element.elementor-element-448439b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-168 .elementor-element.elementor-element-6e4ce66{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-168 .elementor-element.elementor-element-978435d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-168 .elementor-element.elementor-element-bb2c8a4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4c8c6ca *//* =====================================================
   VADERA BLOG ARTICLE — shared styles for every post
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700;800&display=swap');

.va{
  --va-navy:#131936;
  --va-blue:#2B3990;
  --va-brown:#9A5406;
  --va-muted:#58607A;
  --va-text:#333A4D;
  --va-orange:#F7941D;
  --va-ease:cubic-bezier(.2,.7,.2,1);
  font-family:'Urbanist',sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.va *,.va *::before,.va *::after{box-sizing:border-box;}

/* ---------- ARTICLE — HERO ---------- */
.va-hero{width:100%;background:#FFFFFF;}
.va-hero .va-hero-inner{
  max-width:1440px;margin:0 auto;
  padding:72px 80px 40px;
  display:flex;flex-direction:column;align-items:center;gap:20px;
  text-align:center;
}

/* Breadcrumb */
.va-hero .va-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;}
.va-hero .va-crumbs li{
  list-style:none;margin:0;display:inline-flex;align-items:center;gap:8px;
  font-weight:600;font-size:13.5px;line-height:16px;color:var(--va-muted);
}
.va-hero .va-crumbs li + li::before{content:"/";}
.va-hero .va-crumbs a{color:var(--va-muted);text-decoration:none;transition:color .2s ease;}
.va-hero .va-crumbs a:hover{color:var(--va-blue);}

/* Category chip (3 colour styles) */
.va .va-chip{
  display:inline-flex;align-items:center;
  padding:6px 12px;border-radius:999px;
  font-weight:700;font-size:11px;line-height:13px;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;
  transition:transform .25s var(--va-ease),box-shadow .25s ease;
}
.va .va-chip--realtors{background:#F6EFE4;color:var(--va-brown);}
.va .va-chip--hr{background:#EEF6FC;color:var(--va-blue);}
.va .va-chip--bts{background:#FFF1E0;color:#B5650A;}
.va a.va-chip:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(19,25,54,.35);}
.va a.va-chip:focus-visible{outline:2px solid var(--va-orange);outline-offset:3px;}

/* Title */
.va-hero .va-title{
  max-width:900px;margin:0;
  font-family:'Urbanist',sans-serif;
  font-weight:800;font-size:58px;line-height:1.08;letter-spacing:-.02em;
  color:var(--va-navy);
}

/* Author line */
.va-hero .va-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:0;}
.va-hero .va-avatar{
  flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--va-blue);color:#FFFFFF;
  font-weight:700;font-size:11.4px;line-height:1;
}
.va-hero .va-meta-text{
  margin:0 !important;            /* removes the theme's paragraph gap that pushed the text up */
  padding:0;
  display:inline-flex;align-items:center;
  font-weight:600;font-size:14px;line-height:30px;   /* same height as the avatar = perfectly centred */
  color:var(--va-muted);
}
.va-hero .va-meta-text span{margin:0 6px;}

/* Page-load animation */
@keyframes vaUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
@keyframes vaPop{0%{opacity:0;transform:scale(.7);}70%{opacity:1;transform:scale(1.06);}100%{opacity:1;transform:none;}}
@keyframes vaTitle{from{clip-path:inset(0 0 100% 0);transform:translateY(28px);}to{clip-path:inset(0 0 0 0);transform:none;}}
.va-hero .va-crumbs{animation:vaUp .6s var(--va-ease) .05s backwards;}
.va-hero .va-chip{animation:vaPop .55s var(--va-ease) .15s backwards;}
.va-hero .va-title{animation:vaTitle .9s var(--va-ease) .25s backwards;}
.va-hero .va-meta{animation:vaUp .7s var(--va-ease) .5s backwards;}

@media (max-width:1023px){
  .va-hero .va-hero-inner{padding:56px 40px 32px;}
  .va-hero .va-title{font-size:46px;}
}
@media (max-width:600px){
  .va-hero .va-hero-inner{padding:40px 20px 24px;gap:16px;}
  .va-hero .va-title{font-size:34px;line-height:1.12;}
  .va-hero .va-meta-text{font-size:13.5px;}
}
@media (prefers-reduced-motion:reduce){
  .va *,.va *::before,.va *::after{animation:none !important;transition:none !important;}
}
/* ---------- end ARTICLE — HERO ---------- *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-583496e *//* ---------- ARTICLE — HERO IMAGE ---------- */
.va-cover{width:100%;background:#FFFFFF;}
.va-cover .va-cover-inner{max-width:1440px;margin:0 auto;padding:0 80px;}
.va-cover .va-cover-frame{
  position:relative;overflow:hidden;
  width:100%;aspect-ratio:1280/600;
  border-radius:28px;background:#E3E6F3;
  margin:0;
}
.va-cover .va-cover-frame img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform 1.2s var(--va-ease);
}

/* Page-load: image wipes up into view and settles from a slight zoom */
@keyframes vaCoverWipe{from{clip-path:inset(100% 0 0 0 round 28px);}to{clip-path:inset(0 0 0 0 round 28px);}}
@keyframes vaCoverSettle{from{transform:scale(1.12);}to{transform:scale(1);}}
.va-cover .va-cover-frame{animation:vaCoverWipe 1.1s cubic-bezier(.7,0,.2,1) .45s backwards;}
.va-cover .va-cover-frame img{animation:vaCoverSettle 1.8s var(--va-ease) .45s backwards;}

@media (hover:hover){
  .va-cover .va-cover-frame:hover img{transform:scale(1.03);}
}

@media (max-width:1023px){
  .va-cover .va-cover-inner{padding:0 40px;}
  .va-cover .va-cover-frame{border-radius:22px;}
}
@media (max-width:600px){
  .va-cover .va-cover-inner{padding:0 16px;}
  .va-cover .va-cover-frame{aspect-ratio:4/3;border-radius:18px;}
}
/* ---------- end ARTICLE — HERO IMAGE ---------- *//* End custom CSS */