.hero{
height:420px;
background-size:cover;
background-position:center;
position:relative;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}
.overlay{
background:rgba(0,0,0,.55);
position:absolute;
inset:0;
}
.hero-content{
position:relative;
z-index:2;
color:white;
padding:20px;
}
.hero-content h1{
font-size:56px;
margin-bottom:15px;
color:#fff;
}
.highlight h2 {color:#fff;}
.hero-content p{
font-size:20px;
max-width:800px;
margin:auto;
}
.container{
width:92%;
max-width:1250px;
margin:40px auto;
}
.grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:25px;
}

@media(max-width:1200px){
.grid{
grid-template-columns:repeat(3, 1fr);
}
}

@media(max-width:900px){
.grid{
grid-template-columns:repeat(2, 1fr);
}
}

@media(max-width:600px){
.grid{
grid-template-columns:1fr;
}
}
.khm-countries h1,
.khm-countries h2,
.khm-countries h3{
color:#1e3a8a;
margin:10px 0;
font-weight:700;
}

.khm-countries p{
margin:10px 0;
line-height:1.6;
}
.countries-title{
text-align:center;
font-size:34px;
color:#1e3a8a;
margin-bottom:10px;
font-weight:700;
}

.countries-subtitle{
text-align:center;
margin-bottom:25px;
color:#555;
font-size:16px;
}

.khm-countries .section{
padding:30px;
margin-bottom:25px;
background:white;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.khm-countries .btn{
display:inline-block;
padding:12px 22px;
background:#2563eb;
color:white;
border-radius:10px;
text-decoration:none;
margin-top:15px;
font-weight:600;
}

.khm-countries .container{
width:92%;
max-width:1250px;
margin:40px auto;
}

.khm-countries .grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:25px;
}
.card{
background:white;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}
.card:hover{
transform:translateY(-6px);
}
.card img{
width:100%;
height:180px;
object-fit:cover;
}
.card-content{
padding:20px;
}
.card-content h2{
margin-bottom:10px;
}
.btn{
display:inline-block;
padding:12px 22px;
background:#2563eb;
color:white;
text-decoration:none;
border-radius:10px;
margin-top:15px;
}
.show-more{
text-align:center;
margin-top:35px;
}
.section{
background:white;
padding:30px;
border-radius:18px;
margin-bottom:25px;
box-shadow:0 10px 25px rgba(0,0,0,.06);
}
.section h2{
margin-bottom:15px;
color:#1e3a8a;
}
ul{
padding-left:20px;
line-height:1.9;
}
footer{
background:#0f172a;
color:white;
text-align:center;
padding:20px;
margin-top:40px;
}
.back{
display:inline-block;
margin:20px 0;
text-decoration:none;
color:#2563eb;
font-weight:bold;
}