.c-site-pre-footer {
  grid-gap: 0;
}

@media (min-width: 75em) {

.c-site-pre-footer {
    width: max(16rem, min(98vw, 85rem));
    width: var(--container-wide);
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1.25rem, 0.096rem + 5.769vw, 5rem);
    padding-left: var(--container-gutter);
    padding-right: clamp(1.25rem, 0.096rem + 5.769vw, 5rem);
    padding-right: var(--container-gutter);
    position: relative;
}
  }

.c-site-pre-footer + * {
  margin-top: 0;
}

.c-block__footer-promo {
  --block-color: var(--color-white);
  --flow-space: var(--space-xs);
  --box-space: var(--space-2xl-5xl) var(--container-gutter);
  --block-contral-padding: var(--space-4xl);

  color: #FFF;

  color: var(--block-color);
  position: relative;
}

@media (min-width: 75em) {

.c-block__footer-promo {
    width: 100%;
    --box-space: 70px;
    padding-right: var(--block-contral-padding);
    display: flex;
    justify-content: flex-start;
}
  }

.c-block__footer-promo:first-child {
  padding-left: 0;
}

@media (max-width: 75em) {

.c-block__footer-promo:first-child {
    background-color: #1365DF;
    background-color: var(--color-new-lochmara);
    margin-left: 0;
    margin-right: 0;
}
  }

.c-block__footer-promo:nth-child(2) {
  padding-left: 0;
  background-color: #101e8e;
  background-color: var(--color-primary);
}

@media (min-width: 75em) {

.c-block__footer-promo:nth-child(2) {
    padding-left: inherit;
    background: none;
}
  }

.c-block__footer-promo:nth-child(2) a:hover {
  background-color: #1365DF;
  background-color: var(--color-new-lochmara);
}

.c-block__footer-promo h2 {
  color: inherit;
}

.c-block__footer-promo + .c-block__footer-promo {
  --block-background: var(--color-primary);
}

@media (min-width: 75em) {

.c-block__footer-promo + .c-block__footer-promo {
    padding-right: clamp(1.25rem, 0.096rem + 5.769vw, 5rem);
    padding-right: var(--container-gutter);
    justify-content: flex-start;
}
  }

.c-block__footer-promo--inner {
  padding-left: clamp(1.25rem, 0.096rem + 5.769vw, 5rem);
  padding-left: var(--container-gutter);
  padding-right: clamp(1.25rem, 0.096rem + 5.769vw, 5rem);
  padding-right: var(--container-gutter);
  position: relative;
}

@media (min-width: 75em) {

.c-block__footer-promo--inner {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
  }

@media (min-width: 75em) {

.footer-background {
    background: rgb(19, 101, 223);
    background: linear-gradient(
      104deg,
      rgba(19, 101, 223, 1) 50%,
      rgba(16, 30, 142, 1) 50%
    );
}
  }

/* Todo contained alignment of content */