.services-listing{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.services-listing .service{background-color:var(--primary-v86-jet);color:var(--grey-5);display:flex;flex-flow:column nowrap;text-align:center}.services-listing .image-wrapper{height:0;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.services-listing .image-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.services-listing .service .image-wrapper .overlay{background-color:var(--primary-v86-jet);height:100%;left:0;mix-blend-mode:multiply;opacity:0;position:absolute;top:0;transition:opacity .8s ease-in-out;width:100%}.services-listing .service:hover .image-wrapper .overlay{opacity:.7}.services-listing .service .image-wrapper .icon{border:2px solid var(--grey-5);border-radius:50%;height:70px;left:50%;opacity:0;padding:22px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .8s ease-in-out;width:70px}.services-listing .service .image-wrapper .icon path{fill:var(--grey-5)}.services-listing .service:hover .image-wrapper .icon{opacity:1}.services-listing .service .image-wrapper .border{background-color:var(--primary-v86-punchy-orange);bottom:0;height:4px;left:0;position:absolute;transition:width .8s ease-in-out;width:0}.services-listing .service:hover .image-wrapper .border{width:100%}.services-listing .content{display:flex;flex-flow:column nowrap;padding:30px}@media screen and (max-width:900px){.services-listing{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.services-listing{grid-template-columns:repeat(1,1fr)}}