.archive-page{

padding:80px 0;

background:#fff;

}



.inner-banner{

height:260px;

background:#12365a;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

}



.inner-banner h1{

font-size:42px;

}



.service-grid,
.project-grid,
.certificate-grid{

display:grid;

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

gap:30px;

}



.service-item,
.project-item,
.certificate-item{

background:#fff;

border:1px solid #eee;

transition:.3s;

}



.service-item:hover,
.project-item:hover,
.certificate-item:hover{

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

transform:translateY(-5px);

}



.service-item img,
.project-item img,
.certificate-item img{

width:100%;

height:240px;

object-fit:cover;

}



.service-item h3,
.project-item h3,
.certificate-item h3{

font-size:22px;

padding:20px;

color:#12365a;

}



.service-item p,
.project-item p,
.certificate-item p{

padding:0 20px 20px;

color:#666;

}





.news-list{

max-width:900px;

margin:auto;

}



.news-item{

padding:25px 0;

border-bottom:1px solid #eee;

}



.news-item h3{

font-size:24px;

color:#12365a;

}



.news-item p{

color:#666;

}




@media(max-width:900px){


.service-grid,
.project-grid,
.certificate-grid{

grid-template-columns:1fr;

}


}