.services-page-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap:1rem;
}


.services-page-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* box-shadow:rgba(9, 30, 66, 0.25) 0px 1px 1px inset, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px inset; */
    padding: 20px;
}

.services-page-item a p {
    text-align: center;
    font-size: 1rem;
    color: #333;
    text-decoration: none;
    transition: color .3s ease ;
}
.services-page-item img{
    transition: scale .3s ease;
}
.services-page-item:hover img {
    scale: 0.9;
}
.services-page-item:hover a p {
    text-decoration: underline;
    color:var(--primary-color);
}