.our-service-innermain{padding-block:var(--padding-100);background:#f6f6f6;margin-block:var(--padding-50)}.image-grid .image-item,.image-grid .img-item-inner{position:relative;overflow:hidden}.image-grid .image-item a{display:block;width:100%;text-decoration:none;height:100%}.image-grid .img-item-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(183.59deg,#000 -64.86%,#0000 114.34%);pointer-events:none;z-index:1}.image-grid .image-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;will-change:transform}.image-grid .image-item:hover img{transform:scale(1.03)}.image-grid .image-item .caption{position:absolute;top:0;right:0;bottom:0;left:0;padding:2rem;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;z-index:2}.image-grid .image-item .caption h3{color:currentColor;margin:0;font-size:var(--p30)}.image-grid .top-images{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:20px;grid-row-gap:20px}.image-grid .top-images .image-item:nth-child(1){grid-area:1 / 1 / 6 / 6}.image-grid .top-images .image-item:nth-child(2){grid-area:1 / 6 / 6 / 9}.image-grid .top-images .image-item:nth-child(3){grid-area:1 / 9 / 9 / 13}.image-grid .top-images .image-item:nth-child(4){grid-area:6 / 1 / 9 / 9}.image-grid .bottom-images{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-row-gap:20px;margin-top:2rem}@media screen and (max-width:767px){.image-grid .top-images{grid-column-gap:10px;grid-row-gap:10px}.image-grid .bottom-images{grid-column-gap:10px;grid-row-gap:10px;margin-top:1rem}.image-grid .top-images,.image-grid .bottom-images{grid-template-columns:1fr 1fr}.image-grid .top-images .image-item{grid-area:auto!important}.image-grid .img-item-inner{position:relative;overflow:hidden;padding-top:100%;display:block}.image-grid .image-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-grid .image-item .caption h3{font-size:var(--p18)}}@media screen and (max-width:767px){.image-grid .bottom-images{grid-column-gap:5px;grid-row-gap:5px;margin-top:.5rem}.image-grid .top-images{grid-column-gap:6px;grid-row-gap:6px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/our-services.css.map */