<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* ✅ Apartment Renovation Page CSS (only for Page ID 145) */
body.page-id-145 .rvhB{--bd:#0f3aae;--btnG1:#33d37d;--btnG2:#21ad5c;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body.page-id-145 .rvhB *{box-sizing:border-box;margin:0;padding:0}
body.page-id-145 .rvhB .wrap{max-width:1600px;margin:0 auto;padding:0 10px}
body.page-id-145 .rvhB .page{border:6px solid var(--bd);border-radius:22px;background:#f6f8ff;padding:14px;overflow:hidden}

/* GRID */
body.page-id-145 .rvhB .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}
body.page-id-145 .rvhB .card{
  background:#fff;border:4px solid var(--bd);border-radius:18px;padding:16px;
  /* animation freeze bug fix: content-visibility/contain hata diye */
}body.page-id-145 .rvhB .hd{font-size:22px;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-weight:800}
body.page-id-145 .rvhB .star{color:#0a2a7a}
body.page-id-145 .rvhB .desc{margin:14px 0 10px;color:#222;line-height:1.6}

/* ✅ Continuous Slider */
body.page-id-145 .rvhB .slider{
  position:relative;
  aspect-ratio:16/9;
  border:4px solid #274fb4;
  border-radius:16px;
  overflow:hidden;
  background:#eef3ff;
  /* ❌ content-visibility/contain HATA DIYE – freeze bug fix */
}
/* Default: animation define hai, par paused (structure safe, smooth baad me) */
body.page-id-145 .rvhB .track{
  display:flex;
  width:1000%;
  animation:rvhScrollB 25s linear infinite;
  animation-play-state: paused;
  will-change:transform;
  backface-visibility:hidden;
  transform:translateZ(0);
}
/* Jab body pe class lage gi to run hoga */
body.page-id-145.rvb-go .rvhB .track{
  animation-play-state: running;
}body.page-id-145 .rvhB:hover .track{animation-play-state:running}
body.page-id-145 .rvhB .slide{flex:0 0 10%}
body.page-id-145 .rvhB .slide img{width:100%;height:100%;object-fit:cover;display:block;loading:lazy;decoding:async}
@keyframes rvhScrollB{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}

/* ✅ Mobile fix */
@media(max-width:900px){body.page-id-145 .rvhB .grid{grid-template-columns:1fr!important}}

/* CTA + Footer */
body.page-id-145 .rvhB .cta{background:#fff;border:4px solid var(--bd);border-radius:18px;padding:18px;text-align:center}
body.page-id-145 .rvhB .wa{display:inline-block;background:linear-gradient(180deg,var(--btnG1),var(--btnG2));color:#fff;text-decoration:none;font-weight:800;padding:14px 22px;border-radius:16px;box-shadow:0 10px 26px rgba(20,140,80,.28)}
body.page-id-145 .rvhB .foot{background:#0f172a;color:#fff;border-radius:16px;padding:14px;text-align:center}
body.page-id-145 .rvhB .foot .social a{display:inline-block;margin:0 10px}
body.page-id-145 .rvhB .foot .social img{width:30px;height:30px;loading:lazy}
body.page-id-145 .rvhB .foot .hl{color:#d1d5db;font-size:14px;margin:8px 0}

/* About */
body.page-id-145 .rvhB #about-apartment-renovation{background:linear-gradient(135deg,#ffffff,#f0f4ff);border:4px solid var(--bd);border-radius:18px;padding:20px}

/* Tabs */
body.page-id-145 .rvhB .tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0;padding:10px;background:#eef3ff;border:3px solid var(--bd);border-radius:14px}
body.page-id-145 .rvhB .tabs a{flex:1;text-align:center;padding:10px 14px;background:#fff;border:2px solid var(--bd);border-radius:10px;text-decoration:none;color:#0a2a7a;font-weight:700;transition:.3s}
body.page-id-145 .rvhB .tabs a:hover{background:#0a2a7a;color:#fff}

/* FAQ */
body.page-id-145 .rvhB details{border-bottom:1px solid #ccc;padding:10px 0}
body.page-id-145 .rvhB summary{cursor:pointer;font-weight:700;font-size:16px;color:#0a2a7a}
body.page-id-145 .rvhB details[open] summary{color:#000}
body.page-id-145 .rvhB details p{margin:8px 0 0;color:#222;line-height:1.6}
/* iOS (iPhone/iPad) freeze fix — Block B only */
@supports (-webkit-touch-callout: none) {
  /* virtualization off on iOS */
  body.page-id-145 .rvhB .slider,
  body.page-id-145 .rvhB .card{
    content-visibility: visible !important;
    contain: initial !important;
  }

  /* force animation resume */
  body.page-id-145 .rvhB .track{
    animation-play-state: running !important;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
}

/* extra safety: hovered state ki zaroorat nahi */
body.page-id-145 .rvhB:hover .track{ animation-play-state: running; }
</style>
<!-- end Simple Custom CSS and JS -->
