.service-item-holder{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;grid-column-gap:2.5rem;grid-row-gap:2.5rem}.service-item-holder .service-item{position:relative;padding:0;aspect-ratio:1;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:2rem;overflow:hidden;padding:1.5rem;display:flex;align-content:flex-end;flex-wrap:wrap}.service-item-holder .service-item::before{content:"";position:absolute;inset:0;background-color:rgb(55 55 55 / .65);transition:all 0.4s ease-in-out}.service-item-holder .service-item img{display:block;width:100%}.service-item-holder .service-item h3{width:100%;display:block;position:relative;z-index:10;letter-spacing:.4px;margin:0;font-size:var(--text-size-200);transition:all 0.2s ease-in-out;text-shadow:2px 1px 2px rgb(0 0 0 / .3);color:#fff}.service-item-holder .service-item p{position:relative;z-index:10;margin:.25rem 0 0;color:#fff;font-size:var(--text-size-100);height:auto;max-height:0;opacity:0;transition:all 0.5s ease-in-out;color:var(--wp--preset--color--wpbf-palette-color-5);text-shadow:2px 1px 2px rgb(0 0 0 / .3)}.service-item-holder .service-item:hover p{max-height:100px;opacity:1}.service-item-holder .service-item:hover::before{background-color:rgb(55 55 55 / .85)}@media screen and (max-width:978px){.service-item-holder{grid-column-gap:1.5rem;grid-row-gap:1.5rem}.service-item-holder .service-item{padding:1rem}}@media screen and (max-width:840px){.service-item-holder{grid-template-columns:repeat(2,1fr)}.service-item-holder .service-item{padding:2rem}}@media screen and (max-width:600px){.service-item-holder{grid-column-gap:1rem;grid-row-gap:1rem}.service-item-holder .service-item{padding:1rem}}