/* Unike, kuraterte støttebilder for hovedsporene på alle tjenestesidene. */
:is(.awsp-service--barnerett, .awsp-service--barnevern, .awsp-service--strafferett, .awsp-service--bistandsadvokat, .awsp-service--eiendom-arv, .awsp-service--alle-tjenester) .awsp-card {
  isolation: isolate;
  overflow: hidden;
  background-color: #071722;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 0 7px rgba(2, 13, 21, 0.25), 0 18px 55px rgba(0, 0, 0, 0.18);
}

.awsp-service--barnerett .awsp-card:nth-child(1) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.20) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("barnerett-avtaler.webp");
  background-position: 64% center;
}

.awsp-service--barnerett .awsp-card:nth-child(2) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.18) 0%, rgba(3, 14, 22, 0.74) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("barnerett-domstol.webp");
  background-position: 67% center;
}

.awsp-service--barnerett .awsp-card:nth-child(3) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.20) 0%, rgba(3, 14, 22, 0.73) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("barnerett-medvirkning.webp");
  background-position: 70% center;
}

.awsp-service--barnevern .awsp-card:nth-child(1) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.22) 0%, rgba(3, 14, 22, 0.70) 48%, rgba(3, 14, 22, 0.97) 100%),
    url("barnevern-hjelpetiltak.webp");
  background-position: 62% center;
}

.awsp-service--barnevern .awsp-card:nth-child(2) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.18) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("barnevern-akutt.webp");
  background-position: 68% center;
}

.awsp-service--barnevern .awsp-card:nth-child(3) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.18) 0%, rgba(3, 14, 22, 0.70) 48%, rgba(3, 14, 22, 0.97) 100%),
    url("barnevern-nemnd.webp");
  background-position: 67% center;
}

.awsp-service--strafferett .awsp-card:nth-child(1) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/strafferett-avhor.webp");
  background-position: 67% center;
}

.awsp-service--strafferett .awsp-card:nth-child(2) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/strafferett-bevis.webp");
  background-position: 66% center;
}

.awsp-service--strafferett .awsp-card:nth-child(3) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/strafferett-rettssak.webp");
  background-position: 68% center;
}

.awsp-service--bistandsadvokat .awsp-card:nth-child(1) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/bistand-veiledning.webp");
  background-position: 68% center;
}

.awsp-service--bistandsadvokat .awsp-card:nth-child(2) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/bistand-beskyttelse.webp");
  background-position: 67% center;
}

.awsp-service--bistandsadvokat .awsp-card:nth-child(3) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/bistand-erstatning.webp");
  background-position: 69% center;
}

.awsp-service--eiendom-arv .awsp-card:nth-child(1) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/eiendom-mangler.webp");
  background-position: 68% center;
}

.awsp-service--eiendom-arv .awsp-card:nth-child(2) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/eiendom-overforing.webp");
  background-position: 70% center;
}

.awsp-service--eiendom-arv .awsp-card:nth-child(3) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/eiendom-generasjon.webp");
  background-position: 72% center;
}

.awsp-service--alle-tjenester .awsp-card:nth-child(1) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/tjenester-familie.webp");
  background-position: 71% center;
}

.awsp-service--alle-tjenester .awsp-card:nth-child(2) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/tjenester-straffesak.webp");
  background-position: 66% center;
}

.awsp-service--alle-tjenester .awsp-card:nth-child(3) {
  background-image:
    linear-gradient(180deg, rgba(3, 14, 22, 0.19) 0%, rgba(3, 14, 22, 0.72) 48%, rgba(3, 14, 22, 0.98) 100%),
    url("https://advokatwulff.no/wp-content/uploads/2026/09/tjenester-eiendom.webp");
  background-position: 72% center;
}

:is(.awsp-service--barnerett, .awsp-service--barnevern, .awsp-service--strafferett, .awsp-service--bistandsadvokat, .awsp-service--eiendom-arv, .awsp-service--alle-tjenester) .awsp-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(232, 193, 141, 0.09), transparent 38%);
}

:is(.awsp-service--barnerett, .awsp-service--barnevern, .awsp-service--strafferett, .awsp-service--bistandsadvokat, .awsp-service--eiendom-arv, .awsp-service--alle-tjenester) .awsp-card > * {
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.72);
}

:is(.awsp-service--barnerett, .awsp-service--barnevern, .awsp-service--strafferett, .awsp-service--bistandsadvokat, .awsp-service--eiendom-arv, .awsp-service--alle-tjenester) .awsp-card__index {
  color: #e8c18d;
}

:is(.awsp-service--barnerett, .awsp-service--barnevern, .awsp-service--strafferett, .awsp-service--bistandsadvokat, .awsp-service--eiendom-arv, .awsp-service--alle-tjenester) .awsp-card p {
  color: #e2e9ed;
}

@media (max-width: 600px) {
  :is(.awsp-service--barnerett, .awsp-service--barnevern, .awsp-service--strafferett, .awsp-service--bistandsadvokat, .awsp-service--eiendom-arv, .awsp-service--alle-tjenester) .awsp-card {
    min-height: 340px;
    background-position: 65% center;
  }

  .awsp-service--barnerett .awsp-card:nth-child(3) {
    background-position: 72% center;
  }
}