.service-cards__inner, .icon {width:100%; display:flex; flex-wrap:wrap;}
.service-cards__inner .card {flex: 0 0 25%; padding:1rem; border:none !important;}
.service-cards__inner .card .card__inner {display:flex; flex-direction:column; padding:3rem 2rem; border: 1px solid #000; max-height:100%; min-height: 100%;    justify-content: space-evenly;}
.service-cards__inner a {display:flex; width:100%; color:black; transition: border-width .4s ease, border-color .4s ease, box-shadow .4s ease, transform .4s ease; box-shadow: 0px 0px 0px grey;}
.service-cards__inner .icon { justify-content:center; margin-bottom:2rem;}
.service-cards__inner :is(.icon) img {width: clamp(2.4rem, 3vw, 4rem); height:auto; transition: filter .8s ease, transform .3s ease; transform: scale(1);}
.service-cards__inner .text {font-size: clamp(1rem, 1vw, 1.6rem); line-height: 1; text-align: center; font-weight: 700;} .service-cards__inner a:is(:hover, :focus) {
transform: scale(1.02);
border-width: 0px;
box-shadow: 1px 1px 10px grey;
border-color:#fff !important;
}
.service-cards__inner a:is(:hover, :focus) .icon img {
filter: saturate(4) brightness(6) contrast(1.5);
transform: scale(1.35);
} @media (max-width: 1200px) { 
.service-cards__inner .card {flex: 0 0 33.33%;}
} @media (max-width: 768px) { 
.service-cards__inner .card {flex: 0 0 100% !important;}
}