.header-hero {;
    padding: 125px 0px;
}

.image-grid{
display: grid !important;
width: 100%;
margin-inline: auto;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
column-gap: 10px;
row-gap: 10px;
max-width: 590px;
justify-items: center !important;
padding-top: 20PX;
}
.image-grid a {
display: flex
;
flex-direction: column;
align-items: center;
width: 140px;
text-decoration: none;
color: inherit;
background: #fff;
border-radius: 0px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
padding: 8px;
width: 100% !important;
max-width: 160px;
}
.image-grid img {
width: 100%;
height: 120px;
object-fit: cover;
border-radius: 4px;
margin-bottom: 6px;
}
@media (max-width: 768px) {
.header-hero {
height: 250px;          
padding-bottom: 100px; 
}
.header-content a.btn {
margin-top: 15px;
font-size: 12px;
line-height: 2;
padding: 4px 16px;
max-height: 30px;
}
}