Demo Property Template 4 Elementor

Property Gallery

/* QUICK OVERVIEW CARD */ .quick-overview{ max-width:1000px; margin:0 auto 70px; background:linear-gradient(135deg,#0a1a33,#00162e); border-radius:22px; padding:40px 35px; color:#fff; box-shadow:0 30px 60px rgba(0,0,0,.35); position:relative; overflow:hidden; }

.quick-overview::before{ content:””; position:absolute; inset:0; background: radial-gradient(circle at top right, rgba(201,162,77,.25), transparent 45%), radial-gradient(circle at bottom left, rgba(0,198,255,.25), transparent 45%); }

.quick-overview h3{ text-align:center; font-size:30px; font-weight:800; margin-bottom:30px; }

.quick-overview h3 span{ color:#c9a24d; }

.overview-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:28px; }

.overview-item{ display:flex; gap:15px; align-items:center; background:rgba(255,255,255,.06); padding:18px 20px; border-radius:16px; backdrop-filter:blur(6px); transition:.4s ease; }

.overview-item:hover{ transform:translateY(-6px); background:rgba(255,255,255,.12); }

.overview-icon{ width:52px; height:52px; border-radius:50%; background:linear-gradient(135deg,#c9a24d,#00c6ff); display:flex; align-items:center; justify-content:center; font-size:22px; color:#0a1a33; flex-shrink:0; }

.overview-text h4{ margin:0; font-size:16px; font-weight:700; }

.overview-text p{ margin:4px 0 0; font-size:14px; opacity:.85; }