.booking-form {
max-width: 650px;
margin: 40px auto;
padding: 25px;
background: #fdfdfd;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
font-family: Arial, sans-serif;
}
.booking-form h2 {
text-align: center;
color: #333;
margin-bottom: 10px;
}
.booking-form p {
text-align: center;
color: #666;
margin-bottom: 20px;
}
.month-buttons {
display: flex;
gap: 10px;
margin-bottom: 15px;
justify-content: center;
flex-wrap: wrap;
}
.month-buttons button {
padding: 10px 15px;
border: none;
border-radius: 6px;
background: #ffb400;
color: #fff;
font-weight: bold;
cursor: pointer;
transition: background 0.3s ease;
}
.month-buttons button:hover {
background: #e09a00;
}
.date-options {
display: none;
margin-top: 10px;
text-align: center; /* Center the dates */
}
.date-options.active {
display: block;
}
.date-options label {
display: inline-block;
margin: 5px 15px;
text-align: left;
}
.booking-form label {
display: block;
margin: 10px 0 5px;
color: #444;
font-weight: bold;
}
.booking-form select,
.booking-form input[type=”number”] {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 6px;
margin-bottom: 15px;
}
.booking-form button.submit-btn {
display: block;
width: 100%;
padding: 12px;
background: #ffb400;
color: #fff;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: background 0.3s ease;
}
.booking-form button.submit-btn:hover {
background: #e09a00;
}
ARS696 Villa Mesilou
Midori Homestay
Lamin Kopio
King Park
Sky Hotel
function showDates(month) {
document.querySelectorAll(‘.date-options’).forEach(div => div.classList.remove(‘active’));
document.getElementById(month).classList.add(‘active’);
}
Fullboard Package KK–Kundasang
4 Days 3 Nights · Includes flights, transport, guide & island hopping