body{
font-family: Arial;
margin:0;
background:#111;
color:white;
}

.nav{
display:flex;
justify-content:space-between;
padding:20px;
background:black;
}

.nav a{color:white;margin-left:20px;text-decoration:none}

.hero{
text-align:center;
padding:120px 20px;
background:#1c1c1c;
}

.cta{
background:#c7a17a;
padding:15px 30px;
color:black;
text-decoration:none;
display:inline-block;
margin-top:20px;
}

.cards{padding:60px;text-align:center}
.card{background:#1c1c1c;padding:30px;margin:auto;width:300px}

.why{padding:60px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

.form-section{padding:60px;text-align:center}
input,select{padding:10px;margin:10px;width:250px}
button{padding:15px 30px;background:#c7a17a;border:none}

.calendar{text-align:center;padding:100px}

.date-card{
display:block;
background:#1c1c1c;
padding:20px;
margin:15px auto;
width:300px;
text-decoration:none;
color:white;
transition:0.3s;
}

.date-card:hover{
background:#c7a17a;
color:black;
}

.thankyou{text-align:center;padding:150px}