.service-cards{width:100%}.service-cards__title{font-size:22px;margin-bottom:1rem;text-align:left}@media screen and (min-width:768px){.service-cards__title{font-size:1.875rem}}@media screen and (min-width:1200px){.service-cards__title{font-size:2.5rem}}.service-cards__cards{display:grid;gap:.5rem;grid-template-columns:1fr}@media screen and (min-width:768px){.service-cards__cards{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.service-cards__cards{gap:24px;grid-template-columns:repeat(4,1fr)}}.service-cards__card{background-color:#f4f8fd;border-radius:.625rem;color:inherit;display:block;height:13.125rem;overflow:hidden;position:relative;text-decoration:none}@media screen and (min-width:768px){.service-cards__card{height:17.5rem}}@media screen and (min-width:1200px){.service-cards__card{height:16.125rem}}.service-cards__bg{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:brightness(70%);height:100%;left:0;position:absolute;top:0;transition:transform .3s ease;width:100%}.service-cards__card:hover .service-cards__bg{transform:scale(1.1)}.service-cards__card-title{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;max-width:70%;padding:1.25rem;position:relative;z-index:1}@media screen and (min-width:768px){.service-cards__card-title{font-size:1.125rem;max-width:80%}}@media screen and (min-width:1200px){.service-cards__card-title{padding:1.5rem}}