body {font-family: Arial, sans-serif; margin: 0; padding: 0; color: #fff; background-color: #0b132b;}
header {display: flex; justify-content: space-between; align-items: center; padding: 20px; background-color: #0b132b; position: sticky; top: 0; z-index: 1000;}
.logo {display: flex; align-items: center;}
.logo img {height: 60px; margin-right: 10px;}
nav ul {list-style: none; display: flex; gap: 20px;}
nav a {color: #d4af37; text-decoration: none; font-weight: bold; transition: 0.3s;}
nav a:hover {color: #fff;}
.hero {position: relative; height: 80vh; overflow: hidden;}
.slider {width: 100%; height: 100%; position: relative;}
.slide {position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out;}
.slide.active {opacity: 1;}
.slide img {width: 100%; height: 100%; object-fit: cover;}
.hero-text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; background-color: rgba(0,0,0,0.5); padding: 20px; border-radius: 10px;}
.about, .services, .pricing, .contact {padding: 60px 20px; text-align: center;}
.about h2, .services h2, .pricing h2, .contact h2 {color: #d4af37;}
.service-cards, .price-cards {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px;}
.card, .price-card {background-color: #1c2541; padding: 20px; border-radius: 10px; width: 300px; box-shadow: 0 0 10px rgba(0,0,0,0.5); transition: transform 0.3s;}
.card:hover, .price-card:hover {transform: scale(1.05);}
.card img {width: 100%; height: 200px; border-radius: 10px; object-fit: cover;}
.price {display: block; font-size: 1.5em; color: #d4af37; margin-top: 10px;}
form {display: flex; flex-direction: column; align-items: center; gap: 10px; max-width: 500px; margin: 0 auto;}
input, textarea {width: 100%; padding: 10px; border: none; border-radius: 5px;}
button {background-color: #d4af37; color: #0b132b; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: 0.3s;}
button:hover {background-color: #fff;}
footer {background-color: #0b132b; text-align: center; padding: 15px; color: #d4af37;}
@media (max-width: 768px) {.service-cards, .price-cards {flex-direction: column; align-items: center;}}