/* ==========================================================================
   Services page
   ========================================================================== */
.p-service {
  --theme-color: #739aff;
}

.p-service__pay {
  display: grid;
  grid-template: "table" auto "media" auto/1fr;
}
@media (min-width: 80em) {
  .p-service__pay {
    grid-template: "table media" auto/9fr 3fr;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
}
@media (min-width: 90em) {
  .p-service__pay {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}

.p-service__description {
  --dl-rgap: 0.625rem;
  --dl-gtc: 1fr;
  --dl-mt: 1.25rem;
  --dt-font: var(--font-db);
  grid-area: table;
}
@media (min-width: 48em) {
  .p-service__description {
    --dl-gtc: 1fr;
  }
}
@media (min-width: 80em) {
  .p-service__description {
    --dl-gtc: 3.7fr 9fr;
    --dt-font: var(--font-r);
  }
}
@media (min-width: 90em) {
  .p-service__description {
    --dl-rgap: 0;
    --dl-gtc: 3.5fr 9fr;
  }
}

.p-service__media {
  grid-area: media;
  max-width: 21.875rem;
  margin-top: 1.25rem;
}
@media (min-width: 80em) {
  .p-service__media {
    width: 100%;
    margin-top: 0;
  }
}

.p-service__image {
  height: auto;
}