Villa Booking

.villa-section{ background:#fbfcf6; padding:80px 20px; font-family:'Inter',sans-serif; } .villa-container{ max-width:1200px; margin:0 auto; } .villa-header{ text-align:center; margin-bottom:50px; } .villa-header h2{ font-family:'Forum',serif; font-size:34px; font-weight:400; color:#1c1c1c; margin-bottom:16px; } .villa-header p{ max-width:760px; margin:0 auto; font-size:15px; line-height:1.8; color:#6b7280; } .villa-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; } .villa-card{ background:#fff; border-radius:14px; overflow:hidden; border:1px solid rgba(0,0,0,.06); transition:all .3s ease; } .villa-card:hover{ transform:translateY(-6px); box-shadow:0 14px 30px rgba(0,0,0,.08); } .villa-image{ width:100%; height:240px; background-size:cover; background-position:center; background-repeat:no-repeat; } .villa-content{ padding:18px; } .villa-title{ font-family:'Forum',serif; font-size:24px; margin-bottom:8px; color:#111827; } .villa-location{ font-size:14px; color:#6b7280; margin-bottom:6px; } .villa-details{ font-size:14px; color:#6b7280; margin-bottom:16px; } .villa-footer{ display:flex; justify-content:space-between; align-items:center; } .villa-price{ font-size:18px; font-weight:600; color:#111; } .villa-btn{ display:inline-block; padding:8px 16px; border-radius:24px; border:1px solid #c8a45d; text-decoration:none; font-size:13px; color:#c8a45d; transition:all .3s ease; } .villa-btn:hover{ background:#c8a45d; color:#fff; } @media(max-width:991px){ .villa-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:640px){ .villa-grid{ grid-template-columns:1fr; } .villa-header h2{ font-size:28px; } .villa-header p{ text-align:left; } }