@charset "UTF-8";body{margin:0;font-family:Arial,sans-serif;background-color:#181717}body .homepage{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:120px}body .homepage .dropdown{position:relative;display:inline-block}body .homepage .submenu{display:none;position:absolute;top:100%;left:0;width:220px;padding:10px 0;border-radius:10px;background-color:#fff;z-index:100}body .homepage .submenu ul{list-style:none}body .homepage .submenu ul a{display:block;padding:12px 20px;color:#000;font-weight:500;text-transform:capitalize;transition:.3s ease;position:relative;text-decoration:none}body .homepage .submenu ul a:before{content:"•";position:absolute;left:-20px;color:#cfa14f;font-size:18px;top:50%;transform:translateY(-50%)}body .homepage .submenu ul a:hover{background-color:#cfa14f;color:#fff;border-radius:5px}body .homepage .dropdown:hover .submenu{display:block}body h1{color:#fff}body hr{width:150px;border:1px solid #cfa14f;margin-top:8px}body .search{margin:30px 0;position:relative;display:flex;justify-content:center;align-items:center;max-width:400px}body .search input{width:100%;padding:15px 45px 15px 20px;border-radius:25px;border:none}body .search input:focus{outline:none}body .search img{position:absolute;right:15px;width:20px;height:20px}body .filters{background-color:#2c2c2c;padding:40px;border-radius:15px;display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;justify-content:space-between;color:#fff;max-width:70%}body .filters label{font-size:14px;margin-bottom:8px;display:block}body .filters select,body .filters input{padding:12px;border-radius:12px;width:200px;background-color:#1e1e1e;border:1px solid #555;color:#fff;font-size:14px}body .filters select:focus,body .filters input:focus{outline:none;border-color:#cfa14f}body .filters button{padding:12px 25px;background:#cfa14f;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase}body .filters button:hover{background:#bb872d}body #properties-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:60px 20px;max-width:90%}body #properties-container .property-card{width:300px;background-color:#fff;border-radius:12px;overflow:hidden;transition:transform .3s ease-in-out}body #properties-container .property-card:hover{transform:translateY(-5px)}body #properties-container .property-card .property-image{width:300px;height:300px;object-fit:cover;border-radius:8px 8px 0 0}body #properties-container .property-card .property-info{padding:15px}body #properties-container .property-card .property-info h3{margin:12px 0;font-size:20px;color:#cfa14f}body #properties-container .property-card .property-info p{font-size:15px;margin-bottom:8px;text-align:left;color:#000}body #show-more{margin-top:40px;padding:10px;background:#cfa14f;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .3s}body #show-more:hover{background:#bb872d}body #pagination-controls{display:flex;justify-content:center;margin:30px 0;gap:8px}body #pagination-controls button{background:#cfa14f;color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:16px;border-radius:5px;transition:all .3s}body #pagination-controls button:disabled{background:#555;cursor:not-allowed}body #pagination-controls .page-button{background:#222;color:#fff}body #pagination-controls .page-button.active{background:#cfa14f;font-weight:700}@media (width <= 768px){body .filters{flex-direction:column;align-items:center}body .filters label,body .filters select,body .filters input{width:100%}body .filters button{width:100%;text-align:center}body .search{width:60%}body #properties-container{flex-direction:column;align-items:center}}