body {margin: 0;font-family: 'Poppins', sans-serif;color: #333;}
header {background: #0a1a3c;color: white;padding: 10px 5%;display: flex;justify-content: space-between;align-items: center;}
header .logo img {height: 60px;}
nav a {color: white;margin-left: 20px;text-decoration: none;font-weight: 500;}
nav a:hover {color: gold;}
.btn {background: gold;color: #0a1a3c;padding: 8px 15px;border-radius: 5px;font-weight: 600;text-decoration: none;}
.btn:hover {background: #e6b800;}
.hero {background: linear-gradient(rgba(10,26,60,0.7),rgba(10,26,60,0.7)),url('images/project1.jpg') center/cover;color: white;text-align: center;padding: 120px 20px;}
.hero h1 {font-size: 2.5em;margin-bottom: 15px;}
.hero p {font-size: 1.2em;margin-bottom: 25px;}
.slideshow-container {max-width: 1000px;margin: 50px auto;position: relative;overflow: hidden;border-radius: 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.2);}
.slides {display: none;}
.slides img {width: 100%;border-radius: 10px;}
.prev,.next {cursor: pointer;position: absolute;top: 50%;padding: 16px;color: white;font-weight: bold;font-size: 24px;transition: 0.3s;background: rgba(0,0,0,0.4);}
.next {right: 0;}
.prev:hover,.next:hover {background: rgba(0,0,0,0.8);}
.dot-container {text-align: center;margin-top: 15px;}
.dot {cursor: pointer;height: 12px;width: 12px;margin: 0 5px;background-color: #bbb;border-radius: 50%;display: inline-block;}
.active,.dot:hover {background-color: gold;}
.section {padding: 50px 10%;}
.services-grid {display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 20px;}
.services-grid div {background: #f8f8f8;padding: 20px;border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
form {display: flex;flex-direction: column;gap: 15px;margin-top: 20px;}
form input,form textarea,form button {padding: 10px;font-size: 1em;border: 1px solid #ccc;border-radius: 5px;}
form button {background: gold;color: #0a1a3c;font-weight: 600;cursor: pointer;}
form button:hover {background: #e6b800;}
footer {background: #0a1a3c;color: white;text-align: center;padding: 20px;margin-top: 40px;}
@media (max-width: 768px){header {flex-direction: column;text-align: center;}nav {margin-top: 10px;}}