/* Hero Section */

.hero{
background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
url("/images/acl.jpg");
background-size:cover;
background-position:center;
height:320px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
}

.hero h1{
font-size:42px;
margin:0;
}

.hero p{
font-size:18px;
margin-top:10px;
}

/* Container */

.container{
width:90%;
max-width:1100px;
margin:auto;
padding:40px 0;
}

/* Section */

.section{
margin-bottom:50px;
}

.section h2{
color:#0a4fa3;
margin-bottom:15px;
}

.section p{
font-size:16px;
}

/* Services */

.services{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:20px;
}

.service-box{
background:white;
padding:20px;
border-radius:8px;
box-shadow:0 2px 8px rgba(0,0,0,0.1);
transition:0.3s;
}

.service-box:hover{
transform:translateY(-5px);
}

/* Stats */

.stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
text-align:center;
margin-top:30px;
}

.stat{
background:#0a4fa3;
color:white;
padding:30px;
border-radius:8px;
}

.stat h3{
font-size:36px;
margin:0;
}