.service-module{background-color:var(--linnen-100);border-radius:var(--radius-xl);overflow:hidden;position:relative;&:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='122' fill='none' viewBox='0 0 122 122'%3E%3Cpath fill='%23f0eae3' d='M65.29 49.638 65.287 2h7.397l.006 55.036a7.4 7.4 0 0 1-7.398-7.398M80.032 2.004l.005 55.035h7.398l-.006-55.034zM94.778 57.04l-.006-55.034a7.4 7.4 0 0 1 7.398 7.398l.005 47.638zM72.683 65.295l47.637.005.001 7.398-55.03-.006c0-4.081 3.31-7.397 7.397-7.397zM120.322 80.04l-55.035-.006v7.398l55.036.006zM65.293 94.784l55.035.006a7.4 7.4 0 0 1-7.397 7.397l-47.638-.005zM49.638 120.338l-.006-55.036a7.4 7.4 0 0 1 7.396 7.395l.005 47.642zM42.286 120.337l-.006-55.035-7.398-.001.007 55.035zM27.537 65.3l.006 55.035a7.4 7.4 0 0 1-7.398-7.398L20.14 65.3zM49.642 57.045 2.005 57.04l-.001-7.398 55.035.006c0 4.08-3.31 7.397-7.397 7.397M2.001 42.301l55.036.006-.001-7.397L2 34.904zM57.035 27.559 2 27.553c0-4.08 3.31-7.397 7.397-7.397l47.637.005z'/%3E%3C/svg%3E");content:"";height:100%;inset:0;mask-image:linear-gradient(180deg,transparent 60%,#000);position:absolute;width:100%}& .container{position:relative;z-index:1}}.service-module__top{align-items:center;display:flex;flex-wrap:wrap;gap:var(--band-md);justify-content:space-between;margin-bottom:var(--band-xxl)}.service-module__grid{display:grid;gap:var(--band-sm);grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{aspect-ratio:1;background:var(--linnen-100);border-radius:var(--radius-md);color:var(--noir-500);display:flex;flex-direction:column;gap:var(--band-sm);height:100%;overflow:hidden;position:relative;transition:.5s ease;& img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}& .sc__body{color:var(--wit-100);display:grid;gap:var(--band-xxs);grid-template-columns:auto 32px;grid-template-rows:auto auto;margin-top:auto;padding:var(--band-md);position:relative;transition:inherit;z-index:1;& h3{grid-column:1/-1;transition:inherit}& .service-card__subtext{color:inherit;grid-column:1/2;transition:inherit}& svg{align-self:end;grid-column:2/3;grid-row:2/3;justify-self:end;transition:inherit;& path{transition:inherit}}}&:after{background:linear-gradient(180deg,rgba(25,25,25,0) 30.73%,#191919);content:"";inset:0;opacity:.8;pointer-events:none;position:absolute;transition:.5s ease;z-index:0}&:hover{transition:.5s ease;& .sc__body{transition:inherit;& h3{grid-column:1/-1;margin-bottom:var(--band-xxs);transition:inherit}& .service-card__subtext{margin-bottom:var(--band-xs);transition:inherit}& svg{fill:var(--citroen-100);height:32px;stroke:var(--citroen-100);transition:inherit;width:32px;& path{fill:var(--citroen-100);stroke:var(--citroen-100);transition:inherit}}}&:after{opacity:1}}}.service-card__heading{margin:0}.service-card__subtext{color:var(--noir-500)}@media (max-width:992px){.service-module__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.service-module__top{flex-direction:column;& .btn{width:100%}}}@media (max-width:640px){.service-module__grid{grid-template-columns:1fr}}