/* Executive Condominiums in 3D (1.21.342). On top of hdb-3d.css, new-launches-3d.css and playbook-3d.css. */
.ec3d .h3d__eyebrow a { color: inherit; text-decoration: none; }
.ec3d .h3d__eyebrow a:hover { text-decoration: underline; }
.ec3d__clock { position: relative; height: 46px; margin: 8px 0 6px; }
.ec3d__seg { position: absolute; top: 8px; height: 12px; }
.ec3d__seg:first-child { border-radius: 999px 0 0 999px; }
.ec3d__seg:nth-child(4) { border-radius: 0 999px 999px 0; }
.ec3d__now { position: absolute; top: 2px; width: 3px; height: 24px; margin-left: -1px; background: #0b1220; border-radius: 2px; }
.ec3d__now span { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); font: 700 10px/1 Inter, sans-serif; color: #0b1220; white-space: nowrap; }
.ec3d__clock em { position: absolute; top: 26px; transform: translateX(-50%); font: 600 10.5px/1.1 Inter, sans-serif; font-style: normal; color: #5b6b7e; white-space: nowrap; }
.ec3d__clock em:first-of-type { transform: none; }
.ec3d__clock em:last-of-type { transform: translateX(-100%); }
.ec3d__years { display: flex; align-items: flex-end; gap: 2px; height: 60px; margin: 8px 0; }
.ec3d__years i { flex: 1; min-width: 2px; background: #d5dde7; border-radius: 2px 2px 0 0; }
.ec3d__years i.is-on { background: linear-gradient(180deg, #ffd166, #f28e4c); }
.ec3d__checks { list-style: none; margin: 8px 0; padding: 0; }
.ec3d__checks li { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; margin-bottom: 6px; border-radius: 12px; background: #f6f8fb; font: 500 13px/1.4 Inter, sans-serif; }
.ec3d__checks li b { flex: 0 0 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font: 800 12px/1 Inter, sans-serif; color: #fff; }
.ec3d__checks li.is-ok b { background: #1a9850; }
.ec3d__checks li.is-no b { background: #d7301f; }
.ec3d__checks li.is-ask b { background: #f28e4c; }
.ec3d .h3d__bars li[data-action] { cursor: pointer; }
.ec3d .h3d__bars li.is-active { background: #f0f4f9; border-radius: 8px; }
.ec3d .h3d__bars span small { font-weight: 500; color: #6b7a8c; }
.ec3d .nl3d__cmp td small { display: block; color: #6b7a8c; font-size: 11px; font-weight: 500; }
.ec3d__full .ec-directory, .ec3d__full .ec-project-page { max-width: none; background: #fff; border: 1px solid var(--h3d-line, #e2e8f0); border-radius: 20px; padding: 24px; }
@media (max-width: 520px) {
	.ec3d__full .ec-directory, .ec3d__full .ec-project-page { padding: 16px; }
}