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

body{

background:#f7f8fc;

}

/* TOPBAR */

.topbar{

background:#052B73;

color:white;

padding:10px 0;

font-size:14px;

}

.topbar .container{

display:flex;

justify-content:space-between;

}

/* NAVBAR */

.navbar{

background:white;

padding:15px 0;

box-shadow:

0 5px 20px

rgba(0,0,0,.05);

}

.nav-link{

color:#0b1f46;

font-weight:700;

margin-left:25px;

cursor:pointer;

}

.nav-link:hover{

color:#c91d2e;

}

.btn-danger{

background:#c91d2e;

border:none;

padding:12px 24px;

}

/* HERO */

.hero{

height:720px;

background:

linear-gradient(

rgba(5,43,115,.82),

rgba(5,43,115,.82)

),

url('../images/hero.jpg');

background-size:cover;

background-position:center;

display:flex;

align-items:center;

color:white;

}

.overlay{

width:100%;

}

.hero h1{

font-size:90px;

font-weight:900;

}

.hero h2{

font-size:52px;

max-width:850px;

margin-bottom:30px;

}

.hero p{

font-size:22px;

max-width:760px;

line-height:1.8;

margin-bottom:40px;

}

/* STATS */

.stats{

margin-top:-90px;

padding-bottom:70px;

}

.stats .row{

background:white;

border-radius:24px;

padding:40px;

box-shadow:

0 20px 50px

rgba(0,0,0,.08);

}

.stats .col{

text-align:center;

}

.stats h3{

font-size:50px;

color:#052B73;

font-weight:900;

}

.stats p{

color:#666;

}

/* ABOUT */

.about{

padding:100px 0;

}

.about h2{

color:#052B73;

font-size:46px;

margin-bottom:30px;

}

.about p{

font-size:20px;

line-height:2;

max-width:900px;

}

/* FOOTER */

footer{

background:#052B73;

color:white;

padding:40px;

text-align:center;

margin-top:100px;

}

/* RESPONSIVE */

@media(max-width:992px){

.hero{

height:auto;

padding:120px 0;

}

.hero h1{

font-size:52px;

}

.hero h2{

font-size:34px;

}

.stats{

margin-top:40px;

}

.topbar .container{

flex-direction:column;

gap:10px;

}

}
```