*{box-sizing:border-box}
body{margin:0;font-family:'Poppins',sans-serif;color:#0a2540;background:#fff}
.top{position:fixed;width:100%;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;box-shadow:0 5px 20px rgba(0,0,0,.1);z-index:1000}
.logo{height:50px}
nav a{margin-left:20px;color:#0a2540;text-decoration:none;font-weight:500}

.hero{height:100vh;background:
linear-gradient(90deg,rgba(10,37,64,.85),rgba(10,37,64,.6),rgba(10,37,64,.2)),
url('../assets/img/hero-bg.jpg') center/cover no-repeat;
display:flex;align-items:center}
.hero.small{height:60vh}
.hero-content{padding:0 10%;color:#fff}
.hero h1{font-size:3rem;margin-bottom:15px}

.btn-primary{
background:#2ecc71;
color:#fff;
padding:14px 34px;
border-radius:30px;
text-decoration:none;
font-weight:600;
display:inline-block;
margin-top:25px
}

.btn-secondary{
background:#1b6ca8;
color:#fff;
padding:10px 24px;
border-radius:25px;
text-decoration:none;
display:inline-block;
margin-top:15px
}

section{padding:120px 10%}

.services .grid,
.portfolio .grid,
.contact-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:30px
}

.card{
background:#fff;
padding:30px;
border-radius:20px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.1)
}

.service-card img{
background:#fff;
padding:10px;
border-radius:12px;
max-width:120px;
margin-bottom:15px
}

.portfolio{background:#0a2540;color:#fff}
.portfolio .card{color:#0a2540}

.contact{
text-align:center;
background:#f7f9fc
}

.contact-card{
background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.1)
}

.contact-card img{
max-width:70px;
margin-bottom:15px
}

footer{
background:#0a2540;
color:#fff;
text-align:center;
padding:20px
}

.corp-list{list-style:none;padding:0;font-size:1.1rem}
.corp-list li{margin:15px 0}