*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Inter,sans-serif;

background:#f6f7f8;

color:#222;

line-height:1.7;

}

header{

height:90vh;

background:url("https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=1800&q=80");

background-size:cover;

background-position:center;

}

.overlay{

background:rgba(11,41,74,.72);

height:100%;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

padding:40px;

color:white;

}

.logo{

width:320px;

margin-bottom:30px;

}

h1{

font-size:52px;

font-weight:700;

margin-bottom:20px;

}

h2{

color:#0B294A;

margin-bottom:25px;

font-size:34px;

}

section{

max-width:1100px;

margin:auto;

padding:80px 25px;

}

.grid{

display:grid;

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

gap:20px;

margin-top:30px;

}

.grid div{

background:white;

padding:25px;

border-radius:8px;

box-shadow:0 8px 20px rgba(0,0,0,.08);

font-weight:600;

text-align:center;

}

ul{

margin-left:20px;

}

.contact{

background:#0B294A;

color:white;

border-radius:10px;

}

.contact h2{

color:white;

}

a{

color:#ff9900;

text-decoration:none;

}

footer{

padding:30px;

text-align:center;

background:#071a30;

color:white;

}