/* ==========================================================================
   VIRAAJ REALTORS – Premium Theme (logo colours: Blue #0C67C2 + Green #0A8F3C)
   Loaded LAST so it overrides legacy template styles.
   ========================================================================== */

:root {
  --vr-blue: #0C67C2;
  --vr-blue-600: #0A57A6;
  --vr-blue-700: #0A4F96;
  --vr-navy: #061B36;
  --vr-navy-2: #0B2A52;
  --vr-green: #0A8F3C;
  --vr-green-600: #0A7D35;
  --vr-green-700: #086B2D;
  --vr-ink: #10233F;
  --vr-body: #3D4E66;
  --vr-muted: #66768D;
  --vr-line: #E3EAF3;
  --vr-bg: #F5F8FC;
  --vr-tint-blue: #EAF2FC;
  --vr-tint-green: #E8F9EE;
  --vr-white: #ffffff;
  --vr-radius: 16px;
  --vr-radius-sm: 10px;
  --vr-shadow-sm: 0 2px 10px rgba(6, 27, 54, .06);
  --vr-shadow: 0 14px 40px rgba(6, 27, 54, .10);
  --vr-shadow-lg: 0 26px 60px rgba(6, 27, 54, .18);
  --vr-grad: linear-gradient(135deg, #0C67C2 0%, #0A4F96 100%);
  --vr-grad-green: linear-gradient(135deg, #0A8F3C 0%, #0A7D35 100%);
  --vr-grad-navy: linear-gradient(135deg, #061B36 0%, #0B2A52 60%, #0C3E78 100%);
  --vr-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --vr-display: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --vr-mbar-h: 64px;
}

/* ---------- Base ---------- */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
html.vr-no-scroll, html.vr-no-scroll body { overflow: hidden; }
body.vr-site {
  font-family: var(--vr-font) !important;
  color: var(--vr-body);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.vr-site h1, .vr-site h2, .vr-site h3, .vr-site h4, .vr-site h5, .vr-site h6 {
  font-family: var(--vr-font);
  color: var(--vr-ink);
  letter-spacing: -0.01em;
}
.vr-site p, .vr-site li, .vr-site a, .vr-site span, .vr-site input, .vr-site select, .vr-site textarea, .vr-site button {
  font-family: var(--vr-font);
}
.vr-site a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.vr-site img { max-width: 100%; height: auto; }
.vr-site ::selection { background: var(--vr-green); color: #fff; }
.vr-site :focus-visible { outline: 3px solid rgba(12, 103, 194, .45); outline-offset: 2px; }

.vr-skip {
  position: absolute; left: -9999px; top: 8px; z-index: 100000;
  background: var(--vr-navy); color: #fff !important; padding: 10px 16px; border-radius: 8px;
}
.vr-skip:focus { left: 8px; }

.vr-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--vr-green-600);
}
.vr-eyebrow::before { content: ""; width: 22px; height: 2px; background: currentColor; border-radius: 2px; }
.vr-eyebrow--light { color: #8FE3AE; }

/* ---------- Buttons ---------- */
.vr-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 13px 24px; border-radius: 999px; border: 2px solid transparent;
  font-weight: 700; font-size: 15px; line-height: 1.2; text-decoration: none !important;
  cursor: pointer; white-space: nowrap; position: relative; overflow: hidden;
}
.vr-btn span, .vr-btn i, .vr-mbar a span, .vr-mbar a i, .vp-quick a i, .vr-float a i { color: inherit !important; }
.vr-btn--primary { background: var(--vr-grad); color: #fff !important; box-shadow: 0 10px 24px rgba(12, 103, 194, .30); }
.vr-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(12, 103, 194, .38); }
.vr-btn--green { background: var(--vr-grad-green); color: #fff !important; box-shadow: 0 10px 24px rgba(10, 125, 53, .30); }
.vr-btn--green:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(10, 125, 53, .38); }
.vr-btn--outline { background: transparent; border-color: var(--vr-blue); color: var(--vr-blue) !important; }
.vr-btn--outline:hover { background: var(--vr-blue); color: #fff !important; }
.vr-btn--ghost-light { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .35); color: #fff !important; }
.vr-btn--ghost-light:hover { background: #fff; color: var(--vr-navy) !important; }
.vr-btn--block { width: 100%; }
.vr-btn.is-loading { opacity: .75; pointer-events: none; }
.vr-btn.is-loading i { animation: vrSpin 1s linear infinite; }
@keyframes vrSpin { to { transform: rotate(360deg); } }

/* legacy template buttons -> brand */
.vr-site .common_btn, .vr-site .common_btn_2, .vr-site .theme-btn {
  background: var(--vr-grad) !important; color: #fff !important; border: 0 !important;
  border-radius: 999px !important; padding: 12px 26px !important; font-weight: 700 !important;
  box-shadow: 0 8px 20px rgba(12, 103, 194, .25);
}
.vr-site .common_btn:hover, .vr-site .common_btn_2:hover, .vr-site .theme-btn:hover { background: var(--vr-grad-green) !important; transform: translateY(-1px); }

/* ---------- Topbar ---------- */
.vr-site .wsus__topbar { background: var(--vr-navy) !important; padding: 7px 0; border: 0; }
.vr-site .wsus__topbar a, .vr-site .wsus__topbar li { color: rgba(255, 255, 255, .85) !important; font-size: 13px; font-weight: 500; }
.vr-site .wsus__topbar a:hover { color: #8FE3AE !important; }
.vr-site .wsus__topbar .topbar-ico { color: var(--vr-green); }
.vr-site .wsus__topbar_right a {
  width: 28px; height: 28px; display: inline-flex !important; align-items: center; justify-content: center;
  border-radius: 50%; background: rgba(255, 255, 255, .08);
}
.vr-site .wsus__topbar_right a:hover { background: var(--vr-green); color: #fff !important; }

/* ---------- Header / Nav ---------- */
.vr-site .main_menu {
  background: rgba(255, 255, 255, .97) !important;
  -webkit-backdrop-filter: saturate(160%) blur(10px); backdrop-filter: saturate(160%) blur(10px);
  border-bottom: 1px solid var(--vr-line);
  padding: 10px 0 !important;
  transition: box-shadow .25s ease, padding .25s ease;
  z-index: 999;
}
.vr-site .main_menu.vr-scrolled, .vr-site .main_menu.menu_fix { box-shadow: 0 8px 30px rgba(6, 27, 54, .08); }
.vr-site .main_menu .navbar-brand { max-width: 170px; padding: 0; }
.vr-site .main_menu .navbar-brand img { max-height: 64px; width: auto !important; object-fit: contain; }
.vr-site .main_menu .nav-link {
  color: var(--vr-ink) !important; font-weight: 600 !important; font-size: 15px !important;
  padding: 10px 14px !important; position: relative; text-transform: none !important;
}
.vr-site .main_menu .nav-link:not(.dropdown-toggle)::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 2px;
  background: var(--vr-green); border-radius: 2px; transform: scaleX(0); transform-origin: left;
  transition: transform .25s ease;
}
.vr-site .main_menu .nav-link:hover, .vr-site .main_menu .nav-link.active { color: var(--vr-blue) !important; }
.vr-site .main_menu .nav-link:not(.dropdown-toggle):hover::after, .vr-site .main_menu .nav-link.active:not(.dropdown-toggle)::after { transform: scaleX(1); }
.vr-site .main_menu .dropdown-menu {
  border: 1px solid var(--vr-line) !important; border-radius: 14px !important;
  box-shadow: var(--vr-shadow) !important; padding: 8px !important; min-width: 230px;
}
.vr-site .main_menu .dropdown-item {
  border-radius: 8px; padding: 10px 14px !important; font-weight: 500; color: var(--vr-ink) !important; font-size: 14px;
}
.vr-site .main_menu .dropdown-item:hover, .vr-site .main_menu .dropdown-item.active { background: var(--vr-tint-blue) !important; color: var(--vr-blue) !important; }
.vr-site .header-call-btn {
  display: inline-flex; align-items: center; gap: 8px; order: 3;
  background: var(--vr-tint-blue); color: var(--vr-blue) !important; font-weight: 700;
  border-radius: 999px; padding: 9px 16px; font-size: 14px; text-decoration: none;
}
.vr-site .header-call-btn i { color: #fff !important; background: rgba(255,255,255,.18) !important; }
.vr-site .header-call-btn:hover { background: var(--vr-blue); color: #fff !important; }
.vr-site .header-call-btn:hover i { color: #fff; }
.vr-nav-cta { padding: 10px 18px !important; font-size: 14px !important; margin-left: 10px; }
.vr-site .login_icon a { color: var(--vr-ink) !important; font-weight: 600; }
.vr-site .mobile-nav-toggle .nav-toggle-bar { background: var(--vr-navy) !important; }

@media (max-width: 991.98px) {
  .vr-site .main_menu .navbar-brand { max-width: 130px; }
  .vr-site .main_menu .navbar-brand img { max-height: 50px; }
  .vr-site .header-call-btn { padding: 8px 12px; margin-left: auto; margin-right: 10px; }
  .vr-site .header-call-btn .header-call-number { font-size: 13px; }
  .vr-site .mobile-nav-drawer { background: #fff !important; }
  .vr-site .main_menu .nav-link:not(.dropdown-toggle)::after { display: none; }
  .vr-site .main_menu .nav-link { border-bottom: 1px solid var(--vr-line); }
}
@media (max-width: 575.98px) {
  .vr-site .wsus__topbar_left li:nth-child(2) { display: none; }
  .vr-site .wsus__topbar_left { justify-content: center; }
}
@media (max-width: 400px) {
  .vr-mbar-main { font-size: 14px; gap: 7px; }
  .vr-mbar-wa span, .vr-mbar-call span { font-size: 13px; }
  .vr-site .header-call-btn .header-call-number { display: none; }
  .vr-site .header-call-btn { width: 40px; height: 40px; padding: 0; justify-content: center; }
}

/* ---------- Section headings ---------- */
.vr-site .wsus__section_heading h2,
.vr-site .wsus__section_heading h3,
.vr-site .city-prop-head h2 {
  font-family: var(--vr-display) !important;
  font-weight: 800 !important; color: var(--vr-navy) !important; letter-spacing: -0.025em !important;
  font-size: clamp(26px, 3.2vw, 40px) !important; line-height: 1.18 !important;
  text-transform: none !important; letter-spacing: -0.01em;
}
.vr-site .wsus__section_heading h2::after,
.vr-site .wsus__section_heading h3::after {
  content: ""; display: block; width: 64px; height: 4px; margin: 14px 0 0;
  background: linear-gradient(90deg, var(--vr-blue) 0 60%, var(--vr-green) 60% 100%); border-radius: 4px;
}
.vr-site .text-center .wsus__section_heading h2::after,
.vr-site .wsus__section_heading.text-center h2::after { margin-left: auto; margin-right: auto; }
.vr-site .wsus__section_heading p, .vr-site .wsus__section_heading span { color: var(--vr-muted) !important; font-size: 16px; }
.vr-site .city-prop-eyebrow { color: var(--vr-green-600) !important; letter-spacing: .14em; font-weight: 700; }

/* ---------- Breadcrumb / page hero ---------- */
.vr-site .wsus__breadcrumb { background-size: cover !important; background-position: center !important; position: relative; }
.vr-site .wsus__breadcrumb .wsus_bread_overlay {
  background: linear-gradient(120deg, rgba(6, 27, 54, .92) 0%, rgba(11, 42, 82, .78) 55%, rgba(12, 103, 194, .55) 100%) !important;
  padding: 80px 0 70px !important;
}
.vr-site .wsus__breadcrumb h4, .vr-site .wsus__breadcrumb h1 {
  font-family: var(--vr-display) !important; color: #fff !important;
  font-size: clamp(30px, 4vw, 50px) !important; font-weight: 700 !important; text-transform: none !important;
}
.vr-site .wsus__breadcrumb .breadcrumb-item, .vr-site .wsus__breadcrumb .breadcrumb-item a { color: rgba(255, 255, 255, .85) !important; font-weight: 500; }
.vr-site .wsus__breadcrumb .breadcrumb-item.active { color: #8FE3AE !important; }

/* ---------- Property cards (home + listing) ---------- */
.vr-site .wsus__single_property,
.vr-site .wsus__popular_properties_single,
.vr-site .wsus__single_blog,
.vr-site .wsus__single_team {
  border-radius: var(--vr-radius) !important; overflow: hidden; background: #fff;
  border: 1px solid var(--vr-line) !important; box-shadow: var(--vr-shadow-sm) !important;
  transition: transform .3s ease, box-shadow .3s ease;
}
.vr-site .wsus__single_property:hover,
.vr-site .wsus__popular_properties_single:hover,
.vr-site .wsus__single_blog:hover { transform: translateY(-6px); box-shadow: var(--vr-shadow) !important; }
.vr-site .wsus__single_property_img { overflow: hidden; position: relative; }
.vr-site .wsus__single_property_img img { transition: transform .6s ease; }
.vr-site .wsus__single_property:hover .wsus__single_property_img img { transform: scale(1.06); }
.vr-site .wsus__single_property_text .title,
.vr-site .wsus__single_property_text h3,
.vr-site .wsus__single_property_text a.title {
  color: var(--vr-navy) !important; font-weight: 700 !important; font-size: 18px !important; line-height: 1.35;
}
.vr-site .wsus__single_property_text a.title:hover { color: var(--vr-blue) !important; }
.vr-site .wsus__single_property_text .tk,
.vr-site .wsus__single_property .tk,
.vr-site .wsus__single_property_text .price {
  background: var(--vr-grad) !important; color: #fff !important; border-radius: 999px !important;
  font-weight: 800 !important; padding: 6px 14px !important;
}
.vr-site .wsus__single_property_footer { border-top: 1px dashed var(--vr-line) !important; }

/* ---------- Forms (legacy) ---------- */
.vr-site input.form-control, .vr-site select.form-control, .vr-site textarea.form-control,
.vr-site .wsus__con_form_single input, .vr-site .wsus__con_form_single textarea {
  border: 1.5px solid var(--vr-line) !important; border-radius: 12px !important; min-height: 48px;
  font-size: 15px; color: var(--vr-ink);
}
.vr-site input.form-control:focus, .vr-site textarea.form-control:focus,
.vr-site .wsus__con_form_single input:focus, .vr-site .wsus__con_form_single textarea:focus {
  border-color: var(--vr-blue) !important; box-shadow: 0 0 0 4px rgba(12, 103, 194, .12) !important; outline: 0;
}

/* ---------- Lead form (common) ---------- */
.vr-lead-form { display: grid; gap: 14px; }
.vr-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.vr-field label { display: block; font-size: 13px; font-weight: 700; color: var(--vr-ink); margin-bottom: 6px; }
.vr-field label span { color: var(--vr-green-600); }
.vr-input {
  display: flex; align-items: center; gap: 10px; background: #fff;
  border: 1.5px solid var(--vr-line); border-radius: 12px; padding: 0 14px; min-height: 50px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.vr-input:focus-within { border-color: var(--vr-blue); box-shadow: 0 0 0 4px rgba(12, 103, 194, .12); }
.vr-input i { color: var(--vr-blue); font-size: 15px; width: 16px; text-align: center; }
.vr-input input {
  flex: 1; min-width: 0; border: 0 !important; outline: 0 !important; box-shadow: none !important;
  background: transparent !important; padding: 12px 0 !important; font-size: 15px; color: var(--vr-ink); min-height: 0 !important;
}
.vr-input input::placeholder { color: #9AA8BA; }
.vr-cc { font-weight: 800; color: var(--vr-navy); padding-right: 10px; border-right: 1.5px solid var(--vr-line); font-size: 14px; }
.vr-field.has-error .vr-input { border-color: #E5484D; box-shadow: 0 0 0 4px rgba(229, 72, 77, .10); }
.vr-err { display: block; color: #D0343A; font-size: 12px; font-weight: 600; margin-top: 5px; }
.vr-form-note { font-size: 12px; color: var(--vr-muted); text-align: center; margin: 0; }
.vr-form-note i { color: var(--vr-green-600); margin-right: 4px; }

/* ---------- Lead modal ---------- */
.vr-modal { position: fixed; inset: 0; z-index: 100001; display: none; align-items: center; justify-content: center; padding: 16px; }
.vr-modal.is-open { display: flex; animation: vrFade .25s ease; }
.vr-modal-backdrop { position: absolute; inset: 0; background: rgba(6, 27, 54, .72); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.vr-modal-dialog {
  position: relative; width: 100%; max-width: 460px; max-height: calc(100vh - 32px); overflow-y: auto;
  background: #fff; border-radius: 22px; box-shadow: var(--vr-shadow-lg); animation: vrRise .35s cubic-bezier(.2, .9, .3, 1.2);
}
.vr-modal-head {
  background: var(--vr-grad-navy); color: #fff; padding: 26px 26px 22px; position: relative; overflow: hidden;
}
.vr-modal-head::after {
  content: ""; position: absolute; right: -60px; top: -60px; width: 180px; height: 180px; border-radius: 50%;
  background: radial-gradient(circle, rgba(10, 143, 60, .45), transparent 70%);
}
.vr-modal-head h3 { font-family: var(--vr-display); color: #fff !important; font-size: 28px; margin: 8px 0 6px; font-weight: 700; }
.vr-modal-sub { color: rgba(255, 255, 255, .82); font-size: 14px; margin: 0 0 12px; }
.vr-modal-perks { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 14px; position: relative; z-index: 1; }
.vr-modal-perks li { font-size: 12.5px; font-weight: 600; color: #fff; }
.vr-modal-perks i { color: var(--vr-green); margin-right: 4px; }
.vr-modal-body { padding: 22px 26px 24px; }
.vr-modal-close {
  position: absolute; top: 14px; right: 14px; z-index: 3; width: 36px; height: 36px; border-radius: 50%;
  border: 0; background: rgba(255, 255, 255, .15); color: #fff; font-size: 16px; cursor: pointer;
}
.vr-modal-close:hover { background: #fff; color: var(--vr-navy); }
.vr-modal-call { display: block; text-align: center; margin-top: 14px; font-weight: 700; color: var(--vr-blue) !important; text-decoration: none; }
@keyframes vrFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes vrRise { from { opacity: 0; transform: translateY(24px) scale(.97); } to { opacity: 1; transform: none; } }

/* ---------- Pre-footer CTA ---------- */
.vr-prefooter { display: none; padding: 0; margin-top: 50px; position: relative; z-index: 2; }
.vr-prefooter-inner {
  background: var(--vr-grad-navy); border-radius: 26px; padding: 40px 44px; color: #fff;
  display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;
  box-shadow: var(--vr-shadow-lg); position: relative; overflow: hidden; margin-bottom: -70px;
}
.vr-prefooter-inner::before {
  content: ""; position: absolute; left: -80px; bottom: -120px; width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle, rgba(12, 103, 194, .55), transparent 70%);
}
.vr-prefooter-inner::after {
  content: ""; position: absolute; right: 18%; top: -90px; width: 220px; height: 220px; border-radius: 50%;
  background: radial-gradient(circle, rgba(10, 143, 60, .35), transparent 70%);
}
.vr-prefooter-copy, .vr-prefooter-actions { position: relative; z-index: 1; }
.vr-prefooter h2 { color: #fff !important; font-family: var(--vr-display); font-size: clamp(24px, 3vw, 36px); margin: 10px 0 8px; font-weight: 700; max-width: 640px; }
.vr-prefooter h2 em { color: #8FE3AE; font-style: italic; }
.vr-prefooter p { color: rgba(255, 255, 255, .8); margin: 0; }
.vr-prefooter-actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* ---------- Footer ---------- */
.vr-footer { background: #04142A !important; color: rgba(255, 255, 255, .72); padding: 64px 0 0 !important; margin-top: 40px; position: relative; }
.vr-footer::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--vr-blue) 0 50%, var(--vr-green) 50% 100%);
}
.vr-footer-top { padding-bottom: 40px; }
.vr-footer-logo { display: inline-block; background: #fff; padding: 10px 16px; border-radius: 14px; margin-bottom: 18px; }
.vr-footer-logo img { max-height: 60px; width: auto; display: block; }
.vr-footer-about { font-size: 14.5px; line-height: 1.7; color: rgba(255, 255, 255, .7); }
.vr-footer-contact { display: grid; gap: 10px; margin: 18px 0; }
.vr-footer-contact a { color: #fff !important; font-weight: 600; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.vr-footer-contact a i { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .08); color: var(--vr-green); }
.vr-footer-contact a:hover { color: #8FE3AE !important; }
.vr-footer-title { color: #fff !important; font-size: 17px; font-weight: 800; margin-bottom: 18px; position: relative; padding-bottom: 12px; }
.vr-footer-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 36px; height: 3px; border-radius: 3px; background: var(--vr-green); }
.vr-footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.vr-footer-links a { color: rgba(255, 255, 255, .72) !important; font-size: 14.5px; text-decoration: none; }
.vr-footer-links a:hover { color: #8FE3AE !important; padding-left: 4px; }
.vr-offices { display: grid; gap: 16px; }
.vr-office { display: flex; gap: 14px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .08); border-radius: 14px; padding: 16px; }
.vr-office-ico { flex: 0 0 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--vr-grad); color: #fff; }
.vr-office strong { color: #fff; display: block; font-size: 15px; margin-bottom: 4px; }
.vr-office p { margin: 0 0 6px; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, .72); }
.vr-office-dir { color: #8FE3AE !important; font-size: 13px; font-weight: 700; text-decoration: none; }
.vr-social { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; flex-wrap: wrap; }
.vr-social a { width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .08); color: #fff !important; }
.vr-social a:hover { background: var(--vr-green); transform: translateY(-3px); }
.vr-copyright { border-top: 1px solid rgba(255, 255, 255, .08); padding: 18px 0; text-align: center; }
.vr-copyright p { margin: 0; font-size: 13.5px; color: rgba(255, 255, 255, .7); }
.vr-copyright .vr-disclaimer { font-size: 11.5px; color: rgba(255, 255, 255, .45); margin-top: 6px; max-width: 860px; margin-left: auto; margin-right: auto; }
.vr-site .ibox { display: none !important; } /* purana sticky footer band */

/* ---------- Desktop floating buttons ---------- */
.vr-float { position: fixed; left: 22px; bottom: 24px; z-index: 9990; flex-direction: column; gap: 12px; }
.vr-float a {
  width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  color: #fff !important; font-size: 24px; box-shadow: 0 10px 24px rgba(6, 27, 54, .25); text-decoration: none;
}
.vr-float-wa { background: #1FAF54; animation: vrPulseWa 2.4s infinite; }
.vr-float-call { background: var(--vr-grad); font-size: 20px !important; }
.vr-float a:hover { transform: scale(1.08); }
@keyframes vrPulseWa { 0% { box-shadow: 0 0 0 0 rgba(31, 175, 84, .55); } 70% { box-shadow: 0 0 0 16px rgba(31, 175, 84, 0); } 100% { box-shadow: 0 0 0 0 rgba(31, 175, 84, 0); } }

/* ---------- Mobile sticky bar ---------- */
.vr-mbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9995;
  display: flex; gap: 8px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
  background: rgba(255, 255, 255, .97); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-top: 1px solid var(--vr-line); box-shadow: 0 -10px 30px rgba(6, 27, 54, .12);
}
.vr-mbar a { text-decoration: none !important; }
.vr-mbar-main {
  flex: 1 1 auto; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 48px; white-space: nowrap; border-radius: 14px; font-weight: 800; font-size: 15.5px; letter-spacing: .01em;
  color: #fff !important; background: var(--vr-grad);
  box-shadow: 0 8px 20px rgba(12, 103, 194, .32);
}
.vr-mbar--inner .vr-mbar-main { background: var(--vr-grad-green); box-shadow: 0 8px 20px rgba(10, 125, 53, .32); }
.vr-mbar-call, .vr-mbar-wa {
  flex: 0 0 auto; min-width: 0; padding: 0 14px; display: flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 48px; border-radius: 14px; font-weight: 800; font-size: 14px;
}
.vr-mbar-call { background: var(--vr-tint-blue); color: var(--vr-blue) !important; border: 1.5px solid rgba(12, 103, 194, .25); }
.vr-mbar-call i { font-size: 17px; animation: vrRing 2.2s ease-in-out infinite; }
.vr-mbar-wa { background: #1FAF54; color: #fff !important; }
.vr-mbar-wa i { font-size: 22px; }
/* halka blink */
.vr-blink { animation: vrBlink 1.6s ease-in-out infinite; }
.vr-blink i { animation: vrRing 2.2s ease-in-out infinite; }
@keyframes vrBlink {
  0%, 100% { opacity: 1; box-shadow: 0 8px 20px rgba(10, 125, 53, .32), 0 0 0 0 rgba(10, 143, 60, .45); }
  50% { opacity: .82; box-shadow: 0 8px 20px rgba(10, 125, 53, .20), 0 0 0 8px rgba(10, 143, 60, 0); }
}
@keyframes vrRing { 0%, 80%, 100% { transform: rotate(0); } 84% { transform: rotate(-14deg); } 88% { transform: rotate(14deg); } 92% { transform: rotate(-10deg); } 96% { transform: rotate(8deg); } }
@media (prefers-reduced-motion: reduce) {
  .vr-blink, .vr-blink i, .vr-mbar-call i, .vr-float-wa { animation: none !important; }
}
@media (max-width: 991.98px) {
  body.has-vr-mbar { padding-bottom: calc(var(--vr-mbar-h) + env(safe-area-inset-bottom, 0px)); }
  .vr-prefooter-inner { padding: 28px 22px; border-radius: 20px; margin-bottom: -50px; }
  .vr-prefooter-actions { width: 100%; }
  .vr-prefooter-actions .vr-btn { flex: 1 1 100%; }
  .vr-footer { padding-top: 48px !important; }
  .vr-modal { align-items: flex-end; padding: 0; }
  .vr-modal-dialog { max-width: 100%; border-radius: 22px 22px 0 0; max-height: 92vh; animation: vrSheet .3s ease; }
  .vr-modal-head h3 { font-size: 24px; }
}
@keyframes vrSheet { from { transform: translateY(100%); } to { transform: none; } }

/* ---------- Generic sections ---------- */
.vr-section { padding: 70px 0; }
.vr-section--tint { background: var(--vr-bg); }
.vr-site .wsus__testimonial, .vr-site .wsus__services { background-color: var(--vr-bg); }
.vr-site .wsus__about_counter_single { border-radius: var(--vr-radius); border: 1px solid var(--vr-line); background: #fff; box-shadow: var(--vr-shadow-sm); }
.vr-site .wsus__about_counter_icon i { color: var(--vr-green-600) !important; }
.vr-site .wsus__about_counter_text h3 { color: var(--vr-navy) !important; font-weight: 800; }
.vr-site .slick-dots li.slick-active button, .vr-site .slick-dots li button:hover { background: var(--vr-blue) !important; }

/* ---------- Home FAQ (AEO) ---------- */
.vr-faq { display: grid; gap: 12px; max-width: 900px; margin: 30px auto 0; }
.vr-faq details { background: #fff; border: 1px solid var(--vr-line); border-radius: 14px; padding: 0 20px; box-shadow: var(--vr-shadow-sm); }
.vr-faq details[open] { border-color: rgba(12, 103, 194, .35); }
.vr-faq summary {
  list-style: none; cursor: pointer; padding: 18px 34px 18px 0; font-weight: 700; color: var(--vr-navy); font-size: 16px; position: relative;
}
.vr-faq summary::-webkit-details-marker { display: none; }
.vr-faq summary::after {
  content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  width: 26px; height: 26px; border-radius: 50%; background: var(--vr-tint-blue); color: var(--vr-blue);
  display: flex; align-items: center; justify-content: center; font-weight: 800;
}
.vr-faq details[open] summary::after { content: "–"; background: var(--vr-green); color: #fff; }
.vr-faq details p { padding: 0 0 18px; margin: 0; color: var(--vr-body); line-height: 1.75; }

/* ---------- Contact page ---------- */
.vr-contact-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.vr-contact-card {
  background: #fff; border: 1px solid var(--vr-line); border-radius: var(--vr-radius); padding: 24px;
  box-shadow: var(--vr-shadow-sm); display: flex; gap: 16px;
}
.vr-contact-card .ico { flex: 0 0 50px; height: 50px; border-radius: 14px; background: var(--vr-grad); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.vr-contact-card.is-green .ico { background: var(--vr-grad-green); }
.vr-contact-card h3 { font-size: 17px; font-weight: 800; margin: 0 0 6px; }
.vr-contact-card p, .vr-contact-card a { margin: 0; color: var(--vr-body); font-size: 14.5px; line-height: 1.65; text-decoration: none; }
.vr-contact-card a:hover { color: var(--vr-blue); }
.vr-contact-wrap { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; margin-top: 34px; align-items: start; }
.vr-contact-form-card { background: #fff; border: 1px solid var(--vr-line); border-radius: 22px; padding: 30px; box-shadow: var(--vr-shadow); }
.vr-contact-form-card h2 { font-family: var(--vr-display); font-size: 32px; color: var(--vr-navy); margin: 8px 0 6px; }
.vr-contact-form-card > p { color: var(--vr-muted); margin-bottom: 20px; }
.vr-contact-form-card .vr-lead-form { grid-template-columns: 1fr 1fr; }
.vr-contact-form-card .vr-lead-form > button, .vr-contact-form-card .vr-lead-form > .vr-form-note { grid-column: 1 / -1; }
.vr-contact-map { border-radius: 22px; overflow: hidden; box-shadow: var(--vr-shadow); min-height: 420px; background: var(--vr-bg); }
.vr-contact-map iframe { width: 100% !important; height: 100% !important; min-height: 420px; border: 0; display: block; }
@media (max-width: 991.98px) {
  .vr-contact-wrap { grid-template-columns: 1fr; }
  .vr-contact-form-card { padding: 22px; }
  .vr-contact-form-card .vr-lead-form { grid-template-columns: 1fr; }
}

/* ---------- Toastr brand ---------- */
#toast-container > .toast-success { background-color: var(--vr-green-600) !important; }
#toast-container > .toast-info { background-color: var(--vr-blue) !important; }
#toast-container > div { border-radius: 12px !important; box-shadow: var(--vr-shadow) !important; opacity: 1 !important; }
@media (max-width: 991.98px) { #toast-container.toast-bottom-right, #toast-container.toast-bottom-full-width { bottom: 80px !important; } }

.vr-rera-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #8FE3AE; background: rgba(10, 143, 60, .1); border: 1px solid rgba(10, 143, 60, .3); padding: 7px 12px; border-radius: 999px; width: max-content; }
.vr-site .topbar-rera { color: rgba(255, 255, 255, .85); font-size: 13px; font-weight: 600; }

/* Typography – clean modern sans (single family), bold tight headings */
.vr-site h1, .vr-site h2, .vr-site h3 { font-weight: 800; letter-spacing: -0.025em; }
.vr-site h4, .vr-site h5, .vr-site h6 { font-weight: 700; letter-spacing: -0.01em; }
.vr-site p, .vr-site li { line-height: 1.7; }
.vr-site .pd-hero-title, .vr-site .pd-section-title, .vr-site .pd-amenities-title, .vr-site .thank-you-title {
  font-family: var(--vr-font) !important; font-weight: 800 !important; letter-spacing: -0.025em; color: var(--vr-navy) !important;
}
.vr-site .pd-hero-price-value, .vr-site .pd-sidebar-price { font-family: var(--vr-font) !important; font-weight: 800 !important; color: var(--vr-blue) !important; }

/* =================== v3 refinements =================== */
/* Header: topbar social + buttons */
.vr-site .wsus__topbar { padding: 6px 0 !important; min-height: 0 !important; }
.vr-site .wsus__topbar .row { align-items: center !important; }
.vr-site .wsus__topbar_right { display: flex !important; align-items: center; justify-content: flex-end; gap: 8px; padding: 0 !important; margin: 0 !important; height: auto !important; }
.vr-site .wsus__topbar_right li { display: flex; margin: 0 !important; padding: 0 !important; line-height: 1; }
.vr-site .wsus__topbar_right li a { width: 28px !important; height: 28px !important; font-size: 12px; }
.vr-site .wsus__topbar_right li a i, .vr-site .wsus__topbar_right li a svg { font-size: 12px !important; width: 12px; height: 12px; }
.vr-site .wsus__topbar_left a { display: inline-flex !important; align-items: center; gap: 8px; font-size: 13.5px !important; }
.vr-site .wsus__topbar_left .topbar-ico { width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.1); color: #fff !important; font-size: 11px; }
.vr-site .wsus__topbar_left .topbar-ico i { color: #fff !important; font-size: 11px !important; }
.vr-nav-cta, .vr-site a.header-call-btn {
  height: 44px !important; padding: 0 18px !important; border-radius: 12px !important; font-size: 14px !important;
  font-weight: 700 !important; box-shadow: none !important; gap: 8px !important; line-height: 1 !important;
}
.vr-nav-cta { background: var(--vr-green-600) !important; }
.vr-nav-cta:hover { background: var(--vr-green-700) !important; transform: none; }
.vr-site a.header-call-btn { background: var(--vr-blue) !important; color: #fff !important; margin-left: 10px; }
.vr-site a.header-call-btn i { width: 26px !important; height: 26px !important; font-size: 12px !important; margin: 0 !important; }
.vr-site a.header-call-btn:hover { background: var(--vr-blue-700) !important; transform: none; }

/* No floating call/wa on desktop */
.vr-float { display: none !important; }

/* Simple, unique lead form */
.vr-lead-form { gap: 10px; }
.vr-lead-form .vr-field label { display: none; }
.vr-in {
  width: 100%; height: 48px; border: 1.5px solid var(--vr-line) !important; border-radius: 12px !important;
  background: #F7F9FC !important; padding: 0 16px !important; font-size: 14.5px; color: var(--vr-ink); outline: 0;
  box-shadow: none !important; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; -webkit-appearance: none; appearance: none;
}
.vr-in::placeholder { color: #8B98AA; }
.vr-in:focus { border-color: var(--vr-blue) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(12,103,194,.10) !important; }
.vr-select { cursor: pointer; padding-right: 40px !important; color: #8B98AA;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230C67C2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 16px center !important; }
.vr-select:valid { color: var(--vr-ink); }
.vr-field.has-error .vr-in { border-color: #D0343A !important; background: #FFF6F6 !important; }
.vr-err { font-size: 11.5px; margin-top: 4px; }
.vr-submit { height: 50px; border-radius: 12px !important; font-size: 15px !important; margin-top: 2px; box-shadow: 0 8px 18px rgba(12,103,194,.22) !important; }
.vr-form-icons { display: flex; justify-content: center; gap: 12px; margin-top: 4px; }
.vr-ico { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; font-size: 16px; transition: transform .2s ease; }
.vr-ico i { color: inherit !important; }
.vr-ico--call { background: var(--vr-tint-blue); color: var(--vr-blue) !important; }
.vr-ico--wa { background: #E7F6EC; color: #1FAF54 !important; font-size: 20px; }
.vr-ico:hover { transform: translateY(-2px); }

/* Compact popup */
.vr-modal-dialog { max-width: 380px; border-radius: 20px; }
.vr-modal-head { padding: 20px 22px 16px; background: var(--vr-navy); }
.vr-modal-head::after { display: none; }
.vr-modal-head h3 { margin: 0; font-size: 20px; font-family: var(--vr-font); font-weight: 800; padding-right: 40px; }
.vr-modal-body { padding: 18px 22px 20px; }
.vr-modal-close { top: 12px; right: 12px; width: 32px; height: 32px; font-size: 14px; }
@media (max-width: 991.98px) { .vr-modal-dialog { max-width: 100%; } }

/* Property cards: clear CTA buttons */
.vr-site .wsus__single_property_footer { gap: 10px; flex-wrap: wrap; }
.vr-site .wsus__single_property_footer .city-prop-btn,
.vr-site .vr-card-actions .city-prop-btn {
  display: inline-flex !important; align-items: center; justify-content: center; height: 40px; padding: 0 18px !important;
  background: var(--vr-blue) !important; color: #fff !important; border-radius: 10px !important; font-weight: 700 !important; font-size: 13.5px !important;
}
.vr-site .wsus__single_property_footer .city-prop-btn:hover { background: var(--vr-blue-700) !important; color: #fff !important; }
.vr-card-cta {
  display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 16px; border-radius: 10px;
  border: 1.5px solid var(--vr-blue); color: var(--vr-blue) !important; background: #fff; font-weight: 700; font-size: 13.5px; text-decoration: none !important;
}
.vr-card-cta:hover { background: var(--vr-tint-blue); }
.vr-card-actions { display: inline-flex; gap: 8px; margin-left: auto; }
.vr-site .wsus__single_property_footer .category { color: var(--vr-blue) !important; font-weight: 600; font-size: 13px; }
.vr-site .wsus__single_property_text .tk,
.vr-site .wsus__single_property .tk,
.vr-site .wsus__single_property_text .price { background: var(--vr-navy) !important; }

/* Property detail: buttons & text colours */
.vr-site .pd-hero-enquire, .vr-site .pd-side-submit, .vr-site .pd-why-btn:not(.pd-why-btn--outline), .vr-site .pd-extra-btn, .vr-site .pd-inline-cta-btn {
  background: var(--vr-blue) !important; color: #fff !important; border: 0 !important; border-radius: 10px !important; font-weight: 700 !important;
}
.vr-site .pd-why-btn--outline { background: #fff !important; color: var(--vr-blue) !important; border: 1.5px solid var(--vr-blue) !important; border-radius: 10px !important; font-weight: 700 !important; }
.vr-site .pd-section-title, .vr-site .pd-hero-title { color: var(--vr-navy) !important; }
.vr-site .pd-hero-location, .vr-site .deatilHeadWrapper, .vr-site .limitcon { color: var(--vr-body) !important; }
.vr-site .pd-badge, .vr-site .pd-meta-chip { background: var(--vr-tint-blue) !important; color: var(--vr-blue-700) !important; border: 0 !important; }
.vr-site .pd-badge--rera, .vr-site .pd-meta-chip--accent { background: #E7F4EC !important; color: var(--vr-green-700) !important; }
.vr-site .pd-feat-icon, .vr-site .pd-amenity-icon { background: var(--vr-tint-blue) !important; color: var(--vr-blue) !important; }
.vr-site .pd-feat-icon i, .vr-site .pd-amenity-icon i { color: var(--vr-blue) !important; }
.vr-site .content_index a { color: var(--vr-body) !important; }
.vr-site .content_index a:hover, .vr-site .content_index a.active { color: var(--vr-blue) !important; }
.vr-site .pd-side-form-head { background: var(--vr-navy) !important; }
.vr-site .pd-side-form-head .pd-side-form-title, .vr-site .pd-side-form-head i { color: #fff !important; }

/* Mobile sticky bar – darker, calmer green */
.vr-mbar--inner .vr-mbar-main { background: var(--vr-green-600); box-shadow: 0 6px 16px rgba(10,125,53,.28); }

/* ===== WHY US section – brand navy/blue ===== */
.vr-site .why-us-compact .wsus__services_overlay,
.vr-site .wsus__services_overlay {
  background: linear-gradient(115deg, rgba(6,27,54,.96) 0%, rgba(10,47,94,.93) 55%, rgba(12,103,194,.88) 100%) !important;
}
.vr-site .why-us-compact .wsus__services_heading .wsus__section_heading,
.vr-site .why-us-compact .wsus__services_heading { text-align: left !important; }
.vr-site .why-us-compact .wsus__services_heading h2 {
  color: #fff !important; font-size: clamp(28px, 3vw, 38px) !important; text-transform: none !important;
}
.vr-site .why-us-compact .wsus__services_heading h2::after { margin: 14px 0 0 !important; background: linear-gradient(90deg, #fff 0 60%, var(--vr-green) 60% 100%) !important; }
.vr-site .why-us-compact .wsus__services_heading span {
  color: rgba(255,255,255,.82) !important; font-size: 15px !important; line-height: 1.7 !important; margin-top: 14px !important; display: -webkit-box !important;
}
.vr-site .why-us-compact .why-us-slide { padding: 6px 8px !important; }
.vr-site .why-us-compact .wsus__single_service {
  background: #fff !important; border: 0 !important; border-radius: 16px !important;
  box-shadow: 0 14px 30px rgba(3,14,30,.22) !important; padding: 22px 20px !important;
  min-height: 210px !important; max-height: none !important; text-align: left !important;
  border-top: 4px solid var(--vr-blue) !important; overflow: hidden;
}
.vr-site .why-us-compact .wsus__single_service::after { display: none !important; }
.vr-site .why-us-compact .wsus__single_service > span { display: none !important; }
.vr-site .why-us-compact .wsus__single_service > i {
  width: 52px; height: 52px; border-radius: 14px; display: inline-flex !important; align-items: center; justify-content: center;
  background: var(--vr-tint-blue) !important; color: var(--vr-blue) !important; font-size: 24px !important; margin-bottom: 14px !important;
}
.vr-site .why-us-compact .wsus__single_service h4 { color: var(--vr-navy) !important; font-size: 16.5px !important; font-weight: 800 !important; }
.vr-site .why-us-compact .wsus__single_service p { color: var(--vr-body) !important; font-size: 14px !important; line-height: 1.65 !important; }
.vr-site .why-us-compact .slick-list { padding: 4px 0 10px !important; }
.vr-site .why-us-compact .slick-arrow { background: #fff !important; color: var(--vr-navy) !important; border-radius: 50% !important; }
@media (max-width: 991.98px) {
  .vr-site .why-us-compact .wsus__services_heading { text-align: center !important; margin-bottom: 18px; }
  .vr-site .why-us-compact .wsus__services_heading h2::after { margin: 12px auto 0 !important; }
}

/* =================== v4: header / topbar / mobile bar =================== */
/* Desktop topbar: icons poore dikhen (fixed 40px height hataya) */
.vr-site .wsus__topbar { height: auto !important; min-height: 0 !important; overflow: visible; }
.vr-site .wsus__topbar .container, .vr-site .wsus__topbar .row { min-height: 0 !important; }
.vr-site .wsus__topbar .row > [class*="col-"] { display: flex; align-items: center; min-height: 40px; }
.vr-site .wsus__topbar .row > [class*="col-"]:last-child { justify-content: flex-end; }
.vr-site .wsus__topbar_left li a, .vr-site .wsus__topbar_right li a { line-height: 1 !important; }
.vr-site .wsus__topbar_left { margin: 0 !important; padding: 0 !important; gap: 22px; }
.vr-site .wsus__topbar_left li a { margin-right: 0 !important; }
.vr-site .wsus__topbar_right li a { border-left: 0 !important; border-right: 0 !important; }

/* Footer: logo hataya */
.vr-footer-logo { display: none !important; }

@media (max-width: 991.98px) {
  /* Mobile: number/email wali topbar hide */
  .vr-site .wsus__topbar { display: none !important; }
  /* Mobile: patla header */
  .vr-site .main_menu { padding: 6px 0 !important; min-height: 0 !important; }
  .vr-site .main_menu .navbar-brand { max-width: 118px; margin: 0 !important; }
  .vr-site .main_menu .navbar-brand img { max-height: 40px !important; height: 40px !important; width: auto !important; }
  .vr-site .main_menu .navbar-toggler, .vr-site .mobile-nav-toggle {
    width: 40px !important; height: 40px !important; padding: 0 !important; border-radius: 10px !important;
    display: inline-flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px; box-shadow: none !important;
  }
  .vr-site .mobile-nav-toggle .nav-toggle-bar { width: 18px !important; height: 2px !important; margin: 0 !important; }

  /* Mobile sticky bar: kam height, chhota text */
  .vr-mbar { gap: 8px; padding: 6px 10px calc(6px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -6px 18px rgba(6,27,54,.10); }
  .vr-mbar-main { min-height: 40px; border-radius: 10px; font-size: 13.5px; font-weight: 600; gap: 7px; letter-spacing: 0; }
  .vr-mbar-main i { font-size: 13px; }
  .vr-mbar-call, .vr-mbar-wa { min-height: 40px; border-radius: 10px; font-size: 13px; font-weight: 600; padding: 0 12px; gap: 6px; }
  .vr-mbar-call i { font-size: 14px; }
  .vr-mbar-wa i { font-size: 17px; }
  body.has-vr-mbar { padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px)); }
  #vr-assistant.vr-assistant { bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important; }
}
/* halka blink (home + inner) */
.vr-mbar--home .vr-mbar-main.vr-blink { animation: vrBlinkBlue 1.8s ease-in-out infinite; }
@keyframes vrBlinkBlue { 0%, 100% { opacity: 1; } 50% { opacity: .78; } }
.vr-mbar--inner .vr-mbar-main.vr-blink { animation: vrBlinkSoft 1.8s ease-in-out infinite; }
@keyframes vrBlinkSoft { 0%, 100% { opacity: 1; } 50% { opacity: .8; } }
@media (prefers-reduced-motion: reduce) { .vr-mbar-main.vr-blink { animation: none !important; } }

/* =================== v5 =================== */
/* ---- Premium CTA: soft glow pulse + light shimmer sweep ---- */
.vr-mbar-main, .vr-nav-cta,
body.page-property-detail .pd-hero-enquire,
body.page-property-detail .pd-extra-btn,
body.page-property-detail .pd-why-btn:not(.pd-why-btn--outline),
body.page-property-detail .pd-inline-cta-btn,
body.page-property-detail .pd-side-form .vr-submit,
.vr-modal .vr-submit {
  position: relative !important; overflow: hidden !important; isolation: isolate;
  animation: vrPremiumPulse 2.4s ease-in-out infinite !important;
}
.vr-mbar-main::after, .vr-nav-cta::after,
body.page-property-detail .pd-hero-enquire::after,
body.page-property-detail .pd-extra-btn::after,
body.page-property-detail .pd-why-btn:not(.pd-why-btn--outline)::after,
body.page-property-detail .pd-inline-cta-btn::after,
body.page-property-detail .pd-side-form .vr-submit::after,
.vr-modal .vr-submit::after {
  content: "" !important; position: absolute !important; top: 0; bottom: 0; left: -60%; width: 45%; z-index: -1;
  background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.38) 50%, transparent 100%) !important;
  transform: skewX(-20deg); animation: vrShimmer 3.2s ease-in-out infinite; pointer-events: none;
  display: block !important; border: 0 !important; margin: 0 !important; height: auto !important;
}
@keyframes vrShimmer { 0% { left: -60%; } 55%, 100% { left: 130%; } }
@keyframes vrPremiumPulse {
  0%, 100% { box-shadow: 0 6px 16px rgba(12,103,194,.22), 0 0 0 0 rgba(12,103,194,.35); }
  50% { box-shadow: 0 6px 16px rgba(12,103,194,.22), 0 0 0 7px rgba(12,103,194,0); }
}
.vr-mbar--inner .vr-mbar-main, .vr-nav-cta { animation-name: vrPremiumPulseGreen !important; }
@keyframes vrPremiumPulseGreen {
  0%, 100% { box-shadow: 0 6px 16px rgba(10,125,53,.22), 0 0 0 0 rgba(10,125,53,.35); }
  50% { box-shadow: 0 6px 16px rgba(10,125,53,.22), 0 0 0 7px rgba(10,125,53,0); }
}
/* purana opacity blink hata ke premium wala */
.vr-mbar-main.vr-blink, .vr-mbar--home .vr-mbar-main.vr-blink, .vr-mbar--inner .vr-mbar-main.vr-blink { opacity: 1 !important; }
.vr-mbar-main.vr-blink i { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  .vr-mbar-main, .vr-nav-cta, body.page-property-detail .pd-hero-enquire, body.page-property-detail .pd-extra-btn,
  body.page-property-detail .pd-why-btn, body.page-property-detail .pd-inline-cta-btn, .vr-submit { animation: none !important; }
  .vr-mbar-main::after, .vr-nav-cta::after, body.page-property-detail .pd-hero-enquire::after, body.page-property-detail .pd-extra-btn::after,
  body.page-property-detail .pd-why-btn::after, body.page-property-detail .pd-inline-cta-btn::after, .vr-submit::after { display: none !important; }
}

/* ---- Call button (Free consultation): blinking phone ---- */
body.page-property-detail .pd-inline-cta-btn i { animation: vrRing 1.8s ease-in-out infinite; display: inline-block; }

/* ---- Why-choose buttons: text button ke andar, center ---- */
body.page-property-detail .pd-why-actions { display: flex !important; flex-wrap: wrap; justify-content: center !important; align-items: center; gap: 12px !important; }
body.page-property-detail .pd-why-btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;
  height: 46px !important; min-width: 170px; width: auto !important; max-width: 100%; padding: 0 24px !important;
  white-space: nowrap !important; font-size: 14.5px !important; font-weight: 700 !important; text-transform: none !important;
  letter-spacing: 0 !important; line-height: 1 !important; border-radius: 12px !important; overflow: hidden;
}
@media (max-width: 480px) { body.page-property-detail .pd-why-btn { flex: 1 1 0; min-width: 0; padding: 0 12px !important; font-size: 13.5px !important; } }

/* ---- Show More: eye-catching centred pill ---- */
body.page-property-detail .limitcon { position: relative; }
body.page-property-detail .limitcon:not(.full-height)::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; pointer-events: none;
  background: linear-gradient(rgba(255,255,255,0), #fff 75%); z-index: 1;
}
body.page-property-detail .readmore {
  position: absolute !important; left: 50% !important; bottom: 10px !important; transform: translateX(-50%);
  width: auto !important; z-index: 2; display: inline-flex !important; align-items: center; gap: 8px;
  padding: 10px 22px !important; border-radius: 999px; background: var(--vr-grad) !important; background-image: var(--vr-grad) !important;
  color: #fff !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase;
  box-shadow: 0 10px 22px rgba(12,103,194,.28); cursor: pointer; text-decoration: none !important; white-space: nowrap;
}
body.page-property-detail .readmore::after { content: "\f078"; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; }
body.page-property-detail .limitcon.full-height .readmore { position: relative !important; left: auto !important; bottom: auto !important; transform: none; display: table !important; margin: 18px auto 0 !important; }
body.page-property-detail .limitcon.full-height .readmore::after { content: "\f077"; }
body.page-property-detail .readmore:hover { filter: brightness(1.08); }

/* ---- Gallery: auto slide + mobile ek row ---- */
body.page-property-detail .pd-gallery-grid .main-img img { transition: none !important; will-change: transform; }
body.page-property-detail .pd-gallery-grid .main-img img.is-fading { opacity: .15; }
body.page-property-detail .pd-gallery-thumbs .thumb-item.is-active { outline: 3px solid var(--vr-blue); outline-offset: -3px; }
@media (max-width: 767px) {
  body.page-property-detail .pd-gallery-grid .main-img { height: 240px !important; }
  body.page-property-detail .pd-gallery-thumbs {
    display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden;
    gap: 6px !important; padding: 6px !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none;
    grid-template-columns: none !important;
  }
  body.page-property-detail .pd-gallery-thumbs::-webkit-scrollbar { display: none; }
  body.page-property-detail .pd-gallery-thumbs .thumb-item {
    flex: 0 0 30% !important; width: 30% !important; height: 70px !important; display: block !important;
    border-radius: 8px !important; scroll-snap-align: start;
  }
  body.page-property-detail .pd-gallery-thumbs .thumb-item::after,
  body.page-property-detail .pd-gallery-thumbs .thumb-item.more-overlay::after { display: none !important; content: none !important; }
}

/* ---- Footer: underline hatao, green -> white ---- */
.vr-footer-title { padding-bottom: 0 !important; }
.vr-footer-title::after { display: none !important; }
.vr-footer-contact a i { color: #fff !important; background: rgba(255,255,255,.10) !important; }
.vr-footer .vr-rera-badge { color: #fff !important; background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.22) !important; }
.vr-footer .vr-rera-badge i { color: #fff !important; }
.vr-office-dir, .vr-office-dir i { color: #fff !important; }
.vr-office-dir:hover { text-decoration: underline !important; }
.vr-footer-links a:hover, .vr-footer-contact a:hover { color: #fff !important; opacity: .8; }
.vr-social a:hover { background: var(--vr-blue) !important; }

/* =================== v6 =================== */
/* Banner: slide mode (right -> left), fade CSS neutralise */
.vr-site .home-banner-slider .slick-slide:not(.slick-active),
.vr-site .home-banner-slider .slick-slide.slick-active { opacity: 1 !important; transition: none !important; }
.vr-site .home-banner-slider .home-banner-img { width: 100%; height: auto; display: block; transform: none !important; }
.vr-site .home-banner-slider .slick-dots { bottom: 14px; }
.vr-site .home-banner-slider .slick-dots li button { width: 10px; height: 10px; border-radius: 999px; background: rgba(255,255,255,.65) !important; transition: width .3s ease; }
.vr-site .home-banner-slider .slick-dots li.slick-active button { width: 26px; background: #fff !important; }

/* Property gallery slide */
body.page-property-detail .pd-gallery-grid .main-img { position: relative; overflow: hidden; }
body.page-property-detail .pd-gallery-grid .main-img img.pd-slide-next {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; pointer-events: none;
}
body.page-property-detail .pd-gallery-grid .main-img .pd-gallery-viewall { z-index: 3; }
body.page-property-detail .pd-gallery-grid .main-img:hover img { transform: none; }

/* ---- Home: Plots & Kothi / Industrial cards – lucrative ---- */
.vr-site .home-link-card { border-radius: 22px !important; overflow: hidden; box-shadow: 0 18px 40px rgba(6,27,54,.18) !important; }
.vr-site .home-link-card-frame { display: none !important; }
.vr-site .home-link-card-glass {
  background: linear-gradient(200deg, rgba(6,27,54,.05) 15%, rgba(6,27,54,.55) 55%, rgba(6,27,54,.92) 100%) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
.vr-site .home-link-card-label {
  top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important; transform: none !important;
  align-items: flex-start !important; text-align: left !important; padding: 28px 30px !important; gap: 8px !important;
}
.vr-site .home-link-card-label::before, .vr-site .home-link-card-label::after,
.vr-site .home-link-card-label-text::before, .vr-site .home-link-card-label-text::after { display: none !important; content: none !important; }
.vr-site .home-link-card-eyebrow {
  display: inline-flex !important; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.35); color: #fff !important; font-size: 11px !important; letter-spacing: .18em !important; font-weight: 700;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.vr-site .home-link-card-label-text { color: #fff !important; font-size: clamp(26px, 3vw, 40px) !important; font-weight: 800 !important; letter-spacing: -0.02em; text-shadow: 0 4px 18px rgba(0,0,0,.35); border: 0 !important; }
.vr-site .home-link-card-cta {
  display: inline-flex !important; align-items: center; gap: 10px; margin-top: 6px; padding: 11px 20px; border-radius: 999px;
  background: #fff; color: var(--vr-navy) !important; font-weight: 700 !important; font-size: 14px !important; border: 0 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.25); transition: transform .25s ease, background .25s ease;
}
.vr-site .home-link-card-cta i { color: var(--vr-blue) !important; transition: transform .25s ease; }
.vr-site .home-link-card:hover .home-link-card-cta { transform: translateY(-2px); }
.vr-site .home-link-card:hover .home-link-card-cta i { transform: translateX(4px); }
.vr-site .home-link-card:hover .home-link-card-img { transform: scale(1.07) !important; }
@media (max-width: 767.98px) {
  .vr-site .home-link-card-label { padding: 20px !important; }
  .vr-site .home-link-card-cta { padding: 9px 16px; font-size: 13px !important; }
}

/* ---- Home city property cards: mobile par 1 card slider ---- */
@media (max-width: 767.98px) {
  .vr-site .top_properties .slick-slide { padding: 0 6px; }
  .vr-site .city-prop-card .wsus__single_property_img { height: 220px !important; }
  .vr-site .city-prop-card .wsus__single_property_img img { height: 220px !important; width: 100%; object-fit: cover; }
  .vr-site .city-prop-card .city-prop-price, .vr-site .city-prop-card .wsus__single_property_img .tk {
    width: auto !important; max-width: calc(100% - 28px); height: auto !important; border-radius: 999px !important;
    font-size: 14px !important; line-height: 1.2 !important; padding: 7px 14px !important; white-space: nowrap;
  }
}

/* ---- Featured (title on image) cards: saara text white ---- */
.vr-site .wsus__popular_text,
.vr-site .wsus__popular_text h4, .vr-site .wsus__popular_text h4 a,
.vr-site .wsus__popular_text ul li, .vr-site .wsus__popular_text ul li i, .vr-site .wsus__popular_text span, .vr-site .wsus__popular_text p {
  color: #fff !important;
}
.vr-site .wsus__popular_text h4 { text-shadow: 0 2px 10px rgba(0,0,0,.35); font-weight: 800 !important; }
.vr-site .home-link-card-glass { animation: none !important; background-size: 100% 100% !important; background-position: 0 0 !important; mix-blend-mode: normal !important; opacity: 1 !important; }
.vr-site .home-link-card::after { background: linear-gradient(180deg, rgba(6,27,54,0) 40%, rgba(6,27,54,.25) 100%) !important; }

/* Gallery slide classes (JS) – ek direction me smooth slide */
body.page-property-detail .pd-gallery-grid .main-img img.pd-anim { transition: transform .6s cubic-bezier(.4,0,.2,1) !important; }
body.page-property-detail .pd-gallery-grid .main-img img.pd-noanim { transition: none !important; }
body.page-property-detail .pd-gallery-grid .main-img:hover img { transform: none; }