*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}


body{
color:#172033;
background:#f5f7fa;
line-height:1.6;
}


header{

height:80px;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 8%;

background:white;

position:sticky;

top:0;

z-index:10;

border-bottom:1px solid #eee;

}


.logo{

font-size:22px;

font-weight:700;

color:#0b1f3a;

}


nav a{

margin-left:30px;

text-decoration:none;

color:#333;

font-size:15px;

}


.hero{

min-height:650px;

display:flex;

align-items:center;

padding:0 8%;

background:

linear-gradient(
rgba(5,25,55,.75),
rgba(5,25,55,.75)
),

url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1600&q=80");


background-size:cover;

background-position:center;

color:white;

}



.hero-content{

max-width:750px;

}


.tag{

color:#d5b35a;

font-size:18px;

font-weight:bold;

margin-bottom:20px;

}



.hero h1{

font-size:56px;

line-height:1.15;

margin-bottom:25px;

}



.hero p{

font-size:20px;

max-width:650px;

margin-bottom:35px;

}



.btn{

display:inline-block;

background:#c9a227;

color:white;

padding:15px 35px;

border-radius:4px;

text-decoration:none;

font-weight:bold;

}




.stats{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

padding:70px 8%;

background:white;

}



.stat-box{

padding:35px;

text-align:center;

border-left:3px solid #c9a227;

}


.stat-box h2{

font-size:40px;

color:#0b1f3a;

}



section{

padding:80px 8%;

}


h2{

text-align:center;

font-size:38px;

margin-bottom:25px;

color:#0b1f3a;

}



.section-desc{

text-align:center;

max-width:700px;

margin:0 auto 50px;

}



.solution-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}



.solution-card{

background:white;

padding:35px;

border-radius:8px;

box-shadow:0 10px 30px rgba(0,0,0,.06);

}



.solution-card span{

color:#c9a227;

font-weight:bold;

}



.solution-card h3{

margin:20px 0;

color:#0b1f3a;

}




.process{

background:#0b1f3a;

color:white;

}



.process h2{

color:white;

}



.process-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}



.process-grid div{

background:#122b4d;

padding:30px;

border-radius:8px;

}



.industries{

background:white;

}



.industry-list{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}



.industry-list span{

padding:15px 30px;

background:#f1f3f6;

border-radius:30px;

}




.about{

text-align:center;

max-width:900px;

margin:auto;

}



.about p{

font-size:18px;

margin:20px;

}




.contact{

background:#f5f7fa;

}



.contact-container{

max-width:800px;

margin:auto;

background:white;

padding:40px;

border-radius:10px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.contact-item{

margin-bottom:25px;

}



.contact-item h3{

color:#0b1f3a;

}



footer{

background:#0b1f3a;

color:white;

text-align:center;

padding:30px;


}


footer a{

color:#c9a227;

text-decoration:none;

}



@media(max-width:900px){


.hero h1{

font-size:38px;

}


.stats,
.solution-grid,
.process-grid{

grid-template-columns:1fr;

}


header{

padding:0 5%;

}


}
/* Business Cards */

.cards{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:30px;

margin-top:40px;

}


.card{

background:white;

padding:35px;

border-radius:12px;

box-shadow:0 10px 30px rgba(0,0,0,0.08);

transition:0.3s;

}


.card:hover{

transform:translateY(-5px);

}


.card h3{

color:#0b2a52;

font-size:22px;

margin-bottom:15px;

}


.card p{

line-height:1.7;

color:#444;

}


.card a{

display:inline-block;

margin-top:15px;

color:#d4a017;

font-weight:bold;

text-decoration:none;

}
.contact-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}


.contact-info,
.contact-form{
background:white;
padding:40px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}


.contact-form form{
display:flex;
flex-direction:column;
gap:20px;
}


.contact-form input,
.contact-form textarea{

padding:15px;
border:1px solid #ddd;
border-radius:8px;
font-size:16px;

}


.contact-form textarea{

height:150px;

}


.contact-form button{

background:#d4a017;
color:white;
border:none;
padding:15px;
border-radius:8px;
font-size:16px;
cursor:pointer;

}



.map iframe{

border-radius:12px;

}



@media(max-width:900px){

.contact-layout{

grid-template-columns:1fr;

}

}
.process-detail{
padding:80px 10%;
background:#f5f7fa;
text-align:center;
}


.process-detail h2{
font-size:42px;
color:#123b63;
margin-bottom:50px;
}


.timeline{
max-width:1000px;
margin:auto;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}


.timeline-item{
background:white;
padding:35px;
border-radius:12px;
text-align:left;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
border-left:5px solid #d9a514;
}


.timeline-item h3{
font-size:22px;
color:#123b63;
margin-bottom:15px;
}


.timeline-item p{
font-size:16px;
line-height:1.8;
color:#444;
}


@media(max-width:768px){

.timeline{
grid-template-columns:1fr;
}

}