body{margin:0;font-family:Arial,sans-serif;background:#f8f9fc}
.navbar{display:flex;justify-content:space-between;align-items:center;
padding:15px 40px;background:#1e2a44;color:white}
.nav-links{list-style:none;display:flex;gap:20px}
.nav-links a{color:white;text-decoration:none}
.btn{background:#ff9800;padding:10px 18px;border-radius:6px;color:white;text-decoration:none}
.hero{height:90vh;background:url('https://images.pexels.com/photos/373912/pexels-photo-373912.jpeg') center/cover no-repeat;
display:flex;align-items:center;justify-content:center;color:white;text-align:center}
.hero-content{background:rgba(0,0,0,.5);padding:40px;border-radius:12px}
.hero-btn{margin-top:15px;padding:12px 22px;border:none;border-radius:8px;background:#2196f3;color:white;cursor:pointer}
section{padding:60px 10%}
.about-box{display:flex;gap:30px;align-items:center}
.about-box img{width:45%;border-radius:15px}
.service-cards{display:flex;gap:20px;margin-top:30px}
.card{background:white;padding:25px;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.1);flex:1}
.small-btn{margin-top:10px;padding:8px 14px;border:none;border-radius:6px;background:#1e2a44;color:white;cursor:pointer}
.contact-box{display:flex;gap:30px;align-items:flex-start}
form{flex:1;display:flex;flex-direction:column;gap:10px}
input,textarea{padding:10px;border-radius:6px;border:1px solid #ccc}
footer{text-align:center;padding:20px;background:#1e2a44;color:white}